@media all and (max-width:1024px), (max-device-width:1024px){
.essWrap{width:1000px!important;}
.ess-wrapper{ width:100%!important; padding-bottom:0; }
.sample-bg{display:none;}
#homeFeatured{ margin-bottom:13px}
 
#top-nav{ display:none}
.top-nav{ background:none; text-align:center}
#topcatz{display:none; }
.mobile-menu{display:block; }
#LeftPanel{ display:none}
#topSearch{ display:inline-block; text-align:center; float:none}
#topSearch input.search-text{ width:260px}
.InfoBox-mboile .box{ padding:0 25px}
#foot-links .list1{ width:170px}
#foot-links .list2, #foot-links .list3{ width:140px}
.promo-catz{ width:99%}
.promo-catz ul{ text-align:center}
.promo-catz ul li{  text-align:center; display:inline-block; float:none}
.promo-catz ul li img{ width:100%; max-width:100%}

.InfoBox .box2, .InfoBox .box3, .InfoBox .box4, .InfoBox .box5{ width:185px; margin-bottom:15px; padding-left:15px}

.promo-bottom{ text-align:center}
.promo-bottom a img{ max-width:326px; width:100%}
.our-brands .bx-controls .bx-prev{ left:-14px}
.our-brands .bx-controls .bx-next{ right:-14px}

.scroll .bx-wrapper{ max-width:955px !important}
.scroll .pad{ padding:20px 23px}
.scroll li{ width:195px!important}
.mobile-compare ul li{ width:auto}
.ess_holiday{ display:none}
.mobile-compare{ display:block}
.foot-InfoBox{ display:none}

 .cInfo{ display: none; }

.col-mdl{ width:640px}
.thumb{ width:225px; margin-top:0}
.thumb a{0 6px 12px 6px}


/* Responsive Video
   ----------------------------- */
iframe,  
object{ width:100%; max-width:100%; display:block; }

}

/* iPad
   ---------------------------------------------------------------------------------------- */
@media all and (max-width:800px), (max-device-width:800px){
/*Reset*/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body{ margin:0; }
.essBody{ background:#fff; padding:0; }
.essBody{ min-width:0; }
.essWrap{ width:auto!important; padding-left:15px; padding-right:15px; }
.ess-wrapper{ width:100%!important; padding-bottom:0; }
.essOuter{ padding:0 15px; }
.ess-page{ width:auto; }

.bx-wrapper img, .essBody img , .shoplogo img{ display:block; /*IE7*/ display:inline-block; height:auto; max-width:100%; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }

#essHeaderContainer, .col-mdl, #topcatz .sf-menu, .cpyright, #ess-foot, #essCenterContainer, #MerchantBox, #topcatz{ width:auto!important; }
#essContentsContainer{ padding:0}
.col-mdl{ margin:0; float:none; }
#essCenterContainer{ margin:0; float:none; }

/*Hide elements on small screen*/
.ess-colLeft, .promo-widget, .ess-colRight{ display:none; }
.hide-mobile{display:none !important;}
.show-mobile{display:block !important;}

.welcm-note, .welcm, .joinLinks i{ display:none; }

 .header-top{ height:auto; margin:0; margin-top:15px; text-align:center; padding:5px 0; }

.main-head{ text-align:center; padding:15px; }	
.topr{ float:none; }
.header-right{ float:none; margin:0; width:100%; text-align:center }

.joinLinks{ margin-top:10px}
.joinLinks, .joinLinks a{ float:none;text-align:center; display:inline-block}
.joinLinks a span.cls1, .joinLinks a span.cls2, .joinLinks a span.cls3{ background:none; width:auto; color:#18243e; float:none; display:inline-block; text-align:center; height:auto; line-height:normal}
.joinLinks a span.cls1 i, .joinLinks a span.cls2 i, .joinLinks a span.cls3 i{color:#18243e; padding:3px; width:auto; font-weight:normal;  }

.shoplogo{ float:none; text-align:center; margin:0 0 15px; }
.shoplogo a{ display:inline-block; }

#topSearch{ clear:none; float:none; height:auto; width:70%; margin:0 auto; position:relative; }
#topSearch form{ float:none; }
#topSearch input.search-text{ min-width:140px; float:none; width:100%; padding:4px 15px; font-size:14px!important; height:40px; line-height:normal; }
#topSearch input#searchbtn{ position:absolute; top:0; right:0; }
.searchForm .time{ float:none; display:inline-block; margin:0 0 15px; }

.top-nav{ height:auto; margin:10px 0 0 0; background:none }

.top-nav{ display:inline-block; float:none; text-align:center; width:100%; height:auto; padding:0!important}
.top-nav ul{ text-align:center; }
.top-nav li, .top-nav li.lst a{ float:none; display:inline-block; line-height:12px; border:0;}
.top-nav li a{ float:none; color:#333; font-size:11px; font-weight:normal; padding:0 5px;  padding-top:5px}

.InfoBox{ display:none}


.promo-widget.promo-home{ float:none; width:100%; font-size:0; }
.promo-widget.promo-home > a{ margin:10px 5px 0; width:38%; }
.promo-widget a{ text-align:center; float:none}

.bx-pager{ display:block!important; }
.spotlight .bx-controls-direction, .promo-catz .bx-controls-direction{ display:none; }

.cstmContent{ margin-bottom:13px; }

.promo-catz ul{ max-height:none; margin-right:-1.5%; }
.promo-catz span{ width:31.8%; }


#topcatz{ display:none; }
.mobile-menu{ display:block;  }

#foot-links{ display:none; }
.foot-InfoBox{ display:none}


.join{ padding:15px; height:auto; line-height:normal; text-align:center; }
.join p{ text-align:center; }
.join a{ display:inline-block; float:none; margin:0; }
.join span{ display:block; margin-bottom:10px; text-align:center; }

.footerBot{ height:auto; margin:0 0 15px 0 }
.cpyright{ height:auto; padding:10px 0; }
.cpyright .txt, .dsgn, .welcome-msg{ float:none; text-align:center; margin:0 auto!important; }
.cpyright .txt{ padding-bottom:10px; }
.dsgn span, .dsgn a{ height:auto; text-align:center; display:inline-block; float:none; }

.scroll{ margin:0; text-align:center; border:0; }
.scroll .pad{ padding-bottom:15px; padding:2% 0 0 2%; background:#eee; height:auto; }
.scroll ul{ width:auto; }
.scroll li{ float:none; display:inline-block; padding:10px; border:0; background:#fff; margin:0 2% 2% 0; width:31.3%!important; vertical-align:top; }
.scroll .text{ margin:10px 0; }
.scroll .text a{ font-size:12px; height:auto; }
.scroll .wraptocenter-hori{ padding:0; height:auto; width:auto; margin:0 auto; }
.scroll .wraptocenter-hori a{ display:block; height:120px; text-align:center }
.wraptocenter-hori span{ display:none; }
.scroll .indent{ padding:0; }
.scroll li img{ max-width:100%; max-height:100%; }
.scroll .btn a{ background-size:contain; }

#homeFeatured{ display:none; }
.mobile-featured { display:block; margin:15px 0 0 0 }

.InfoBox-mboile{ height:auto; padding:0; display:block; margin-bottom:10px}
.InfoBox-mboile .box{ padding:0 8px; width:25%; text-align:center; float:left }
.InfoBox-mboile .box span{ text-align:center; background-position:0 2px; font-size:13px; background:none; padding:0}

.join .essWrap{ height:auto; padding:0; border:0; }
.join p{ line-height: normal; }

 
.vTitle, h3.subTitile{ text-align:center; }

.itemTitle{ text-align:center; background:none; height:auto; padding:0 0 15px; }
.itemTitle *{ text-align:center; }
.col-right{ margin:0 auto; float:none; width:auto; }

.thumb{float:none; display:inline-block; width:270px;}
.thumb a{ width:100px; height:100px; float:none;}
.thumb img{ width:auto!important; height:auto!important; max-width:80px; max-height:80px; }

#promo-btn{ text-align:center; padding:0; height:auto; margin:15px 0; }
#promo-btn.single a, #promo-btn a{ margin:0 0 1px!important; background-image:none!important; display:block; float:none; width:auto; padding:0; }

#tabnav{ height:auto; display:none; }
#tabnav li{ float:none; display:block; }
#tabnav li a{ float:none; display:block; border:1px solid #07ccf9; height:40px; line-height:40px; font-size:15px; }
#tabnav li:last-child a{ border-bottom:0; }
.panel{ border:1px solid #dddddd; border-top:0; margin-bottom:3px; text-align:center; padding:15px; }
.panel img{ float:none; display:inline-block; margin:10px 0; }

#essTabs .tabBox .acrdn{ float:none; text-align:left; display:block !important; border:0; font-size:13px; font-weight:600; height:34px; line-height:34px; padding:0; height:auto; border:1px solid #dadada; margin-bottom:2px; }
#essTabs .tabBox .acrdn:hover, #essTabs .acrdn.active{ }
#essTabs .tabBox .acrdn:before{ content:'+'; text-align:center; display:inline-block; background:rgba(255, 255, 255, 0.74); color:#555; width:30px; margin-right:10px; }
#essTabs .tabBox .acrdn.active:before{ content:'-'; }
.tabBox{ padding:0; border:0; }
#featured{margin-top:10px;}


/* Responsive Video
   ----------------------------- */
iframe,  
object { width:100%; max-width:100%; display:block; }

}

@media all and (max-width:767px), (max-device-width:767px){
.img-box{float:none; display:inline-block; text-align:center;}
.highslide img{width:340px;}
.thumb{float:none; width:100%;}

#topSearch{ width:100%; }
.scroll .text a{ text-align:center; }
.scroll .btn{ position:static; text-align:center; margin:0 auto; display:inline-block; }
.scroll .btn a{ padding:6px 10px; height:auto; line-height:normal; font-size:11px; }
.scroll .price{ text-align:center; height:auto; line-height:normal; margin-bottom:10px; }
}



@media all and (max-width:480px), (max-device-width:480px){

.shoplogo img{ width:100%; max-width:280px}

#topSearch input.search-text{ font-size:15px; }

.scroll h3{ margin-bottom:10px; }
.scroll h3 span{ padding:0 15px; }
.scroll ul li{ width:48%!important; }

.promo-catz  { margin-right:0; }
.promo-catz span{ width:47%; margin:0 2% 2% 0; }
.promo-catz span.lst{ margin-right:2%}

.caps{ display:none; }

.InfoBox .box{ width:25%; text-align:left; }
.InfoBox .box3, .InfoBox .box4{ margin-top:10px; }

.img-box{width:auto;}
.img-holder{width:250px; height:250px; float:none; display:inline-block;}
.enlarge.left{width:250px; float:none;}
.highslide img{max-height:200px; max-width:200px;}

#topSearch form{ width:100%}

/* Responsive Video
   ----------------------------- */
iframe,  
object { width:auto; height:auto; max-width:100%; display:block; }

}