/*=========================================
            Gallery Section
=========================================*/

.gal-section{

    padding:100px 0;

    background:#f8f9fb;

}

/*=========================================
            Heading
=========================================*/

.gal-heading{

    max-width:800px;

    margin:0 auto 60px;

}

.gal-subtitle{

    display:inline-block;

    color:#FDB913;

    font-size:16px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:15px;

}

.gal-title{

    font-size:42px;

    font-weight:700;

    color:#222;

    margin-bottom:20px;

}

.gal-description{

    color:#666;

    line-height:1.9;

}

/*=========================================
            Gallery Grid
=========================================*/

.gal-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:20px;

}

/*=========================================
            Gallery Item
=========================================*/

.gal-item{

    display:block;

    overflow:hidden;

    border-radius:18px;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    transition:.35s;

}

.gal-item:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(0,0,0,.15);

}

.gal-item img{

    width:100%;

    height:auto;

    display:block;

    transition:.5s;

}

.gal-item:hover img{

    transform:scale(1.08);

}


/*=========================================
            Responsive
=========================================*/

@media(max-width:1199px){

    .gal-section{

        padding:90px 0;

    }

    .gal-title{

        font-size:38px;

    }

}

@media(max-width:991px){

    .gal-section{

        padding:80px 0;

    }

    .gal-title{

        font-size:34px;

    }

}

@media(max-width:767px){

    .gal-section{

        padding:70px 0;

    }

    .gal-title{

        font-size:30px;

    }

    .gal-grid{

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

        gap:15px;

    }

}

@media(max-width:575px){

    .gal-section{

        padding:60px 0;

    }

    .gal-title{

        font-size:27px;

    }

    .gal-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:420px){

    .gal-section{

        padding:50px 0;

    }

    .gal-title{

        font-size:24px;

    }

}