@media(max-width:1100px){
.nav-appointment .appointment12 {
    display:none;
}
}
@media(max-width:992px){

.map-wrapper{
    grid-template-columns:1fr;
}

.map-image img{
    height:450px;
}

}
@media(max-width:576px){

.map-heading h2{
    font-size:30px;
}

.map-image img{
    height:350px;
}

.zone-card{
    padding:15px;
}

}

/* ==========================================
   LARGE LAPTOP RESPONSIVE
========================================== */

@media(max-width:1400px){

.festival-grid{

    gap:40px;

}


.big-image{

    width:390px;
    height:450px;

}


.center-image{

    width:390px;
    height:410px;
    left:180px;

}


.festival-images{

    height:600px;

}


.festival-content h1{

    font-size:42px;

}

}



/* ==========================================
   LAPTOP RESPONSIVE
========================================== */


@media(max-width:1200px){


.festival-about{

    padding:70px 20px;

}



.festival-grid{

    grid-template-columns:1fr 1fr;
    gap:30px;

}



.festival-images{

    height:560px;

}



.big-image{

    width:350px;
    height:420px;

}



.small-image{

    width:140px;
    height:130px;
    right:20px;

}



.center-image{

    width:350px;
    height:380px;
    left:150px;

}



.experience-box{

    width:160px;
    height:160px;

}



.experience-box h2{

    font-size:34px;

}



.festival-content h1{

    font-size:38px;

}


.contact-row{

    gap:20px;

}

}



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


@media(max-width:992px){


.festival-grid{

    grid-template-columns:1fr;

}



.festival-images{

    height:650px;
    margin-bottom:40px;

}



.big-image{

    width:65%;
    height:480px;

}



.small-image{

    width:180px;
    height:170px;

    right:50px;

}



.center-image{

    width:60%;
    height:430px;

    left:25%;

}



.experience-box{

    width:180px;
    height:180px;

}



.festival-content{

    text-align:left;

}



.festival-content h1{

    font-size:42px;

}



.contact-row{

    flex-wrap:wrap;

}



}



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


@media(max-width:768px){


.festival-about{

    padding:50px 15px;

}



.container{

    width:100%;

}



.festival-images{

    height:520px;

}



.big-image{

    width:75%;
    height:350px;

    border-radius:20px;

}



.small-image{

    width:120px;
    height:120px;

    top:10px;
    right:0;

    border-radius:18px;

}



.center-image{

    width:75%;
    height:300px;

    left:15%;
    bottom:0;

    border-radius:20px;

}



.experience-box{

    width:130px;
    height:130px;

    border-radius:18px;

}



.experience-box h2{

    font-size:28px;

    margin:5px 0;

}



.experience-box p{

    font-size:13px;

}



.sub-title{

    font-size:16px;

}



.festival-content h1{

    font-size:32px;

    margin:15px 0;

}



.festival-content>p{

    font-size:14px;

}



.contact-row{

    flex-direction:column;

    gap:20px;

}



.contact-box{

    gap:12px;

}



.circle{

    width:40px;
    height:40px;

}



ul li{

    font-size:14px;

}



button{

    width:100%;

}

}





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


@media(max-width:480px){


.festival-images{

    height:430px;

}



.big-image{

    width:78%;
    height:290px;

}



.small-image{

    width:95px;
    height:95px;

}



.center-image{

    width:80%;
    height:240px;

}



.experience-box{

    width:110px;
    height:110px;

}



.experience-box h2{

    font-size:24px;

}



.experience-box p{

    font-size:11px;

}



.festival-content h1{

    font-size:28px;

}



.contact-box h4{

    font-size:15px;

}



.contact-box p{

    font-size:13px;

}


button{

    padding:13px 20px;
    font-size:14px;

}

}

/* Tablet */

@media(max-width:1024px){

    .footer{

        padding:60px 35px 25px;

    }


    .footer-container{

        grid-template-columns:repeat(3,1fr);
        gap:35px;

    }


    .newsletter{

        grid-column:span 2;

    }

}



/* Mobile */

@media(max-width:768px){


    .footer{

        padding:50px 20px 20px;

    }


    .footer-container{

        grid-template-columns:1fr;
        gap:35px;

    }


    .newsletter{

        grid-column:auto;

    }


    .logo{

        font-size:28px;

    }


    .footer h3{

        margin-bottom:18px;

    }


    .footer-bottom{

        margin-top:35px;

        text-align:center;

    }

}



/* Small Mobile */

@media(max-width:480px){


    .footer p,
    .footer ul li,
    .contact div{

        font-size:13px;

    }


    .newsletter input{

        height:45px;

    }


    .newsletter button{

        height:42px;

    }

}

@media(max-width:600px){

.new-faq{
    padding:50px 0;
}


.new-faq-wrapper{

    width:92%;
    gap:30px;

}


.new-faq-title h2{

    font-size:32px;
    line-height:1.25;

}


.new-faq-title p{

    font-size:14px;

}



.faq-box{

    padding:25px;
    border-radius:20px;

}


.faq-box h4{

    font-size:20px;

}



.faq-btn{

    padding:18px 20px;
    font-size:14px;
    gap:15px;

}


.faq-btn span{

    max-width:85%;

}


.faq-btn i{

    width:30px;
    height:30px;
    font-size:18px;

}



.faq-content{

    padding-left:20px;
    padding-right:20px;
    font-size:14px;

}


.faq-card.active .faq-content{

    padding-bottom:20px;

}

}



@media(max-width:380px){

.new-faq-title h2{

    font-size:28px;

}


.faq-btn{

    font-size:13px;

}


}