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

#ds_div > p{ width:auto!important; }

#copyrightBox a{ text-align:center; display:block; }

body{ margin:0; }
#essOuterContainer{ width:100%!important; padding-bottom:0; background:none; }
#essContentsContainer{ width:auto!important; padding-top:15px; }

#essHeaderContainer{ background:#2AAFFE; border-radius:30px 30px 0 0; }



.itemDescriptionC table{ width:100%!important; }

#essHeader{ border:0; width:auto; }

.ieAlign{ padding:0 15px; width:auto!important; }

.essOuter{ padding:0 15px; }

 #copyrightBox{ width:auto; padding:10px 0; }

.bx-wrapper img, .shoplogo img, .ieAlign 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; }


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

/*Hide elements on small screen*/
#lMenuContainer, .promo-widget, #footerContainer{ display:none; }


#topNavMain1, .topFlashContainer{ display:none; }
.header, #topNavMain{ width:auto; height:auto; }
.header{ padding:15px; }
.shop-logo{ float:none; text-align:center; }
.shop-logo a{ display:inline-block; }
.header .hide-mobile{ display:none!important; }

.show-mobile{ display:block!important; }
.hide-mobile{ display:none!important; }

.spotlight{ display:block; margin:15px 0; }
.spotlight img{ width:100%; }

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

.search{ clear:none; float:none; height:auto; width:70%; margin:0 auto; position:relative; padding:0; }
.search form{ float:none; }
.search input.input_search{ min-width:140px; float:none; width:100%; padding:8px 15px; padding-right:40px; margin:0; height:36px; line-height:normal; background:#fff; border-radius:20px; color:#2AAFFE; }
.search input.input_button{ position:absolute; top:10px; right:10px; padding:0; }

#topNavMain{ float:none; height:auto; background:none; padding:13px 15px; padding-top:0; }
#topNavMain ul{ text-align:center; font-size:0; float:none; }
#topNavMain ul li{ float:none; display:inline-block; line-height:12px; border:0; background:none; padding:0; margin:2px; line-height:normal; }
#topNavMain ul li a{ float:none; background:#0776ED; color:#fff; border:0; height:auto; padding:5px 10px; line-height:normal; display:block; font-size:11px; font-weight:bold; }
#topNavMain ul li a:hover, #topNavMain ul li a:focus{ background:#fff ; color:#0776ED; }

#Copyright-Box{ text-align:center; }

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


#rMenuContainer .outerBoxRMenuC{ margin:0; text-align:center; border:0; background:none; padding-bottom:0; }
#rMenuContainer .bx-controls.bx-has-controls-direction{ display:none; }

 #outerBoxRMenu1.outerBoxRMenuC .vTitle{ background-color:#2aaffe ; padding:6px 15px; text-transform:uppercase; text-align:left; }
 
#rMenuContainer .outerBoxRMenuC .cPad{ padding-bottom:15px; padding:2% 0 0 2%!important; width:auto; height:auto; border:1px solid #78b5ef; background:#E8F6FF; border-radius:0 0 15px 15px; }
#rMenuContainer .outerBoxRMenuC{}
#rMenuContainer .outerBoxRMenuC ul{ width:auto; }
#rMenuContainer .outerBoxRMenuC li{ float:none; display:inline-block; padding:15px; border:0; background:#fff; border:1px solid rgba(42, 173, 254, 0.36); margin:0 2% 2% 0!important; width:31.3%!important; vertical-align:top; }
#rMenuContainer .outerBoxRMenuC a{ font-size:12px; height:auto; }
#rMenuContainer .outerBoxRMenuC .wraptocenter{ padding:0; height:auto; width:auto; margin:0 auto; border:0; margin-bottom:15px; }
#rMenuContainer .outerBoxRMenuC .wraptocenter a{ display:block; height:120px; text-align:center; }
.wraptocenter span{ display:none!important; }
#rMenuContainer .outerBoxRMenuC .indent{ padding:0; }
#rMenuContainer .outerBoxRMenuC li img{ max-width:100%; max-height:100%; width:auto; height:auto; }
#rMenuContainer .outerBoxRMenuC .btn a{ background-size:contain; }
#mycarousel strong{ color:#f43a9a; padding-top:5px; display:inline-block; }

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

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

#rMenuContainer{ margin:0 auto; float:none!important; width:auto; padding:0; position:static; }
.jcarousel-skin-tango{ height:auto; }

table.sizing{ width:100%; }
.itemDescriptionC{ padding-bottom:0; padding-top:30px; }
#outerBoxitem1, #outerBoxitem2, #outerBoxitem3{ width:auto; }

.totalImgContainer{ font-size:0; text-align:center; padding:0; }
.prevImageContainerLeft{ float:none; display:inline-block; margin:0 auto; width:auto; height:auto; background:#fff; }
.prevImageContainerLeft a{ display:block; padding:0; text-align:center; }
.highslide img{ border:0; padding:0; }
div.prev_thumb{ float:none; margin:0 0 30px; width:auto; text-align:center; font-size:0; }
div.prev_thumb a{ display:inline-block; float:none; padding:10px; background:#fff; margin:0 6px; border:1px solid #999; }
div.prev_thumb img{ width:auto!important; height:auto!important; max-width:80px; max-height:80px; border:0; }

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

.imgenlarge{ width:auto; display:inline-block; background-position:right center; padding:0 18px 0 0; margin:10px 0; }

#essContentsContainer .indent{ padding:5px 0 15px; }



#custom-box5 h1.ttl, #outerBoxRMenu1.outerBoxRMenuC .vTitle, .outerBoxitemC .vTitle{ padding:0 15px; height:34px; line-height:34px; background:#2aaffe; font-size:15px; }
.outerBoxitemC .cPad, #prdDesc, #outerBoxitem1 h1.itemTitle, #custom-box5 .indent{ padding:15px!important; }
.outerBoxitemC{ margin-bottom:15px; }
#essContentsContainer .indent{ padding:0; border:0; }

#outerBoxitem1 .vTitle{ margin-bottom:20px; }

#MerchantBox .outerBoxitemC{ width:49%; }

.outerBoxitemC .cPad, .outerBoxitemC1 .cPad{ padding:15px; }

.fixLeft{ margin:0!important; }

#esmTemplate{ background:#fff; }

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


.hasTable .ieAlign{ padding:0; padding-bottom:15px; }

#faceBookLike{ display:none; }
}

@media all and (max-width:767px), (max-device-width:767px){
.search{ width:auto; margin:0 15px; }

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

/*
-----------------------------------------------------------------------------------
Horizontal scrolling products.
-----------------------------------------------------------------------------------*/
#rMenuContainer .outerBoxRMenuC{ background:none; padding:0; }
#rMenuContainer .outerBoxRMenuC .cPad{ width:auto; padding:30px; overflow:hidden; }
#rMenuContainer .outerBoxRMenuC h3{ text-align:center; font-size:16px; }
#rMenuContainer .outerBoxRMenuC ul{ margin:0; }
#rMenuContainer .outerBoxRMenuC li{ float:left; margin-right:15px; text-align:center; }
#rMenuContainer .outerBoxRMenuC li .wraptocenter{ height:140px; width:auto; margin:0 auto; margin-bottom:10px; }

#rMenuContainer .outerBoxRMenuC .text a{ text-align:center; }
#rMenuContainer .outerBoxRMenuC .btn{ position:static; text-align:center; margin:0 auto; }
#rMenuContainer .outerBoxRMenuC .btn a{ padding:6px 10px; height:auto; line-height:normal; font-size:11px; }
#rMenuContainer .outerBoxRMenuC .price{ text-align:center; height:auto; line-height:normal; margin-bottom:10px; }

#mycarousel li a{ min-height:100px; text-align:center; }

#outerBoxitem2 .cPad, #outerBoxitem3 .cPad{ display:block;  }

#MerchantBox .outerBoxitemC img{ max-width:100%; }
.shop-logo a{ display:block; text-align:center; }
}

@media all and (max-width:640px), (max-device-width:640px){
#essContentsContainer .indent{ display:block; }

#topNavMain li a{ line-height:22px; font-size:12px; font-weight:600; padding:0 8px; }

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

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

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

#rMenuContainer .outerBoxRMenuC img{ height:auto!important; max-width:80px; max-height:80px; }

#MerchantBox table, #MerchantBox table tr,  #MerchantBox table td, #MerchantBox table th, #MerchantBox table tbody, #MerchantBox table thead, #MerchantBox table tfoot{ display:block; text-align:center; width:100%!important;  float: left; clear: both; }

#MerchantBox .outerBoxitemC{ width:100%; float:none; text-align:center; }
#MerchantBox .outerBoxitemC *{ text-align:center; }

}

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

#rMenuContainer .outerBoxRMenuC li{ width:47%!important; }
#rMenuContainer .outerBoxRMenuC .cPad{ padding:3% 0 0 3% !important; }
#rMenuContainer .outerBoxRMenuC li{ margin:0 3% 3% 0 !important; }
#rMenuContainer .outerBoxRMenuC li .wraptocenter, #rMenuContainer .outerBoxRMenuC .wraptocenter a{ height:auto; min-height:0; }


.prevImageContainerLeft{ padding:10px; }
.highslide img{ width:auto!important; height:auto!important; max-width:180px; max-height:180px; }

.enlarge.left{ width:250px; }

}

@media all and (max-width:360px), (max-device-width:360px){
#outerBoxitem2 .cPad img, #outerBoxitem3 .cPad img{ width:100%; }
#outerBoxitem2 .cPad a img, #outerBoxitem3 .cPad a img{ width:auto;  }
}

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

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

}