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

/*==========================
        TABLET
==========================*/

@media (max-width:992px){

    .gallery-section{
        padding:90px 0;
    }

    .gallery-header{
        margin-bottom:50px;
    }

    .gallery-header h2{
        font-size:42px;
    }

    .gallery-header p{
        font-size:18px;
    }

    /* Featured Image */

    .gallery-feature{
        border-radius:26px;
        margin-bottom:30px;
    }

    .gallery-feature img{
        height:380px;
        object-fit:cover;
    }

    .gallery-overlay{
        left:25px;
        right:25px;
        bottom:25px;
        padding:18px 22px;
    }

    .gallery-overlay h3{
        font-size:24px;
    }

    .gallery-overlay span{
        font-size:15px;
    }

    /* Gallery Grid */

    .gallery-grid{
        grid-template-columns:repeat(2,1fr);
        gap:22px;
    }

    .gallery-card{
        height:260px;
        border-radius:22px;
    }

    .gallery-card img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .gallery-info{
        left:15px;
        right:15px;
        bottom:15px;
        padding:10px 14px;
        font-size:15px;
    }

}


/*==========================
        MOBILE
==========================*/

@media (max-width:576px){

    .gallery-section{
        padding:70px 0;
    }

    .gallery-header{
        margin-bottom:40px;
    }

    .gallery-header h2{
        font-size:34px;
        line-height:1.25;
    }

    .gallery-header p{
        font-size:16px;
        line-height:1.8;
    }

    /* Featured */

    .gallery-feature{
        border-radius:20px;
        margin-bottom:20px;
    }

    .gallery-feature img{
        height:240px;
        object-fit:cover;
    }

    .gallery-overlay{
        left:15px;
        right:15px;
        bottom:15px;
        padding:12px 15px;
    }

    .gallery-overlay h3{
        font-size:20px;
        margin-bottom:4px;
    }

    .gallery-overlay span{
        font-size:13px;
    }

    /* Cards */

    .gallery-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .gallery-card{
        height:220px;
        border-radius:20px;
    }

    .gallery-card img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .gallery-info{
        left:12px;
        right:12px;
        bottom:12px;
        padding:10px 12px;
        font-size:14px;
        text-align:center;
    }

}


/*==========================
      SMALL MOBILE
==========================*/

@media (max-width:400px){

    .gallery-card{
        height:200px;
    }

    .gallery-feature img{
        height:210px;
    }

    .gallery-overlay h3{
        font-size:18px;
    }

    .gallery-overlay span{
        font-size:12px;
    }

    .gallery-info{
        font-size:13px;
        padding:8px 10px;
    }

}