.gallery-slider-container{padding: 4px 0;}
.gallery-item.swiper-slide { height: auto; }
.gallery-box { height: 100%; }
.gallery-box-image { padding-bottom: 70%; overflow: hidden; }
.gallery-box-image img { position: absolute; height: 100%; width: 100%; object-fit: cover; top: 0; left: 0; transition: all .3s ease-in-out; }
.gslide-media, .gslide-image img { max-width: 1100px; width: 100% !important; object-fit: contain !important; }
.glightbox-container .ginner-container { padding: 0; }
.ls-button { width: 60px; height: 60px; background-color: var(--asl-blue); border-radius: 50%; padding: 15px; }
.ls-button img { width: 100%; height: 100%; object-fit: contain; }
.gallery-slider-nav .ls-button { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; }
.ls-button-prev { left: 0;}
.ls-button-next { right: 0;}
.gallery-box-image img:hover { transform: scale(1.05); }
.gallery-nav{position: absolute;top: 50%;left: 20px;right: 20px;transform: translateY(-50%);z-index: 9;justify-content: space-between;}
.glightbox-clean .gslide-media{box-shadow: none;}

.gallery-slider-prev{top: 50%;left: 20px;position: absolute;z-index: 9;transform: translateY(-50%);}
.gallery-slider-next{top: 50%; right: 20px;position: absolute;z-index: 9;transform: translateY(-50%);}
.gallery-slider-prev:hover, .gallery-slider-next:hover{background: var(--asl-white);}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
    
	 
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) { 
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){ 
    .gallery-item{width: 80vw;}
    .gallery-nav{display: none !important;}

    .glightbox-clean .gprev{top: 50%; transform: translateY(-50%); left: 15px;}
    .glightbox-clean .gnext{top: 50%; transform: translateY(-50%); right: 15px}
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px){

}

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) { 
}