body { margin: 0; }
.zdzTabs *,
.img-holder .lightbox:before { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.mdl-Box { margin-bottom: 15px; font-size: 14px; text-align:left }
.zdz-gallery .img-box { width: 95%; margin-left: auto; margin-right: auto; }
.zdz-gallery {
border: 1px solid #e6e6e6;
}
.img-holder { text-align: center; overflow: hidden; background: #fff; display: none; }
.img-holder .imgBox { text-align: center;  overflow: hidden; background: #fff; display: block; position: relative; }
.img-holder img { text-align: center; display: inline-block; border: 0; max-width: 90%; max-height: 90%; }
#imgView1:checked ~ .img-box #content1 { display: block; }
.zdzTabs::-webkit-scrollbar { width: 10px; }
.zdzTabs::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); border-radius: 8px; -webkit-border-radius: 8px; }
.zdzTabs::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(100, 100, 100, 0.8); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
.zdzTabs { font-size: 0; margin-bottom: 15px; position: relative; height: 309px; overflow: hidden; }
.zdzTabs label { float: left; cursor: pointer; height: 47px; line-height: 47px; padding: 0 20px; color: #fff;     background:#0f2b37;
background-repeat: repeat; text-align: center; font-size: 14px; font-weight: normal; text-transform: uppercase; margin-right: 1px; }
.zdzTabs label:hover,
.zdzTabs input:checked + label { color: #fff; background:#d81e28; }
.zdzTabs input:checked ~ label ~ .panel { display: block; }
.panel { border: 1px solid #e6e6e6;  font-size: 14px; line-height: 20px; display: none; position: absolute; left: 0; top: 45px; padding: 19px; width: 100%; background-color: #fff; border-top:3px solid #d81e28;}
.scrollBox { height: 200px; overflow: auto; }
.panel p { padding: 0 0 10px 0; margin: 0; }
.tabBox * {
}
@media only screen and (max-width:1024px) {
.img-holder input:checked ~ .lightbox .img-popup { max-width: 80vw }
}
@media only screen and (max-width:800px) {
.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(../images/icon-plus.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; }
.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; }
}
@media only screen and (max-width:767px) {
.zdz-gallery .img-box { position: relative; }
.zdz-gallery .img-box { width: auto; float: none; }
.img-holder input:checked ~ .lightbox .img-popup { margin-left: auto; margin-right: auto; width: 100%; border-width: 3px; }
}
@media only screen and (max-width:360px) {
.img-holder .imgBox { }
}