/* 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; }

.sample-bg{ display:none; }

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

.col-mdl{ margin:0; float:none; }

#essCenterContainer{ margin:0; float:none; }

/*Hide elements on small screen*/
.ess-colLeft, .promo-widget{ display:none; }

.welcome-msg{ display:none; }

.ess-colRight{ float:none; width:auto; margin-top:15px; }

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

.joinLinks{ float:none; text-align:center; }
.joinLinks a{ margin-bottom:10px }


.contact-info{ float:none; text-align:center; padding:0; margin:10px 0 0; display:block; }
.contact-info *{ float:none; text-align:center!important; padding:0!important; }


.main-head{ text-align:center; }	
.topr{ float:none; }
.header-right{ float:none; }

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

.top-info .essWrap{ text-align:center; }
.top-info .box{ margin:0 10px 10px 0; float:none; display:inline-block}
.top-info .cls3{ margin:0!important}

#topSearch{ clear:none; float:none; height:auto; width:70%; margin:10px auto; position:relative; }
#topSearch form{ float:none; }
#topSearch input.search-text{ min-width:140px; float:none; width:100%; padding:8px 15px; font-size:15px; height:auto; 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{ float:none; height:auto; margin:0; }
.top-nav ul{ text-align:center; }
.top-nav li{ float:none; display:inline-block; line-height:8px; border:0; }
.top-nav li a{ float:none; }
#topcatz{height:auto; }
.home a{display:none !important;}

#ess-foot{ }
#foot-links{ display:none; }

.join{ padding:15px 0; height:auto; line-height:normal; text-align:center; margin:0 15px; }
.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; }
.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; }

.our-brands .inr-pad{ margin:0; }
.our-brands, .our-brands ul, .our-brands ul li{ height:auto; text-align:center; font-size:0; }

.our-brands{ text-align:center; height:auto; }
.our-brands .pad{ padding:15px; margin:0; }
.our-brands ul li{ float:none; display:inline-block; height:auto; margin:0 15px 15px 0; }

.scroll{ margin:0; text-align:center; }
.scroll .pad{ /*margin:0 -2% -2% 0;*/ padding-bottom:15px; padding:2% 0 0 2%; background:#eee; }
.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%; 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{ width:auto!important; height:auto!important; max-width:100%; max-height:100%; }
.scroll .btn a{ background-size:contain; }

.InfoBox .box{ float:none; width:auto; margin:0 0 10px; }
.InfoBox .box2{ margin-bottom:0; }


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

.itemTitle{ text-align:center; background:none; height:auto; padding:0 0 15px; }
.itemTitle *{ text-align:center; font-size:18px; height:auto; }

.col-right{ margin:0 auto; float:none; width:auto; }

.highslide img{ width:auto!important; height:auto!important; max-width:280px; max-height:280px; }


#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; }
#promo-btn a span{ display:inline-block; margin:0!important; padding-left:40px; }
#promo-btn a#ask span{ background:url(../images/icon-ask-question.png) 0 center no-repeat; }
#promo-btn a#watch span{ background:url(../images/icon-watch-item.png) 0 center no-repeat; }
#promo-btn a#tellafriend span{ background:url(../images/icon-tell-a-friend.png) 0 center no-repeat; }

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

.slot-data{ border:1px solid #dddddd; border-top:0; text-align:center; padding:15px; }
.slot-data img{ float:none; display:inline-block; margin:10px 0; }

.table-col{ float:none!important; width:auto!important; }

.slot-data {
  overflow-x: auto;
  overflow-y: hidden;
}

#essTabs .acrdn{ float:none; text-align:left; display:block; border:0; font-size:12px; padding:10px; font-weight:bold; height:auto; line-height:normal; border-bottom:1px solid #666; }
#essTabs .acrdn:hover, #essTabs .acrdn.active{ border-bottom:1px solid #ff5400; }

#essTabs .acrdn:before{ content:'+'; text-align:center; display:inline-block; background:rgba(255, 255, 255, 0.74); color:#555; width:18px; margin-right:10px; }
#essTabs .acrdn.active:before{ content:'-'; }

.slot-data{ border:0; text-align:left; padding:15px; overflow:auto; background:#f7f7f7; }
.slot-data img{ float:none; display:inline-block; margin:10px 0; }

.slot-data *{  font-size:14px;  }
.slot-data p{ font-size:14px; }


.thumb a{ width:100px; height:100px; }
.thumb img{ width:auto!important; height:auto!important; max-width:80px; max-height:80px; }


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

}

@media all and (max-width:767px), (max-device-width:767px){
#topSearch{ width:100%; }

.ess-gallery{ padding-bottom:0; border:0; }
.img-box{ float:none; }
.img-holder, .enlarge.left, .thumb{ margin:0 auto; }
.thumb{ float:none; width:auto; margin-top:10px; text-align:center; }
.thumb a{ float:none; display:inline-block; margin:5px; }

.scroll .text a{ text-align:center; }
.scroll .btn{ position:static; text-align:center; margin:0 auto; }
.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; }

.InfoBox .box{ padding:10px 0; height:auto; line-height:normal; }
}

@media all and (max-width:600px), (max-device-width:600px){
.top-nav li a{ line-height:22px; }

.shoplogo a{ display:block; text-align:center; s}


.highslide img{ width:auto!important; height:auto!important; max-width:200px; max-height:200px; }

.thumb a{ width:80px; height:80px; }
.thumb img{ max-width:60px; max-height:60px; }

#itemDescription img{ width:auto!important; height:auto!important; max-width:100%; max-height:100%; }

.scroll img{ height:auto!important; max-width:80px; max-height:80px; }

}

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

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

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

.img-holder{ width:250px; height:250px; }
.enlarge.left{ width:250px; }

.InfoBox .box strong{ font-size:16px; display:block; text-align:center; }

.our-brands ul li{ margin-right:0; }

}

@media all and (max-width:360px), (max-device-width:360px){
	.top-info .box{width:100%;}

iframe,  
object,  
embed{ width:100%; }

}