/* ==========================================
        LARGE DEVICES (1200px)
========================================== */

@media (max-width:1200px){

.hero h1{
    font-size:56px;
}

.section-title{
    font-size:40px;
}

}


/* ==========================================
        LAPTOP (992px)
========================================== */

@media (max-width:992px){

.navbar{
    background:#6A0018;
    padding:15px 0;
}

.top-bar{
    display:none;
}

.hero{
    height:auto;
    padding:140px 0 80px;
    text-align:center;
}

.hero p{
    margin:auto;
}

.hero h1{
    font-size:48px;
}

.hero-btn,
.call-btn{
    margin-top:15px;
}

.about-section img{
    margin-bottom:35px;
}

.section-title{
    font-size:36px;
}

.footer{
    text-align:center;
}

.footer .col-lg-4{
    margin-bottom:35px;
}

}


/* ==========================================
        TABLET (768px)
========================================== */

@media (max-width:768px){

section{
    padding:70px 0;
}

.hero h1{
    font-size:38px;
}

.hero p{
    font-size:16px;
    line-height:28px;
}

.section-title{
    font-size:32px;
}

.counter-box{
    margin-bottom:30px;
}

.event-card img{
    height:240px;
}

.gallery-img{
    height:230px;
}

.testimonial-card{
    margin-bottom:25px;
}

.contact-section{
    text-align:center;
}

.contact-info p{
    justify-content:center;
}

}


/* ==========================================
        MOBILE (576px)
========================================== */

@media (max-width:576px){

.hero{
    padding-top:120px;
}

.hero h1{
    font-size:30px;
    line-height:1.4;
}

.hero h5{
    font-size:14px;
}

.hero-btn,
.call-btn{
    display:block;
    width:100%;
    margin:12px 0;
}

.section-title{
    font-size:28px;
}

.section-subtitle{
    font-size:14px;
}

.feature-box{
    padding:15px;
}

.feature-box i{
    width:50px;
    height:50px;
    font-size:20px;
}

.why-card,
.event-card,
.facility-box,
.testimonial-card{
    border-radius:15px;
}

.gallery-img{
    height:200px;
}

.counter-box h2{
    font-size:42px;
}

.footer{
    padding:50px 0 20px;
}

.whatsapp-btn,
.call-btn-fixed{
    width:52px;
    height:52px;
    right:18px;
}

.whatsapp-btn{
    bottom:90px;
}

.call-btn-fixed{
    bottom:20px;
}

}