@media screen and (max-width: 750px){
    header{
        height: auto;
    }
}
@media screen and (max-width: 750px){
    .slider{
        width: 100%;
        height: 200px;
    }
}

@media screen and (max-width: 750px){
    .newsbar{
        width: 100%;
        height: 450px;
        position: relative;
    }
}
@media screen and (max-width: 750px){
    .scrollnews{
        height: 80px;
    }
}
@media screen and (max-width: 750px){
    #latlogo{
        height: 40px;
        width: 100%;
    }
    #snewshead{
        height: 40px;
        width: 100%;
    }
    .menu1{

        position: absolute;

    }#submenu-v{
    display: none;
    float: left;
    position: absolute;
    margin-left:0px;
    padding-top: 15px;
    padding-bottom: 15px;
    list-style: none;
    background-color: chocolate;
    width:250px;    
    padding-left: 0;
    padding-right: 0;
    margin-left:20%;
    z-index: 9;
    box-shadow: 1px 2px 2px 1px blue;
}


}

@media screen and (max-width: 750px){
    .col1-vermenu{
        width: 100%;
    }
    .col2-hs{
        width: 100%;
    } .col3-vc{
        width: 100%;
    }
}
@media screen and (max-width: 750px){
    .col4-syllabus{
        width: 100%;
    }
    .col5-mettings{
        width: 100%;
    } .col6-Notification{
        width: 100%;
    }
}
@media screen and (max-width: 750px){
    .links{
        height: auto;
        align-items: center;
        padding-left: 3%;
        background-color: whitesmoke;
    }
    .links>.linkitem>div{
        width: 100%;
    }
}
@media screen and (max-width: 750px){
    .footer{
        height: auto;
        padding:10px
    }}

    @media screen and (max-width: 750px){
        .carousel-inner{
            height: 200px;
        }
        .carousel-inner>.carousel-item>.d-block{
            height: 200px;
        }
    }
    @media screen and (max-width: 750px){
        .tabl{
            width: 100%;
            height: 250px;
        }
        input[name=tabb]+label{
            width: 49%;
        }
    }