@media only screen and (min-width:200px) and (max-width:575px){
.schoolnameheadingdiv{
    
    margin-left: -35px!important; 
    /* border: 1px solid white; */
}
.headlogo{
    margin-left: -15px!important;
    margin-right: 0px!important;
    padding: 0px!important;
    width: 40px!important;
    height: auto!important;
    /* border: 1px solid white; */
}
.navbar-toggler{
    width: 20px!important;
    height: 20px!important;
    border: none!important;
}
.navbar-toggler-icon{
    width: 20px!important;
    height: 20px!important;
    color: white!important;
}
.schoolnameheadingdiv h2{
    font-size: 20px;
    float: left;
    margin-left: 0px!important;
    /* border: 1px solid white; */
}

.myimgslider{
    width: 100%!important;
    height: 250px!important;
}
.aboutdivimage{
    height: 200px;
}
.brandbackground{
    height:auto;
}
}
@media(min-width:800px){
.myimgslider{
    width: 100%!important;
    height: 600px!important;
}

}