@media(max-width:991px){

    .topbar,
    .desktop-nav,
    .desktop-buttons{
        display:none;
    }

    .mobile-toggle{
        display:block;
    }

    .site-logo img{
        width:60px;
    }

}

@media(min-width:992px){

    .mobile-sidebar,
    .mobile-toggle,
    .sidebar-overlay{
        display:none;
    }

}

/*for hero slider*/
@media(max-width:991px){

    .hero-slide{
        height:550px;
    }

    .hero-content h1{
        font-size:38px;
    }

    .hero-content p{
        font-size:17px;
    }

    .hero-buttons{
        flex-direction:column;
    }

    .hero-btn{
        text-align:center;
    }

    .heroSwiper .swiper-button-next,
    .heroSwiper .swiper-button-prev{
        display:none;
    }

}


@media(max-width:991px){

    .why-choose-section{
        padding:70px 0;
    }

    .section-title h2{
        font-size:34px;
    }

}

@media(max-width:991px){

    .president-content{
        padding-left:0;
        margin-top:40px;
    }

    .president-content h2{
        font-size:36px;
    }

}
@media(max-width:991px){

    .events-section{
        padding:70px 0;
    }

    .event-content h4{
        font-size:22px;
    }

}

@media(max-width:991px){

    .latest-news-section{
        padding:70px 0;
    }

    .news-content h4{
        font-size:21px;
    }

}
@media(max-width:991px){

    .gallery-section{
        padding:70px 0;
    }

    .gallery-card img{
        height:280px;
    }

}

@media(max-width:991px){

    .video-gallery-section{
        padding:70px 0;
    }

    .video-frame iframe{
        height:220px;
    }

}

@media(max-width:991px){

    .counter-section{
        padding:70px 0;
    }

    .counter-box h2{
        font-size:40px;
    }

}

@media(max-width:991px){

    .testimonial-section{
        padding:70px 0;
    }

    .testimonial-card{
        padding:30px;
    }

}

/*For Footer*/
@media(max-width:991px){

    .main-footer{
        padding:70px 0 30px;
    }

    .footer-bottom{
        text-align:center;
    }

    .footer-bottom .text-end{
        text-align:center !important;
        margin-top:20px;
    }

}