@media(max-width: 992px){
    .about .right-text{padding: 70px 0 0;}
    .about .right-text .light-heading{top: 10%}
    .counter .left-counter{padding: 50px 0;}
    .counter .left-counter .left-text .dark-heading .heading{text-align: center;}
    .counter .left-counter .left-text .light-heading{left: 50%; transform: translateX(-50%); top: 3%}
    .counter .right-image{padding: 0;}
    .gallery{padding: 15px 0 0;}
    .gallery .maintitle{padding: 20px 0;}
    .page-data .gal-box, .gallery .gal-box{margin: 0 0 20px;}
    .viewmore{padding: 20px 0 30px;}
    .why{padding: 50px 0 20px;}
    .why .boxes{margin: 0 0 30px;}
    .page-data .boxes, .news .boxes{margin: 0 0 20px;}
    .testmonials{padding: 20px 0 40px;}
    .testmonials .boxes{margin: 0 0 20px;}
    .header .header-bottom .menu{display: none;}
    .menu-btn{display: flex;}
    .fixed-icons{display: none;}
    .mobile-navbar{display: block;}
}

@media(max-width: 768px){
    .footer .footer-title{text-align: start; padding: 0 0 10px;}
    .footer .footer-title h2{text-decoration: underline; text-underline-offset: 5px;}
    .footer .footer-content ul{display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 0 0 30px;}
    .why .heading h4{width: 100%;}
    .bday{padding: 30px 0 20px;}
    .bday .wishes{margin: 0 auto ;}
    .new-news-events .events-box{height: auto; margin: 0 0 20px;}
    
}


@media(max-width: 576px){
    .header .header-top{display: none;}
    .slider .slick-dots{bottom: 10px;}
    .bday .bday-wishes .overlaywishes{width: 100%;}
    .bday .bday-wishes .bday-student{width: 60%;}

}

@media(max-width: 480px){

}




@media(max-width: 360px){
    .about .right-text .dark-heading h2{font-size: 25px}
    .about .right-text .light-heading{left: 50%; transform: translateX(-50%); top: 50px;}
    .about .right-text .light-heading p{font-size: 30px;}
    .about .right-text .dark-heading .click a{font-size: 12px; padding: 5px 15px}
    .counter .left-counter .left-text .dark-heading{padding: 0 15px;}
    .counter .left-counter .left-text .light-heading{}
    .counter .left-counter .left-text .light-heading p{font-size: 30px;}
    .counter .left-counter .left-text .dark-heading .heading h2{fons-size: 30px;}
    .counter .left-counter .left-text .dark-heading .para p{text-align: justify;}
    .counter .left-counter{padding: 50px 0 0;}
    .counter .left-counter .count-box{}
    .counter .left-counter .count-box .box h2{font-size: 30px;}
    .counter .left-counter .count-box .box p{font-size: 13px;}
    .counter .left-counter .count-box:nth-child(1){}
    .counter .left-counter .count-box:nth-child(2){}
    .counter .left-counter .count-box:nth-child(3){}
    .counter .left-counter .count-box:nth-child(4){}
    .gallery .maintitle{}
    .gallery .maintitle h2{font-size: 30px;}
    .gallery .maintitle p{font-size: 30px; top: 3%;}
    .why .heading p{top: -35%; font-size: 30px;}
    .why .heading h2{font-size: 20px;}
    .why .heading h3{font-size: 18px;}
    .news .news-heading p{font-size: 30px; top: -26%;}
    .news .news-heading h2{font-size: 30px;}
    .mob_menu{width: 100%;}

    
}