@media only screen and (max-width:1024px) {
	.essBody { padding: 15px; }
	.img-holder input:checked ~ .lightbox .img-popup { max-width: 80vw }
}
@media only screen and (max-width:800px) {
	.ess-colRight,
	.ess-colLeft, #LeftPanel{ display: none; }
	.main .ess-col-main .col-inner { margin-left: 0; }
	.main > * + *{ padding-left:0; }
	.itemTitle,
	.itemTitle * { text-align: center; }
	.essTabs { height: auto; }
	.essTabs label { float: none; display: block; font-size: 13px; color: #fff; padding: 12px; padding-left: 40px; text-align: left; margin-right: 0; height: auto; line-height: normal; position: relative; }
	.essTabs label:hover { color: #fff; }
	.essTabs label:before { content: ''; position: absolute; left: 8px; top: 8px; text-align: center; width: 24px; height: 24px; border-radius: 2px; background: url(../svg/icon-plus.svg) center center no-repeat #fff; -webkit-background-size: contain; background-size: contain; }
	.essTabs input:checked ~ label:before { content: ''; background: url(../svg/icon-minus.svg) center center no-repeat #fff; -webkit-background-size: contain; background-size: contain; }
	.tabBox { padding: 0; background: none; }
	.tabBox + .tabBox { margin-top: 5px; }
	.panel { border: 1px solid #46baa7; border-top: 0; padding: 15px; position: static; width: auto; }
	.panel img { float: none; display: inline-block; margin: 10px 0; }
	.scrollBox { height: auto; max-height: 300px; }
	.img-holder input:checked ~ .lightbox .img-popup { left: 0; margin-left: 15px; margin-right: 15px; max-width: 100%; max-height: 600px; }

.sizechartWrap{ overflow:scroll; }

/*
-----------------------------------------------------------------------------------
Scroll Bar for Webkit
-----------------------------------------------------------------------------------*/
.sizechartWrap::-webkit-scrollbar { width: 10px; height: 10px; }
.sizechartWrap::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); border-radius: 8px; -webkit-border-radius: 8px; }
.sizechartWrap::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(239, 239, 239, 0.92); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }

}

@media only screen and (max-width:767px) {
	.ess-gallery .img-box { position: relative; }
	.ess-gallery .img-box,
	.thumb { width: auto; float: none; }
	.thumb { margin-left: -7.5px; margin-right: 7.5px; padding-top: 7.5px; }
	.thumb label { float: none; }
	.thumb label .box { margin: 7.5px; }
	.ess-gallery .img-box{display:block;}
	.img-holder input:checked ~ .lightbox .img-popup { margin-left: auto; margin-right: auto; width: 100%; border-width: 3px; }
}

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

@media only screen and (max-width:360px) {
	.img-holder .imgBox { height: 280px; }
}