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

}

@media (min-width: 992px) and (max-width: 1199px){
    .main-header .container-fluid .school-name{
        display: none;
    }
 
}
@media (min-width: 768px) and (max-width: 991px){
    .main-header .container-fluid{
    background-color: #06e353;
    }
    .main-header .container-fluid .collapse .dropdown-menu{
    background-color: #06e353;
    }
    
    
}

@media (min-width: 576px) and (max-width: 767px){
    .main-header .container-fluid{
    background-color: #1d9fd9;
    }
    .main-header .container-fluid .collapse .dropdown-menu{
    background-color: #1d9fd9;
    }
    
}

@media (min-width: 320px) and (max-width: 575px){
    .main-header .container-fluid{
    background-color: #ae1dd9;
    }
    .main-header .container-fluid .collapse .dropdown-menu{
    background-color: #ae1dd9;
    }

}