.woofz-product-gallery {
    width: 100% !important;
    display: inline-block !important;
    text-align: center !important;
    position: relative !important;
    margin-bottom: 24px !important;
}
.woofz-product-gallery .woofz-product-image {
    width: 70% !important;
    float: right !important;
    cursor: url(../images/magnifier.svg), crosshair !important;
}
.woofz-product-gallery #woofz-thumbnails,
#woofz-fullscreen-thumbnails {
    width: 30% !important;
    text-align: center !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}
.woofz-product-gallery #woofz-thumbnails img,
#woofz-fullscreen-thumbnails img {
    width: 50% !important;
    margin-bottom: 10px !important;
    border: 0 solid !important;
    border-color: cccccc !important;
    cursor: pointer !important;
    transition: none !important;
    display: none;
}
.woofz-product-gallery #woofz-thumbnails img.active,
#woofz-fullscreen-thumbnails img.active {
    border-color: #525252 !important;
}
#woofz-fullscreen-thumbnails {
    position: fixed !important;
    left: auto !important;
    right: 10px !important;
    width: 90px !important;
    top: 80px !important;
    top: 90px !important;
    z-index: 9999999999 !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
}
#woofz-fullscreen-thumbnails img {
    width: 100% !important;
}
#woofz-fullscreen:after {
    position: absolute !important;
    background: url(../images/cross.svg) !important;
    background-size: cover !important;
    content: "" !important;
    top: 15px !important;
    right: 25px !important;
    z-index: 9999999999 !important;
    height: 60px !important;
    width: 60px !important;
}
#woofz-fullscreen > img {
    position: relative !important;
    width: auto !important;
    max-width: 100% !important;
    display: none;
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}
#woofz-fullscreen {
    text-align: center;
    cursor: url(../images/cross2.svg), crosshair !important;
}
#woofz-fullscreen {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 999999999 !important;
    background-color: #fff !important;
    backface-visibility: hidden !important;
}
.woofz-preloader {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
}
.woofz-preloader ul {
    position: absolute !important;
    top: 50% !important;
    right: 50% !important;
    z-index: 9999999999 !important;
    -webkit-transform: translate(50%, -50%) scale(1, 1) !important;
    transform: translate(50%, -50%) scale(1, 1) !important;
}
.woofz-preloader ul li {
    list-style: none !important;
}
.woofz-preloader-flex-container {
    display: flex !important;
    display: -o-flex !important;
    display: -ms-flex !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    flex-direction: row !important;
    -o-flex-direction: row !important;
    -ms-flex-direction: row !important;
    -webkit-flex-direction: row !important;
    -moz-flex-direction: row !important;
    flex-wrap: wrap !important;
    -o-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
    -moz-flex-wrap: wrap !important;
    justify-content: space-around !important;
    padding: 0;
}
.woofz-preloader-flex-container li {
    padding: 11px !important;
    height: 113px !important;
    width: 113px !important;
    margin: 34px 23px !important;
    position: relative !important;
    text-align: center !important;
}
@media only screen and (max-width: 768px) {
    #woofz-fullscreen:after {
        height: 50px !important;
        width: 50px !important;
        right: 10px !important;
    }
    #woofz-fullscreen-thumbnails {
        width: 50px !important;
        top: 70px !important;
        transform: none !important;
    }
}
@media only screen and (max-width: 736px) {
    .woofz-product-gallery {
        margin-bottom: 6px !important;
    }
    #woofz-fullscreen {
        overflow-y: auto !important;
    }
}