@media(max-width:1500px){

}

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

@media(max-width:1200px){

}

@media(max-width:1069px){
    
    #slider form{row-gap: 10px;}
    #slider form .form-control{padding: 6px 15px;}
    #slider .form-bg{top: 20px;}
   
}

@media(max-width:991px){

    header .navbar .navbar-brand{width: 45%;}
    header .navbar-nav .nav-link.active{color: #000;}
    header .navbar .nav-link{color: #000;}

    #slider .form-bg{position: relative; width: 90%; top: 0; right: 0; margin: 10px auto; background-color: #363636;}

    #about .content h3{font-size: 22px;}
    #about .content p{font-size: 13px;}

    #facility .inner .text h4{font-size: 18px;}
    #facility .inner .text p{font-size: 14px;}

    #testimonial ul li p{padding: 10px;}
    #testimonial ul li p{font-size: 14px;}
    #testimonial ul{padding: 20px; margin: 10px;}
    #testimonial ul li h5{font-size: 18px;}

    footer .row{row-gap: 20px;}
    footer .footerinr ul li p{font-size: 14px;}
    footer .footerinr ul li a{font-size: 14px;}
    footer .footerinr ul li h4{font-size: 20px;}
    footer .footerinr .category li{margin-bottom: 5px;}

    
}

@media(max-width:768px) {

}

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

@media(max-width:579px){

    
}

@media(max-width:480px){

    header .navbar .navbar-brand{width: 80%;}
    header .container-fluid{justify-content: end !important;}
    header .header-top ul li:first-child a{font-size: 14px;}
    header .header-top ul li:last-child a{padding: 14px 15px; font-size: 14px;}

    #about .content{padding: 20px 0;}
    #about .content p{margin: 20px 10px 0; font-size: 14px;}

    #course h2, #facility h2{font-size: 30px; text-align: center;}

    footer{padding: 50px 10px 20px;}
    footer .img a img{width: 60%;}


}

@media(max-width:400px){

}

@media(max-width:359px){

   
}