@media (min-width: 1200px) and (max-width: 1399px){

}

@media (min-width: 992px) and (max-width: 1199px){
    .main-header .container-fluid .school-name{
    display: none;
    }
    .main-header .container-fluid{
    background-color: #0d8cdd;
    }
    .main-header .container-fluid .collapse .dropdown-menu{
    background-color: #24a07a;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .main-header .container-fluid{
    background-color: #197115;
    }
    .main-header .container-fluid .collapse .dropdown-menu{
    background-color: #6095b7;
    }
}

@media (min-width: 576px) and (max-width: 767px){
    .main-header .container-fluid{
    background-color: #1dd9cb;
    }
    .main-header .container-fluid .collapse .dropdown-menu{
    background-color: #5cadd1;
    } 
    #banar .banar_en{
    display: none;
    }
    #welcome h1{
        font-size: 20px;
        
    }

}
@media (min-width: 320px) and (max-width: 575px){
    .main-header .container-fluid{
    background-color: #1876d3;
    }
    .main-header .container-fluid .collapse .dropdown-menu{
    background-color: #6b75ea;
    }
    .main-header .container-fluid .school-name{
        display: none;
    }
    #banar .banar_en{
    display: none;
    }
    #welcome h1{
        font-size: 20px;
    }

}