@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}

.infoBox{ margin-bottom:0} 
.infoBox .box{width:32.6667%;}
#top-nav{ display:none}
.top-nav{ background:none; text-align:center}
#topcatz{}
.mobile-menu{ }
#LeftPanel{ display:none}
#topSearch{ display:inline-block; text-align:center;}
#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}
.mobile-compare ul li{ width:auto}
.ess_holiday{ display:none}
.mobile-compare{ display:block}
.foot-InfoBox{ 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; }

.img-holder a{ display:inline-block}

.highslide img{ max-height:300px!important; max-width:300px!important; width:auto!important; height:auto!important}
.sizeguide .highslide img{ width:100%!important; max-width:100%!important; max-height:100%!important; }

}

/* 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-left:15px; padding-right:15px;}
.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; }

 #essHeader{background:none; padding:0px 15px;}
#header-top{padding:0 15px; text-align:center; height:auto}

td#CentralArea table.r3{width:100%;}
.mobile-menu{ display:inline-block; width:100%; }
#topcatz, .right-cat{display:none;}

.top-nav ul{ text-align:center!important;}
.top-nav li{ line-height:normal; float:none; display:inline-block; text-align:center}
.top-nav li a{padding:0 6px; line-height:normal; float:none; display:inline-block; text-align:center}
#searchbtn{height:38px;}
.infoBox{ margin-top:0; margin-bottom:0;}
.infoBox .box{width:32.3333%; margin-bottom:0}
.infoBox .box span{font-size:13px;}

.promo-catz-mobile, .left-catz {display:inline-block; width:100%;}
.promo-catz-mobile ul li a{width:32.333%; float:left; font-size:0;  margin:3px;}
.newcat-mobile .block-title span{color:#fff; float:none;  font-weight:normal; font-size: 20.8px; margin: 0 auto; text-transform:uppercase; position:relative; z-index:30;background:url(../images/new-head-bg.png) center center no-repeat;  }
.newcat-mobile.scroll .block-title{ padding:0; height:30px; line-height:30px; margin:10px 0; }
.scroll .block-title{padding-bottom:8px;}
.scroll .pad{ margin:0; width:100%; padding:0;}
.scroll ul{ width:auto; text-align:center; }
.scroll li, .scroll ul li:nth-of-type(3n){ float:none; display:inline-block; padding:10px; margin:3px; width:32.3333%; vertical-align:top; }
.scroll .text{ margin:10px 0 0;}
.scroll .text a{ text-align:center; height:64px;}
.scroll .wraptocenter-hori{ padding:0!important; height:auto!important; width:100%!important; margin:0 auto!important; }
.scroll .indent{ padding:0; }
.scroll li img{ /*width:100%!important; height:100%!important;max-height:100%;*/ max-width:98%; }
.scroll .btn a{display:inline-block;  width:100px }
.scroll .btn{display:block; float:none; text-align:center; }
.scroll .price{display:block; text-align:center; float:none; margin-bottom:10px; }

.center-content{margin-top:7px;}

.footerBot{height:auto;}
.cpyright .txt, .dsgn, .welcome-msg{ float:none; text-align:center; margin:0 auto!important; }
.dsgn span, .dsgn a{ height:25px; text-align:center; display:inline-block; float: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;  }

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

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

 .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; }
.sizeguide .highslide img{ width:100%!important; max-width:100%!important; max-height:100%!important; }

}

@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%;}

.welcm-msg{display:none;}
.top-nav{ text-align:center; float:none}
.shoplogo a, .header-right, #topSearch, .joinLinks{float:none; display:inline-block; text-align:center}
.header-left{float:none;}
.shoplogo{float:none; text-align:center;}
#topSearch input.search-text, .header-right, #topSearch{width:100%;}
.infoBox .box{width:100%; margin:0; height:31px; line-height:31px;}

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


font span{ display:inline-block; font-size:11px}
.img-holder a{ display:inline-block}

.sizeguide .highslide img{ width:100%!important; max-width:100%!important; max-height:100%!important; }

}



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

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

.joinLinks span{display:none;}
	
#topSearch input.search-text{ font-size:15px; }
.scroll li, .scroll ul li:nth-of-type(3n){ width:49%; }
.scroll ul li:nth-of-type(2n){margin-right:0;}
.scroll ul li:nth-of-type(1n){margin-left:0;}

.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:100%; text-align:center; }
.InfoBox .box3, .InfoBox .box4{ margin-top:0; }

.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; }

.sizeguide .highslide img{ width:100%!important; max-width:100%!important; max-height:100%!important; }

}

@media all and (max-width:360px), (max-device-width:360px){
	
	.scroll .wraptocenter-hori{ padding:0!important; height:100px!important; width:100%!important; margin:0 auto!important; }

	.sizeguide{ width:260px!important}
	.sizeguide .highslide img{ width:100%!important; max-width:100%!important; max-height:100%!important; }

}
 

@media all and (max-width:320px), (max-device-width:320px){
	.sizeguide{ width:260px!important}
	.sizeguide .highslide img{ width:100%!important; max-width:100%!important; max-height:100%!important; }

}