.navbar {
    /*background:#36454F;*/
    padding:0px;
}

.school-logo {
    width:100px;
    height:90px;
    margin:0px;
    padding:0px;
    /*position:relative;*/
    /*float:left;*/
    margin-top:12px;
}

.logo-div {
    width:390px;
    border-right:solid 2px white;
    word-wrap: break-word;
    overflow-wrap: break-word;
    height:120px;
}

#schoolname {
    font-size: 22px;
    font-weight: 700;
    font-family: 'Times New Roman', Times, serif;
    padding-left: 10px;
    width: 260px;
    color:white;
    margin-top:5px;
    position:absolute;
    line-height:25px;
}

#schoolname:hover {
    cursor:pointer;
    color:white;
}

#schooladdress {
    font-style: italic;
    font-size: 15px;
    margin-top:0px;
    position:absolute;
    color:yellow;
    width:300px;
    line-height:15px;
}

.floatnews {
    height:50px;
    color:yellow;
    /*background:white;*/
    position:absolute;
    top:0;
    margin-left:30px;
}

.footer-row {
    /*background-color: #36454F;*/
    color:white;
    font-family: 'Times New Roman', Times, serif;
    padding:0px;
}

.footer-row h2 {
    border-bottom: solid 2px red;
    text-align: center;
}

.footer-row h5 a{ 
    text-decoration:none;
}

.footer-row h5 a i{
    width:25px;
}

.menubar{
    position:absolute;
    margin-left:30px;
    text-align:center;
    margin-top:30px;
}

.menubar li {
    color:white;
    margin:8px 0px;
    /*padding:0px 5px;*/
    font-size:18px;
    font-family:carriage;
}

.menubar li a {
    color:white;
}

.menubar li:hover {
    background:white;
    color:brown;
}

.menubar li a:hover {
    color:brown;
}

/*.dropdown-menu {*/
/*    background:#36454F;*/
/*}*/

.dropdown-menu li {
    width:100%;
    display:block;
}

.navbar-toggler {
    color:white;
    background:white;
    position:absolute;
    float:left;
    width:35px;
    height:35px;
    margin-left:10px;
    margin-top:45px;
    text-align:center;
    padding:0px;
}

.navbar-toggler-icon {
    width:30px;
    height:30px;
}

#mandatory-btn{
    padding:0px 8px;
    margin-top:-55px;
    margin-right:100px;
}

.aboutusreadmore{
    color:white;
    text-align:justify;
}

.blockimage {
    text-align:center;
}
    
.blockimage img {
    width:100%;
    height:400px;
    border:solid 10px white;
    margin:0px;
    padding:0px;
}

.announcementfloat a {
    color:white;
    text-align:center;
    text-decoration:none;
}

.galleryrow img {
    width: 200px; 
    height: 180px;
    display:inline-block;
}

.toppersrow img {
    width: 200px; 
    height: 180px;
    display:inline-block;
}

.toppersrow .topdiv {
    display:inline-block;
    height:250px;
}

@media only screen and (max-width: 768px) {
    .blockimage img {
        width:100%;
        height:200px;
        /*margin-top:50px;*/
    }
    
    .school-logo {
        width:50px;
        height:50px; 
    }
    
    /*.navbar-toggler {*/
    /*    float:right;*/
    /*}*/
    
    .floatnews {
        display:none;
    }
    
    #schooladdress {
        /*display:none;*/
    }
    
    #schoolname {
        font-size:16px;
          width: 280px;
          margin:0px;
          padding-left:0px;
          /*border:solid 1px;*/
    }
    
    #mandatory-btn{
        display:none;
    }
    
    .logo-div {
        width: 190px;
        border-right:none;
        /*border-right:solid 2px white;*/
    }
    
    .menubar{
        margin-left:0px;
        z-index:99;
        width:90%;
        margin-top:0px;
    }
    .menubar li {
        color:white;
        margin:0px;
        padding:0px;
        font-size:15px;
        border-bottom:solid 1px black;
        float:left;
        width:100%;
        display:block;
    }
    
    .dropdown-menu li {
        background-color:#36454F;
    }

    
}