@media screen and (max-width : 992px){
    *{
        
        background-color: ;
    }
    header{
        background-color: ;
    }
    .hr-line{
        margin: 0px
    }

    /*NAVBAR*/ 
    .Header_Section {
        display: flex;
        align-items: center;
        justify-content: space-between;
        
        background-color: #3e7ef6;
        box-shadow: rgb(154, 189, 255) 0px 5px 15px;: rgb(88, 147, 255) 0px 5px 15px;

    }
    .navbar{ 
        padding-top: 10px;
        padding-right: 18px;
        position: absolute;
        top: 0px;
        right: 0px;
        display:flex;
    }
    .navbar ul{
        background-color: #77a6ff;/**/
        display: none;/**/
        list-style: none;
        display: ;
        float: right;
        text-align: right;
        position: absolute;
        right: 0px;
        top: -90px;
    }
    .navbar ul li {   
        padding: 25px;
        transition: 0.2s;
    }
    .navbar ul li:hover{
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: #2cf4395f;
        transition: 0.2s;
    }
    .navbar ul li a{
        text-decoration: none;
        color: black;
        font-size: 20px;
    }
    .submenu-dept{
        
        display: none;
        background-color: red;
        position: absolute;
        top: 170px;
        right: 240px;
        z-index: 99;
    }
    .submenu-dept ul{
        display: block;
        border: 1px solid green;
        background-color: #77ef7f;
        padding-left: 0px;
        padding: 5px;
        width : 300px;
        transition: 0.2s;
        text-align: left;
    }
    .submenu-dept ul li{
        padding: 10px;
    }
    .submenu-dept ul li a{
        font-size: 20px;
        transition: 0.2s;
        padding: 0px;
        margin: 0px;
    }
    .submenu-dept ul li:hover{
        background-color: #87cb8c;
        transition: 0.2s;
    }
    .li-dept:hover .submenu-dept{
        display: block;
    }

    
    .submenu-result{
        transition: 0.2s;
        display: none;
        background-color: red;
        position: absolute;
        top: 170px;
        right: 20px;
        z-index: 99;
    }
    .submenu-result ul{
        display: block;
        border: 1px solid green;
        background-color: #77ef7f;
        padding-left: 0px;
        padding: 5px;
        width : 200px;
        text-align: left;
    }
    .submenu-result ul li{
        padding: 10px;
    }
    .submenu-result ul li a{
        font-size: 20px;
        padding: 0px;
        margin: 0px;
    }
    .submenu-result ul li:hover{
        background-color: #87cb8c;
    }
    .li-result:hover .submenu-result{
        display: block;
    }

    .logo{
        width: 17%;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        margin-right: 20px;
    }
    .inst-name{
       display: inline;
       margin-top:;
       font-family: 'Raleway', sans-serif;
      font-size: 30px;
      padding-top: 20px;
    }
    


    /* Header ends*/


    /*Main*/
    .main{
        background-color: #d0e0fd;
    }

    .student-corner-ul li{
       transition: 0.1s;
        padding: 10px;
        border: 1px solid rgba(0, 0, 0, 0.382);
    }
    .student-corner-ul{
        list-style: none;
        padding: 0px 40px;
    }
    .student-corner-ul li a{
        margin-left: 20px;
        text-decoration: none;
        color: black;
        font-size: 20px;
        
    }
    .text-stdcorner{
        font-size: 20px;
        margin-bottom: 5px;
        
        padding: 10px;
        text-align: center;
    }
    .student-corner-ul li:hover{
        transition: 0.1s;
        color: #34e03f;
        background-color: #34e03f8c;
    }
    .mySlides {display:none;}

    .w3-display-container img{
        width: 100%;
    }
    .w3-content{
        border: 3px solid black;
        margin: 20px;
    }




    /*Submenu*/
    .sub-menu{
        display: none;
    }



    /*Section*/
    .section{
        width: 95%;
        margin: 0 auto;
    }
    .section-content{
        padding: 10px;
        background-color: ;
    }

    .section-row{
       background-color: #d0e0fd;
       padding: 10px 20px;
        margin-bottom: 25px;/*
        border: 1px solid black;*/
        border-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    }
    .section-row:hover{
        background-color: ;
    }
    .section-content-img{
        width: 100%;
        border-radius: 10px;
    }
    .section-content-title{
        font-size: 30px;
        margin-top: 10px;
    }
    .section-content-desc{
        font-size: 15px;
    }
    .lab-details-btn{
        border: 1px solid black;
        background-color: #d0e0fd;
        text-decoration: none;
        transition: 0.2s;
        font-size: 17px;
        padding: 8px 18px;
        margin-top: 20px;
    }
    .lab-details-btn:hover{
        text-decoration: none;
        border: 2px solid black;
        background-color: #77ef7f;
        transition: 0.2s;
        color: black;
    }


    
    .hr-line-s1{
        margin: 0px;
        border-color: #34e03f;
    }


    /*Project Section*/
    .project-section{
        display: none;/**/
        width: 90%;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        background-color: #d0e0fd;
        padding: 20px;
        margin: 20px auto;
    }
    .project-section-title{
        text-align: center;
        font-size: 25px;
        padding: 10px 0px;
        font-family: monospace;
    }
    .project{
        padding: 10px;
        border-radius: 15px;
        background-color: #2e92342f;
        margin: 10px;
    }
    .project-img{
        width: 40%;
        border-radius: 15px;
        border: 3px solid black;
        display: inline-block;
    }
    .project-text{
        width: 40%;
        display: inline-block;
    }
    .project-title{
        font-family: monospace;
        margin-bottom: 5px;
        margin-left : 0px;
        font-size: 25px;
        padding-top: 10px;
    }
    .project-title a{
        text-decoration: none;
    }
    .project-desc{
        font-size: 15px;
        font-family: monospace;
    }
    .project-btn{
        padding-left: 18px;
        padding-right: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 150px;
        background-color: #d0e0fd;
        border: none;
        border-radius: 5px;
        border: 3px solid #77ef7f;
        transition: 0.2s;
        margin-bottom: 10px;

    }
    .project-btn:hover{
        background-color: #77ef7f;
        border: 3px solid #d0e0fd;
    }




    /*Notice Section*/
    .notice-section{
        margin-bottom: 25px;
        margin-top: 18px;
        margin-left: 10px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        
        background-color: #d0e0fd;
    }
    .content-title{
        text-align: center;
        font-size: 25px;
        padding-top: 20px;
    }
    .notice-list{
        list-style-type: disc;
    }
    .notice{
        
        padding: 2px;
    }
    .notice a{
        transition: 0.2s;
        text-decoration: none;
        font-size: 15px;
    }
    .notice a:hover{
        text-decoration: underline;
        font-weight: ;
        transition: 0.2s;
    }
    .notice-all-btn{
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
        background-color: white;
        border: 2px solid #34e03f;
        border-radius: 3px;
        margin-bottom: 10px;
    }
    .notice-all-btn p{
        margin-bottom: 0px;
    }

    /*Student-Login*/
    .student-login{
        padding-bottom: 0px;
        background-color: #d0e0fd;
        margin-top: 15px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    .student-login-title{
        text-align: center;
        font-size: 20px;
        padding-top: 7px;

    }
    .student-login-imgdiv{
        text-align: center;
    }
    .student-login-img{
        width: 30%;
        padding-top: px;
        padding-bottom: px;
    }
    .student-login-field{
        padding: 10px;
        margin-left: 10px;
        font-size: px;
    }
    .roll-label{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .roll-input{
        background-color: transparent;
        border: none;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 3px solid #77ef7f;
    }
    .pass-label{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .pass-input{
        background-color: transparent;
        border: none;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 3px solid #2cf43980;
    }
    .student-login-button{
        text-align: center;
    }
    .login-btn{
        padding-left: 18px;
        padding-right: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: ;
        background-color: white;
        border: none;
        border-radius: 5px;
        border: 3px solid #77ef7f;
        transition: 0.2s;
        margin-bottom: 10px;
    }
    .login-btn:hover{
        background-color: #34e03f;
        transition: 0.2s;
        border-radius: 5px;
        border: 3px solid #fff;
        color: white;
    }

    /*Photo Gallery*/
    .image-gallery{
        
        margin-left: 10px;
        -left: 10px;
        margin: 0;
        padding: 0;
        background-color: #d0e0fd;
        margin-top: 15px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    .image-gallery-title{
        padding-top: 18px;
        font-size:20px;
        text-align: center;
    }
    .gallery-image{
        text-align: center;
    }
    .gallery-img{
        width: 90%;
        margin: 10px;
        border-radius: 8px;
    }
    .gallery-img:hover{
        
    }

    .gallery-view-more-btn{
        padding-left: 18px;
        padding-right: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: ;
        background-color: white;
        border: none;
        border-radius: 5px;
        border: 3px solid #77ef7f;
        transition: 0.2s;
        margin-bottom: 10px;
    }
    .gallery-view-more-btn a:hover{
        text-decoration: none;
        color: white;
    }
    .gallery-view-more-btn a{
        text-decoration: none;
    }
    .gallery-view-more-btn:hover{
        background-color: #34e03f;
        transition: 0.2s;
        border-radius: 5px;
        border: 3px solid #fff;
        color: white;
    }

    /*CI Speech*/
    .ci-title{
        text-align: center;
        font-size:20px;
        padding-top: px;
    }
    .ci-section{
        padding-top: 15px;
        padding-right: 20px;
        margin-right: 0px;
       
        background-color: #d0e0fd;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        
    }

    .ci-image{
        position: absolute;
    }
    .ci-profile-img{
        width: 20%;
        padding: 10px;
    }
    .ci-name{
        font-weight: 500;
        font-size: 20px;
        text-align: right;
    }
    .ci-speech-text{
        font-size: 17px;
        text-align: justify;
        padding: 10px;
        padding-bottom: 20px;
    }
    .inner-hr{
        margin: 10px;
        
    }
    
    .experimental-cf{
        padding: 0px;
    }



    .absolute{
        width: 95%;
        position: absolute;
        top: 5874px;
        left: 12px;
    }

    
    /*Important Links*/
    .i-links{

        height: 100px;
        background-color: #d0e0fd;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        padding-top: 20px;
        padding-bottom: 10px;
        margin-left: -10px;
        height: 360px;
    }
    .links-title{
        text-align: center;
        font-family: 10px;
        margin-bottom: 0px;
    }
    .links-ul
    .links-li{
        border-bottom: 1px solid black;
        transition: 0.1s;
        font-size: 14px;
        padding-top: 1px;
        padding: 10px;
        margin-bottom: 8px;
    }
    .links-li:hover{
        transition: 0.1s;
        background-color: #77ef7f;
        border: 2px solid black;
    }
    .links-ul a{
        margin-left: 10px;
        text-decoration: none;
    }
    .links-ul a:hover{
        text-decoration: none;
    }

    /*map*/
    .map{
        margin-top: 10px;
        background-color: #d0e0fd;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        padding-bottom: 30px;
    }
    .map-image{
        text-align: center;
        padding: 20px;
    }
    .map-img{
        width: 90%;
        opacity: 95%;
        border: 2px solid black;

    }
    .address-p{
        margin-left: 20px;
        margin-bottom: 5px;
    }
    .map-btn{
        position: absolute;
        top: 1170px;
        left: 306px;
        padding: 10px 10px 10px 10px;
        background-color: white;
        border-radius: 5px;
        border: 3px solid #77ef7f;
        transition: 0.2s;
        margin-bottom: 10px;
    }
    .map-btn a:hover{
        text-decoration: none;
        color: white;
    }
    .map-btn a{
        text-decoration: none;
    }
    .map-btn:hover{
        background-color: #34e03f;
        transition: 0.2s;
        border-radius: 5px;
        border: 3px solid #fff;
        color: white;
    }



    /*Contact Section*/
    .contact-us{
        margin-top: 15px;
        background-color: #d0e0fd;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        padding: 10px 10px;
        padding-bottom: 32px;
    }
    .contact-title{
        text-align: center;
        font-size: 25px;
        padding: 10px 0px;
    }
    .contact-links ul{
        padding-left: 0px;
    }
    .c-link{
        list-style: inside;
        transition: 0.2s;
        padding: 12px 10px;
        margin: 14px;
        border: 1px solid black;
        background-color: #d0e0fd;
    }
    .c-link:hover{
        border: 2px solid black;

        transition: 0.2s;
        background-color: #2cf4395f;
    }
    .c-link a{
        font-size: 16px;
        text-decoration: none;
    }
    







    /*Footer*/
    footer{
        background-color: #d0e0fd;
        color: ;
        text-align: center;
        padding: 20px;
        font-family: monospace;
        position:absolute;
        top: 7580px;
    }
    footer p{
        margin: 0px;
        color: black;
    }
    footer p a{
        text-decoration: none;
        color: ;
    }
    footer p a:hover{
        text-decoration: none;
    }
    .hr-line-footer{
        margin-top: 0px;
        margin-bottom: 20px;
    }

}