.region-gallery{
    padding-block: 90px;
}

.region-gallery .field-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.region-gallery .field-content .photoswipe-gallery{
    max-width: 370px;
    width: 100%;
    height: 370px;
    border-radius: 16px;
    overflow: hidden;
}

.region-gallery .field-content .photoswipe-gallery a,
.region-gallery .field-content .photoswipe-gallery a img{
    width: 100%;
    height: 100%;
}

.region-gallery .field-content .photoswipe-gallery a img{
    object-fit: cover;
}

.region-gallery .more-link {
    margin-top: 50px;
}

.region-gallery  .field--name-field-more-link a {
    padding: 13px 16px;
}

.photoswipe-gallery:nth-child(6) ~ * {
    display: none;
}


/*Page*/

.view-galereya-foto.view-display-id-page_1 .field-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}

/* Adaptive */
@media screen and (max-width: 1920px){
    .view-galereya-foto.view-display-id-page_1 .field-content .photoswipe-gallery{
        max-width: calc(135px + (370 - 135) * ((100vw - 320px) / (1920 - 320)));
        width: 100%;
        border-radius: 16px;
    }

    .view-galereya-foto.view-display-id-page_1 .field-content {
        gap: calc(5px + (25 - 5) * ((100vw - 320px) / (1200 - 320)));
    }
}

@media screen and (max-width: 1200px){
    .region-gallery .field-content .photoswipe-gallery {
        max-width: calc(215px + (370 - 215) * ((100vw - 767px) / (1200 - 767)));
        height: calc(215px + (370 - 215) * ((100vw - 767px) / (1200 - 767)));
    }
    .region-gallery {
        padding-block: calc(50px + (90 - 50) * ((100vw - 767px) / (1200 - 767)));
    }
    .region-gallery .field-content {
        gap: calc(8px + (30 - 8) * ((100vw - 767px) / (1200 - 767)));
    }
}

@media screen and (max-width: 767px) {
    .region-gallery .field-content .photoswipe-gallery {
        max-width: calc(144px + (215 - 144) * ((100vw - 320px) / (767 - 320)));
        height: calc(144px + (215 - 144) * ((100vw - 320px) / (767 - 320)));
    }
    .region-gallery .field-content {
        gap: 8px;
    }
    .region-gallery .more-link {
        display: flex;
        justify-content: center;
    }
    .region-gallery .field--name-field-more-link a {
        padding: 13px 25px;
    }
    .region-gallery {
        padding-block: 50px;
    }
}