/* ================= css Start ================= */
.gallery-list { align-items: start; width: calc(100% + 32px); margin-left: -16px; margin-bottom: -34px; }
.gallery-item { width: 33.33%; padding: 0 16px; margin-bottom: 34px; }
.gallery-img { width: 100%; position: relative; padding-bottom: 87%; border-radius: 5px; overflow: hidden; }
.gallery-img img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.gallery-item:nth-child(even) .gallery-img { padding-bottom: 60.5%; }
.gallery-item:nth-child(1) { margin-top: 0 !important; }
.gallery-item:nth-child(6n - 1) { margin-top: -8%; }

/* ================= css End ================= */

/* ========================================== 
! 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: 100%; }
    .gallery-img { padding-bottom: 0; }
    .gallery-img img { position: relative; }
    .gallery-item:nth-child(even) .gallery-img { padding-bottom: 0; }
    .gallery-item:nth-child(6n - 1) { margin-top: 0; }
}

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