/*This is the first breakpoint and contains styles for screens 1024px to 870px*/
@media screen and (max-width: 1024px) {
div.pagenumbers {
font-size: 0.8em;
}
div.category{
width:48.2%;
padding-right: 10px;
padding-left: 10px;
}
.header-middle {
padding: 1.2rem 0;
}
.header-top {
display: none;
}
div.csproduct{
width:24.4%;
padding-right: 10px;
padding-left: 10px;
}
div.csprodname{
margin-top: 10px;
font-size: 1em;
text-align: center;
}
div.csprodid {
display: none;
}
div.csprodmanufacturer {
display: none;
} 
div.csprodrating {
margin:0px;
padding:0px;
text-align: center;
}
div.csprodprice {
float: left;
width: 99%;
margin: 0px;
font-size: 1em;
text-align: center;
}
div.catdiscounts, div.proddiscounts, div.prodnoapplydiscounts {
font-size: 1em;
text-align: center;
}
div.product {
width:32.3%;
margin:0px;
}
div.prodimage {
width: 100%;
display: flex;
}
img.prodimage {
height: auto;
width: 100%;
margin-top: 10px;
}
div.prodname {
margin-top: 10px;
font-size: 1em;
text-align: center;
padding: 0px 10px 0px 10px;
}
div.prodid {
display: none;
}
div.prodmanufacturer {
display: none;
} 
div.prodrating {
margin:0px;
padding:0px;
text-align: center;
}
div.prodprice {
float: left;
width: 99%;
margin: 0px;
padding: 0px;
font-size: 1em;
text-align: center;
}
div.listprice {
margin:0px;
padding: 0px;
}
div.origprice {
float: left;
width: 99%;
margin: 0px;
padding: 0px;
font-size: .8em;
text-align: center;
margin-left: 50px;
}
}
/*This is the second breakpoint and contains styles for screens 870px to 800px*/
@media screen and (max-width: 870px) {
.sidebar-shop {
display: none;
}
div.pagenumbers {
font-size: 0.8em;
}
div.category{
width:47.5%;
padding-right: 10px;
padding-left: 10px;
}
.header-middle {
padding: 1.2rem 0;
}
.header-top {
display: none;
}
div.csproduct{
width:32%;
padding-right: 10px;
padding-left: 10px;
}
div.csprodname{
margin-top: 10px;
font-size: 1em;
text-align: center;
}
div.csprodid {
display: none;
}
div.csprodmanufacturer {
display: none;
} 
div.csprodrating {
margin:0px;
padding:0px;
text-align: center;
}
div.csprodprice {
float: left;
width: 99%;
margin: 0px;
font-size: 1em;
text-align: center;
}
div.catdiscounts, div.proddiscounts, div.prodnoapplydiscounts {
font-size: 1em;
text-align: center;
}
div.product {
width:32.3%;
margin:0px;
}
div.prodimage {
width: 100%;
display: flex;
}
img.prodimage {
height: auto;
width: 100%;
margin-top: 10px;
}
div.prodname {
margin-top: 10px;
font-size: 1em;
text-align: center;
padding: 0px 10px 0px 10px;
}
div.prodid {
display: none;
}
div.prodmanufacturer {
display: none;
} 
div.prodrating {
margin:0px;
padding:0px;
text-align: center;
}
div.prodprice {
float: left;
width: 99%;
margin: 0px;
padding: 0px;
font-size: 1em;
text-align: center;
}
div.listprice {
margin:0px;
padding: 0px;
}
div.origprice {
float: left;
width: 99%;
margin: 0px;
padding: 0px;
font-size: .8em;
text-align: center;
margin-left: 50px;
}

}
/*This is the third breakpoint and contains styles for screens 800px to 640px*/
@media screen and (max-width: 800px) {
.sidebar-shop {
display: none;
}
div.pagenumbers {
font-size: 0.8em;
}
div.category{
width:47.5%;
padding-right: 10px;
padding-left: 10px;
}
.header-middle {
padding: 1.2rem 0;
}
.header-top {
display: none;
}
div.csproduct{
width:32%;
padding-right: 10px;
padding-left: 10px;
}
div.csprodname{
margin-top: 10px;
font-size: 1em;
text-align: center;
}
div.csprodid {
display: none;
}
div.csprodmanufacturer {
display: none;
} 
div.csprodrating {
margin:0px;
padding:0px;
text-align: center;
}
div.csprodprice {
float: left;
width: 99%;
margin: 0px;
font-size: 1em;
text-align: center;
}
div.catdiscounts, div.proddiscounts, div.prodnoapplydiscounts {
font-size: 1em;
text-align: center;
}
div.product {
width:32.3%;
margin:0px;
}
div.prodimage {
width: 100%;
display: flex;
padding-left: 10px;
}
img.prodimage {
height: auto;
width: 100%;
margin-top: 10px;
}
div.prodname {
margin-top: 10px;
font-size: 1em;
text-align: center;
padding: 0px 10px 0px 10px;
}
div.prodid {
display: none;
}
div.prodmanufacturer {
display: none;
} 
div.prodrating {
margin:0px;
padding:0px;
text-align: center;
}
div.prodprice {
float: left;
width: 99%;
margin: 0px;
padding: 0px;
font-size: 1em;
text-align: center;
}
div.listprice {
margin:0px;
padding: 0px;
}
div.origprice {
float: left;
width: 99%;
margin: 0px;
padding: 0px;
font-size: .8em;
text-align: center;
margin-left: 50px;
}
div.detailmanufacturer{
float:left;
width:40%;
color:#666;
margin:0px;
}
div.detailname h1 {
font-size: 1.3em;
float:left;
width:40%;
font-weight: bold;
}
div.detailreviewstars{
float:left;
width:40%;
text-align:left;
}
div.detailprice{
font-size: 1.3em;
font-weight:bold;
float:left;
width:39%;
}
div.detailinstock{
float:left;
width:40%;
margin:0px;
font-size: 1.2em;
}
div.detailaddtocart{
float:left;
text-align:left;
padding-top:10px;
width:40%;

}

input.ectbutton, button.ectbutton {
background: #000;
color: #FFF;
padding: 15px;
border: 0;
border-radius: 0px;
font-family: FontAwesome,sans-serif;
cursor: pointer;
font-weight: normal;
-webkit-appearance: none;
font-size: 0.8em;
}

div.origprice {
float: left;
font-size: .8em;
text-align: left;
margin:0px;
padding:0px;
background-color: antiquewhite;
    }


}
/*This is the fourth breakpoint and contains styles for screens 640px to 500px*/
@media screen and (max-width: 640px) {
.sidebar-shop {
display: none;
}
div.pagenumbers {
font-size: 0.8em;
}
div.category{
width:47.5%;
padding-right: 10px;
padding-left: 10px;
}
.header-middle {
padding: 1.2rem 0;
}
.header-top {
display: none;
}
div.csproduct{
width:48.5%;
padding-right: 10px;
padding-left: 10px;
}
div.csprodname{
margin-top: 10px;
font-size: 1em;
text-align: center;
}
div.csprodid {
display: none;
}
div.csprodmanufacturer {
display: none;
} 
div.csprodrating {
margin:0px;
padding:0px;
text-align: center;
}
div.csprodprice {
float: left;
width: 99%;
margin: 0px;
font-size: 1em;
text-align: center;
}
div.catdiscounts, div.proddiscounts, div.prodnoapplydiscounts {
font-size: 1em;
text-align: center;
}
div.product {
width:50%;
margin:0px;
}
div.prodimage {
width: 100%;
display: flex;
}
img.prodimage {
height: auto;
width: 100%;
margin-top: 10px;
}
div.prodname {
margin-top: 10px;
font-size: 1em;
text-align: center;
padding: 0px 10px 0px 10px;
}
div.prodid {
display: none;
}
div.prodmanufacturer {
display: none;
} 
div.prodrating {
margin:0px;
padding:0px;
text-align: center;
}
div.prodprice {
float: left;
width: 99%;
margin: 0px;
padding: 0px;
font-size: 1em;
text-align: center;
}
div.listprice {
margin:0px;
padding: 0px;
}
div.origprice {
float: left;
width: 99%;
margin: 0px;
padding: 0px;
font-size: .8em;
text-align: center;
margin-left: 70px;
}
}
/*This is the fifth breakpoint and contains styles for screens 500px to 360px*/
@media screen and (max-width: 500px) {
.sidebar-shop {
display: none;
}
div.pagenumbers {
font-size: 0.8em;
}
div.category{
width:46.5%;
}
.header-middle {
padding: 1.2rem 0;
}
.ectdp_minicartmainwrapper {
display: none;
}
.header-top {
display: none;
}
.header-center, .header-left, .header-right {
width: 0px;
padding-right: 100px;
}
div.catnavigation {
margin:10px;
padding: 0px;
font-size: 0.8em;
}
div.csproduct {
width:42%;
padding-right: 10px;
padding-left: 10px;
}

img.csprodimage {
width: 100%;
height: auto;
}
div.csprodname {
margin-top: 10px;
font-size: .8em;
text-align: center;
text-transform: uppercase;
}
div.csprodid {
display: none;
}
div.csprodmanufacturer {
display: none;
} 
div.csprodrating {
margin:0px;
padding:0px;
text-align: center;
}
div.csprodprice {
float: left;
width: 99%;
margin: 0px;
font-size: .8em;
text-align: center;
}
div.catdiscounts, div.proddiscounts, div.prodnoapplydiscounts {
font-size: 0.8em;
text-align: center;
}
/* 360 product */
.products {
width: 100%;
}
div.product {
width:50%;
margin:0px;
}
div.prodimage {
width: 100%;
display: flex;
}
img.prodimage {
height: auto;
width: 100%;
margin-top: 10px;
}
div.prodname {
margin-top: 10px;
font-size: .8em;
text-align: center;
padding: 0px 10px 0px 10px;
}
div.prodid {
display: none;
}
div.prodmanufacturer {
display: none;
} 
div.prodrating {
margin:0px;
padding:0px;
text-align: center;
}
div.prodprice {
float: left;
width: 99%;
margin: 0px;
padding: 0px;
font-size: .8em;
text-align: center;
}
div.listprice {
margin:0px;
padding: 0px;
}
div.origprice {
float: left;
width: 99%;
margin: 0px;
padding: 0px;
font-size: .8em;
text-align: left;
margin-left: 70px;
}
/* Product Detail 360 */
div.detaildiscounts {
width:99%;
float:left;
margin-top:10px;
padding-left:10px;
padding-right:10px;
font-size: 1.3em;
}
div.detailimage {
width: 100%;
padding-left:10px;
padding-right:10px;
}
div.detailid {
width:99%;
float:left;
color:#666;
margin-top:10px;
padding-left:10px;
padding-right:10px;
}
div.detailmanufacturer{
float:left;
width:99%;
color:#666;
margin:0px;
padding-left:10px;
padding-right:10px;
}
div.detailname h1 {
font-size: 1.5em;
padding-left:10px;
padding-right:10px;
float:left;
width:99%;
font-weight: bold;
}
div.detailreviewstars{
float:left;
width:99%;
text-align:left;
padding-left:10px;
padding-right:10px;
}
div.detailprice{
font-size: 1.5em;
font-weight:bold;
float:left;
width:39%;
padding-left:10px;
padding-right:10px;
}
div.detailinstock{
float:left;
width:99%;
margin:0px;
font-size: 1.2em;
padding-left:10px;
padding-right:10px;
}
div.detailshortdescription {
font-size: 0.9em;
line-height: 1.4em;
float: left;
width: 99%;
padding-left:10px;
padding-right:10px;
}
div.detailquantity{
float:left;
width: 99%;
font-size: 1.2em;
padding-left:10px;
padding-right:10px;
}
div.detailaddtocart{
float:left;
text-align:left;
padding-left:10px;
padding-right:10px;
width:50%;
}
input.ectbutton, button.ectbutton {
background: #000;
color: #FFF;
padding: 15px;
border: 0;
border-radius: 0px;
font-family: FontAwesome,sans-serif;
cursor: pointer;
font-weight: normal;
-webkit-appearance: none;
font-size: 0.8em;
}
div.socialmediabuttons{
float: left;
background: #e7e7e7;
width:95%;
margin-left: 10px;
margin-right: 10px;
}
}
@media all and (max-width:440px){
div.origprice {
float: left;
width: 99%;
margin: 0px;
padding: 0px;
font-size: .8em;
text-align: center;

}
}
/*This is the last breakpoint and contains styles for screens below 360px*/
@media screen and (max-width: 360px) {
div.origprice {
float: left;
width: 99%;
margin: 0px;
padding: 0px;
font-size: .8em;
text-align: center;

}
}