@media (min-width: 992px) {
    .glightbox-clean .gclose {
        opacity: 1;
    }
}
@media (min-width: 769px) {
    .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
        background-color: transparent;
    }
    .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
        background-color: transparent;
    }
    .goverlay {
        background: #ffffff;
    }
    .glightbox-clean .gclose svg {
        width: 15px;
    }
    .glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
        fill: var(--main-black);
    }
    .gslide-image img {
        max-height: 76vh;
    }
}

.glightbox-clean .gnext,
.glightbox-clean .gprev {
    width: 50px;
    height: 50px;
}
.glightbox-clean .gnext {
    right: 7.5%;
}
.glightbox-clean .gprev {
    left: 7.5%;
}

.glightbox-mobile .goverlay {
    background: #ffffff;
}
/*.glightbox-container .gslider {
    padding: 0 10px;
}*/

@media (max-width: 768px) {
    .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
        background-color: transparent;
    }
    .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
        background-color: transparent;
    }
    .goverlay {
        background: #ffffff;
    }
    .glightbox-clean .gclose svg {
        width: 15px;
    }
    .glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
        fill: var(--main-gray);
    }

    .glightbox-clean .gnext {
        right: 25%;
        top: auto;
        bottom: 10%;
    }
    .glightbox-clean .gprev {
        left: 25%;
        top: auto;
        bottom: 10%;
    }
    .glightbox-clean .gclose {
        right: 0;
    }
}