/* =========================================
   FOOTER RESPONSIVE
========================================= */

@media (max-width: 1000px) {

    .footer-top {

        grid-template-columns: 1fr 1fr;

        gap: 50px;
    }

    .footer-middle {

        grid-template-columns: 1fr;

        gap: 50px;
    }

    .footer-newsletter {

        align-items: flex-start;

        flex-direction: column;

        gap: 30px;
    }

    .newsletter-form {
        width: 100%;
    }

}


@media (max-width: 600px) {

    .site-footer {
        margin-top: 70px;
    }

    .footer-top {

        grid-template-columns: 1fr;

        gap: 45px;

        padding: 55px 0;
    }

    .footer-middle {

        padding: 45px 0;

        gap: 40px;
    }

    .footer-newsletter {

        padding: 45px 0;
    }

    .newsletter-content h3 {
        font-size: 20px;
    }

    .footer-bottom {

        align-items: flex-start;

        flex-direction: column;

        justify-content: center;

        padding: 25px 0;

        gap: 15px;
    }

    .footer-legal {

        flex-wrap: wrap;

        gap: 12px 20px;
    }

}

/* =========================================
   GALLERY RESPONSIVE
========================================= */

@media (max-width: 900px) {

    .gallery-hero {

        padding: 90px 0 60px;
    }

    .gallery-section {

        padding: 60px 0 80px;
    }

    .gallery-grid {

        grid-template-columns: repeat(2, 1fr);

        grid-auto-rows: 280px;

        gap: 12px;
    }

    .gallery-card,
    .gallery-card.gallery-large,
    .gallery-card.gallery-wide {

        grid-column: span 1;

        grid-row: span 1;
    }

    .gallery-card.gallery-large {

        grid-column: span 2;
    }

    .gallery-story {

        padding: 80px 0;
    }

    .gallery-story-grid {

        grid-template-columns: 1fr;

        gap: 40px;
    }

    .gallery-cta {

        padding: 80px 0;
    }
}


@media (max-width: 600px) {

    .gallery-container {

        width: 90%;
    }

    .gallery-hero {

        padding: 70px 0 50px;
    }

    .gallery-hero h1 {

        font-size: 48px;
    }

    .gallery-hero p {

        font-size: 14px;
    }

    .gallery-filters {

        flex-wrap: nowrap;

        overflow-x: auto;

        padding-bottom: 5px;

        scrollbar-width: none;
    }

    .gallery-filters::-webkit-scrollbar {

        display: none;
    }

    .gallery-filter {

        flex-shrink: 0;

        padding: 10px 14px;
    }

    .gallery-section {

        padding: 45px 0 65px;
    }

    .gallery-grid {

        grid-template-columns: 1fr;

        grid-auto-rows: 360px;

        gap: 12px;
    }

    .gallery-card,
    .gallery-card.gallery-large,
    .gallery-card.gallery-wide {

        grid-column: span 1;

        grid-row: span 1;
    }

    .gallery-card.gallery-large {

        grid-row: span 1;
    }

    .gallery-overlay {

        padding: 22px;
    }

    .gallery-overlay h2 {

        font-size: 22px;
    }

    .gallery-overlay p {

        font-size: 11px;
    }

    .gallery-story {

        padding: 70px 0;
    }

    .gallery-story h2 {

        font-size: 42px;
    }

    .gallery-cta {

        padding: 75px 0;
    }

}