@media only screen and (max-width:1024px) {
	.img-holder input:checked ~ .lightbox .img-popup { max-width: 80vw }
}
@media only screen and (max-width:800px) {
	.zdz-colRight,
	.zdz-colLeft, #LeftPanel{ display: none;!important }
	.main .zdz-col-main .col-inner { margin-left: 0; }
	.main > * + *{ padding-left:0; }
	.itemTitle,
	.itemTitle * { text-align: center; }
	.zdzTabs { height: auto; }
	.zdzTabs label { float: none; display: block; font-size: 16px; color: #fff; padding: 8px 12px 8px 40px; text-align: left; margin-right: 0; height: auto; line-height: normal; position: relative; }
	.zdzTabs label:hover { color: #fff; }
	.zdzTabs label:before { content: ''; position: absolute; left: 8px; top: 8px; text-align: center; width: 24px; height: 24px; border-radius: 2px; background: url(../img/icon-plus.svg) center center no-repeat #fff; -webkit-background-size: contain; background-size: contain; }
	.zdzTabs input:checked ~ label:before { content: ''; background: url(../img/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 #e6e6e6; 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; }
	
		.img-box{ float:none!important; }
	.thumb{ float:none; width:100%; margin-top:15px}
}
@media only screen and (max-width:767px) {
	.zdz-gallery .img-box { position: relative; }
	.zdz-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; }
	.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; }
}
@media only screen and (max-width:360px) {
	.img-holder .imgBox { height: 280px; }
}