/* Main container for all */
.onepcssgrid-1000, .onepcssgrid-1200 { margin:0 auto; padding:0; }
.onepcssgrid-1200 { max-width:95%; /* max-width:1220px; */}
.onepcssgrid-1000 { max-width:95%; margin:0px auto; padding: 0px 0px; }
.onerow { clear:both; padding:0 0px; }
/* Common columns definitions */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float:left; margin:0 0 0 0;}
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 { margin:0; }
.col1 { width:8.33%; }
.col2 { width:16.66%; }
.col3 { width:25%; }
.col4 { width:33.33%; }
.col5 { width:41.66%; }
.col6 { width:50%; }
.col7 { width:58.33%; }
.col8 { width:66.66%; }
.col9 { width:75%; }
.col10 { width:83.33%; }
.col11 { width:91.66%; }
.col12 { width:100%; margin:0; }
/* .col12 { width:100%; margin:0; } */
.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img { /* width:100%; height:auto; display:block;*/ }
.widthtab{
	width:50% !important;
}
.widthalign{
	text-align:right !important;
}
/* Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math */
/* Larger pads */
@media all and (min-width: 801px) and (max-width:1024px){ .onepcssgrid-790 { max-width:790px; }.onepcssgrid-1000 .onerow { padding:0; }}

/* Small devices */
@media all and (min-width: 300px) and (max-width:800px){
.header-top-text{font-size:12px!important;} 
#header{width:100%; position:relative !important; z-index:999999; top:0px; left:0px;}
.menucateg{ float:none!important;}
.menucateg ul li { float:none; position:inherit; width:100%;/*border-bottom:1px solid #e7e7e7;*/ margin-bottom:1px; }
.menucateg ul li ul{ width:100%!important; }
.menucateg li a{ /*padding:7px 12px!important; border-right:1px solid #e7e7e7 !important;*/} 
.menucateg ul li .submenu { position:relative!important; width:100%;}
.menucateg ul li .submenu li { float:none; position:inherit; }

.menucateg ul li ul li ul li{ float:none; position:inherit; width:100%;border-bottom:1px solid #e7e7e7; }
.menucateg ul li ul li ul{ width:100%!important; margin:-26px 0 0 0px!important; }
.menucateg li a li a{ /*padding:7px 12px!important;*/} 
.menucateg ul li .submenu ul li .submenu { position:relative!important; width:100%!important;}
.menucateg ul li .submenu ul li .submenu li { float:none; position:inherit; }
.mincart{	font-size:13px; line-height:15px !important; color:#008e38;}
}

/*List Product Start*/
@media only screen and 
(max-width:760px), 
(min-device-width:768px) and 
(max-device-width:1024px)  {.header-top-text{font-size:12px!important;}}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width :320px)
and (max-device-width :480px) { body { padding:0; margin:0; width:320px; }

 }

/* iPads (portrait and landscape) ----------- */
/*@media only screen and (min-device-width:768px) and (max-device-width:1024px) { body { width:495px; } }*/
@media all and (max-width: 1024px) {
.image-box1,.image-box2,.image-box3,.image-box4 {width:243px!important;} 
.products .product{ width:218px!important;}
.menucateg li a{ /*padding:5px 16px!important;*/}
.menucateg li a.last-child{ /*padding:5px 19px!important;*/}
}

@media all and (max-width: 980px) {
.image-box1,.image-box2,.image-box3,.image-box4{width:232px!important;}
/*.menucateg li{padding-right:28px !important;} */
.image-box1,.image-box2,.image-box3,.image-box4 {width:212px!important;} 
.menucateg li.pr0{padding-right:0px!important;} 
.products .product{ width:208px!important;}
}

@media all and (max-width: 900px) { 
.image-box1,.image-box2,.image-box3,.image-box4 {width:212px!important;}
/*.menucateg li{padding-right:18px !important;} */
.category{ width:270px!important;}
.products .product{ width:30%!important; height:auto !important; min-height:330px !important;}
.menucateg li a{ /*padding:5px 28px!important;*/}
.menucateg li a.last-child{ /*padding:5px 29px!important;*/}
}

@media all and (max-width: 800px) {
	#header{width:100%; position:relative !important; z-index:999999; top:0px; left:0px;}
	.mincart{	font-size:13px; line-height:15px !important; color:#008e38;}
#wrepper{height:auto !important; padding:5px 0px;}
.top-text-right{text-align:center !important;} 
.top-text-left{text-align:center !important;} 
.top-mid{display:none!important;}
.logo{margin-top:5px;} 
.footer_nav li a{padding:8px 6px !important; }  
/*.menucateg li{float:none !important;  border-bottom:#e7e7e7 1px solid; } 
.menucateg li ul li{border-bottom:none;}
.menucateg ul li ul {width:100%!important; float:none!important; }  */ 
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {float: none; width: 99%;} 
.search-row{padding-top:5px;} 
.footer_left{border-right:none !important; border-bottom:#e7e7e7 1px solid; padding-bottom:20px;}
.footer_right{border-right:none !important; padding-bottom:-10px; border-bottom:#e7e7e7 1px solid !important; } 
.image-box1,.image-box2,.image-box3,.image-box4 {width:260px!important;} 
.image-box2 .bod{display:none;} 
.product-main{margin:0 auto!important; max-width:521px!important;}
.products .product{ width:46%!important;}
.detailimage {min-height:auto!important; }
.gap{
	height:60px !important;
}
.widthtab{
	width:100% !important;
}
.widthalign{
	text-align:left !important;
}
.footer_left{min-height:80px !important;}
}

@media all and (max-width: 640px) {
.top-right{ min-width:76%!important; float:none!important;}
.top-left{float:none!important; margin:0 auto!important; width:60%!important;   }
.top-mid{float:none!important; margin:0 auto!important; width:60%!important; text-align:center }
.category{ width:275px!important;}
.products .product{ width:45%!important; height:auto !important;}
.widthtab{
	width:100% !important;
}
.widthalign{
	text-align:left !important;
}
.srchonline{ width:100px !important;}
.srchonbutton{width:20px !important;}
.footer_left{min-height:80px !important;}

}

@media all and (max-width: 600px) { 
.footer_nav li{float:none !important;  border-bottom:#e7e7e7 1px solid; width:100% !important; } 
.top-right{ width:80%!important; float:none!important;}  
.search-row .search-row{width:94%!important;display:block;} 
.es-carousel-wrapper{padding:16px 47px!important;} 
.image-box2 .bod{display:none;} 
.category{ width:255px!important;}
.products .product{ width:100%!important; margin:0px 0px 20px 0px !important; height:auto !important;}
.gap{
	height:60px !important;
} 
.widthtab{
	width:100% !important;
}
.widthalign{
	text-align:left !important;
}
}

@media all and (max-width: 480px) { 
#header{width:100%; position:relative !important; z-index:999999; top:0px; left:0px;}
.mincart{	font-size:13px; line-height:15px !important; color:#008e38;}
#wrepper{height:auto !important; padding:5px 0px;}
.copyright span {float: left; text-align: center;  width: 100%;} 
.copyright a{text-align:center; width:100%; padding:5px 0 10px;} 
.image-box1,.image-box2,.image-box3,.image-box4 {width:215px!important;} 
.top-right{ width:87%!important; float:none!important;} 
.search-row{float:right!important;} 
.top-left{float:none!important; width:85%!important; margin:0 auto!important;} 
.products .product{ width:185px!important;} 
.gap{
	height:60px !important;
}
.widthtab{
	width:100% !important;
}
.widthalign{
	text-align:left !important;
}
}

@media all and (max-width: 360px) { 
#wrepper{height:auto; padding:5px 0px;}  
.top-left{ width:99%!important; float:none!important;}  
.logo img{width:100%; !important} 
.footer_nav li{float:none !important;  border-bottom:#e7e7e7 1px solid; width:100% !important; } 
.copyright a{text-align:center; width:100%; padding:5px 0 10px;} 
.copyright span{text-align:center; width:100%; float:left;}  
.footer_right{padding-bottom:25px;} 
.search{float:none !important; } 
.search-row{float:left!important;} 
.product-main{margin:0 auto!important; width:73%!important;} 
.products .product{ width:275px!important;}
.flase-div{height:200px!important;}
.gap{
	height:60px !important;
}
.widthtab{
	width:100% !important;
}
.widthalign{
	text-align:left !important;
}
}

@media all and (max-width: 320px) {
.onepcssgrid-1000 { padding: 0px 14px !important; } 
.search{float:none !important; min-width:300px !important;} 
.products .product{ width:255px!important;}
.gap{
	height:60px !important;
}
.widthtab{
	width:100% !important;
}
.widthalign{
	text-align:left !important;
}
}