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

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

@media (max-width:1199px){

    .th-gallery-header{
        padding:80px 0;
    }

    .th-gallery-header-wrapper{
        gap:50px;
    }

    .th-gallery-header-title{
        font-size:40px;
    }

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

}


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

@media (max-width:991px){

    .th-gallery-header{
        padding:70px 0;
    }

    .th-gallery-header-wrapper{

        flex-direction:column;

        text-align:center;

        gap:40px;

    }

    .th-gallery-header-content,
    .th-gallery-header-image{

        flex:0 0 100%;

        width:100%;

    }

    .th-gallery-header-title{

        font-size:36px;

    }

    .th-gallery-header-description{

        max-width:100%;

        margin:0 auto;

    }

    .th-gallery-grid{

        padding-bottom:80px;

    }

    .th-gallery-grid-wrapper{

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

        gap:20px;

    }

    .th-gallery-image{

        height:260px;

    }

    .th-gallery-bottom{

        padding:70px 0 80px;

    }

    .th-gallery-bottom-title{

        font-size:34px;

    }

}


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

@media (max-width:767px){

    .th-gallery-header{

        padding:60px 0;

    }

    .th-gallery-header-title{

        font-size:30px;

        line-height:1.35;

    }

    .th-gallery-header-description{

        font-size:15px;

        line-height:1.8;

    }

    .th-gallery-grid-wrapper{

        grid-template-columns:1fr;

        gap:20px;

    }

    .th-gallery-image{

        height:auto;

    }

    .th-gallery-overlay i{

        width:60px;

        height:60px;

        font-size:20px;

    }

    .th-gallery-bottom{

        padding:60px 0 70px;

    }

    .th-gallery-bottom-title{

        font-size:28px;

    }

    .th-gallery-bottom-description{

        font-size:15px;

        line-height:1.8;

    }

}


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

@media (max-width:480px){

    .th-gallery-header{

        padding:50px 0;

    }

    .th-gallery-header-tag{

        font-size:12px;

        padding:7px 16px;

    }

    .th-gallery-header-title{

        font-size:26px;

    }

    .th-gallery-bottom-subtitle{

        font-size:12px;

    }

    .th-gallery-bottom-title{

        font-size:24px;

    }

}