#csol-gallery {
    position: relative;
}

.csol-gallery-thumbnails {
    flex-wrap: wrap;
    justify-content: center;
}

.csol-gallery-thumbnails .img-thumb {
    border: 1px solid transparent!important;
    margin-right: 5px;
    padding: 5px;
    width: 80px;
}

.csol-gallery-thumbnails .img-thumb:hover {
    border-color: #18872B;
}

.csol-gallery-thumbnails .img-thumb.last {
    margin-right: 0;
}

.product-full-image-wrapper {
    text-align: center;
}

.product-full-image-wrapper a {
    display: block;
}

.product-full-image-wrapper img,
.product-full-image-wrapper iframe {
    max-height: 450px;
    max-width: 100%;
}

.modal-xl {
    width: calc(100% - 120px);
    height: calc(100% - 53.33333px);
    max-width: 1600px;
    max-height: 1100px;
}

.modal-full-carousel {
    max-width: 450px;
}

.modal-full-carousel iframe {
    max-height: 450px;
    max-width: 100%;
}

#gallery-modal .model-header {
    border-bottom: 0!important;
}

.img-zoom-container {
    position: relative;
}

.img-zoom-lens {
    position: absolute;
    width: 250px;
    height: 250px;
}

.img-zoom-result {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    height: 450px;
    position: absolute;
    right: -450px;
    top: 0;
    width: 450px;
    z-index: 1000;
}

.thumbs-carousel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    transition: max-height .75s ease-out;
}

.thumbs-carousel-collapsed {
    max-height: 178px;
    overflow: hidden;
}

.thumbs-carousel-expanded {
    max-height: 1000px;
    overflow: unset;
}

.thumbs-carousel .img-thumb {
    border: 1px solid #f1d5fb;
    margin: 4px;
    padding: 5px;
}

.more-thumbs {
    align-items: center;
    border-top: 1px solid #f1d5fb;
    display: flex;
}

.owl-carousel.thumbs-carousel .owl-item img {
    width: auto;
}

@media (min-width: 768px) {
    .csol-gallery-thumbnails {
        flex-direction: column;
    }
}

@media (max-width: 991.98px) {
    #zoom-result {
        display: none!important;
    }
}

@media (min-width: 992px) {
    .csol-gallery-thumbnails {
        margin-right: 150px;
    }
}

@media (min-width: 1200px) {
    .thumbs-carousel-collapsed {
        max-height: unset;
        overflow: unset;
    }

    .thumbs-carousel {
        height: auto;
        overflow: unset;
    }

    .more-thumbs { display: none; }
}