.xzoom-source img,
.xzoom-preview img,
.xzoom-lens img {
display: block;
max-width: none;
max-height: none;
}   .xzoom {
width: 350px !important;
height: 350px !important;
margin-bottom: 1rem;
}
.xzoom-thumbs {
text-align: center;
margin-bottom: 10px;
} .xzoom-gallery,
.xzoom-gallery2,
.xzoom-gallery3,
.xzoom-gallery4,
.xzoom-gallery5 {
border: 1px solid #cecece;
margin-bottom: 10px;
max-width: 80px;
height: auto
}
.xzoom-source,
.xzoom-hidden {
display: block;
position: static;
float: none;
clear: both;
} .xzoom-hidden {
overflow: hidden;
} .xzoom-preview {
position: absolute;
border: 1px solid #888;
background: #fff;
} .xzoom-lens {
position: relative !important;
border: 1px solid #3a3a3a;
cursor: crosshair;
} .xzoom-loading {
background-position: center center;
background-repeat: no-repeat;
border-radius: 100%;
opacity: .7; width: 48px;
height: 48px;
} .xactive {
border: 1px solid #f95e2e;
} .xzoom-caption {
display: none;
position: absolute;  }
.xzoom-caption span {
color: #fff;
display: block;
font-size: 0.75em;
font-weight: bold;
padding: 10px;
}
.xzoom-source {
cursor: move;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
z-index: 998;
}
.xzoom-preview {  border: 1px solid #3a3a3a;
width: 350px !important;
height: 350px !important;
z-index: 998;
}
main .xzoom-preview {
margin-left: -10px !important;  
} .xzoom-thumbs a,
.xzoom-thumbs a:hover {
padding: 0;
border: 0;
text-decoration: none;
}
@media (max-width: 576px) {
.xzoom, .xzoom-preview {
width: 100% !important;
height: 100% !important;
}
}