@media only screen and (max-width:800px){
.itemTitle{ text-align:center; }
.itemTitle *{ text-align:center; }


#topcatz{margin-top:15px;}
#essContentsContainer{margin-bottom:10px;} 
 
.essTabs{ height:auto; }
.essTabs label{ float:none; display:block; margin-top:5px; font-size:13px; color:#fff; padding:10px; text-align:left; margin-right:0; height:auto; line-height:normal; }
.essTabs label:hover{ color:#fff; }
.essTabs label:before{ content:'+'; text-align:center; display:inline-block; background:#eee; color:#333; font-family: arial; font-size: 16px; margin-right:10px; width: 24px; height: 24px; line-height: 24px; border-radius:2px;  }
.essTabs .ckBox:checked ~ label:before{ content:'-'; }

.tabBox{ padding:0; background:none; }
.panel{ border:1px solid #547387; border-top:0; padding:15px; position:static; width:auto; }
.panel img{ float:none; display:inline-block; margin:10px 0; }



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

.rtable{ width:94%; overflow:auto; }

}


@media only screen and (max-width:767px){
#promo-btn{ width:100%; margin:15px 0 0; text-align:center; }
#promo-btn a{ display:inline-block; margin:5px; }
#promo-btn a span{ padding:0 15px; }

}

@media only screen and (max-width:640px){


}

@media only screen and (max-width:600px){
.lightbox-target:target img{max-width:95%;}
.sizeGuide > tbody{display:inline-block; max-width:220px;}
table.sizeGuide{max-width:220px; overflow:auto;}
}

@media only screen and (max-width:480px){
.mdl-Box .fr{ margin:0 0 10px; float:none; text-align:center; }



}

@media only screen and (max-width:380px){
#promo-btn a{ display:block; margin:5px 0; }

}

@media only screen and (max-width:360px){
iframe,  
object,  
embed{ width:100%; }

.rtable{ width:100%; max-width:250px; overflow:auto; }
}