/*media query start here*/
@media (max-width: 340px){
    .Social_pages{display: none;}
    .logo h2{font-size: 24px !important;}
    .online_btn{right: 55px !important;
    padding: 12px 10px !important;}
    .top_menu ul li a{font-size: 12px !important}
    .infra_div{width: 130px !important;height: 130px !important;}
    .infra_div p{font-size: 11px !important}
}
@media (min-width: 480px) and (max-width: 768px){
    .Circulars .cir_div{margin: 17px 18px;}
}



@media (max-width: 575px){
    
}

@media (max-width: 736px)
{
  
}
@media (max-width: 574px)
{
  

}

@media (max-width: 768px){
    .waterfall .list-group {
        width: calc(50% - 10px);
        margin:5px;
        padding:0px;
    }
    .about_section h1{font-size: 30px;}
    .ab_text {
        margin-top: 10px;
    }
    .ab_text h2{padding-top: 5px;font-size: 18px;padding-bottom: 5px;}
    .about_section .top_head h5{background: #ffcb28;
    z-index: 1;
    padding-right: 10px;
    font-size: 16px;}
    .Mission, .Vision{margin-top: 20px;}
    
    .about_section{padding-bottom: 20px;}
    .facilities, .Events, .Circulars, .infrastructure, .chairperson, .gallery_section, .section_news, .Social_pages{padding-bottom: 20px;padding-top: 20px;}
    .facilities .text-center h5{font-size: 16px;font-weight: 600;}
    .facilities .text-center{min-height: initial;}
    .Circulars .cir_div:before{left: 7px;}
    
    .infra_div{margin: 0;
    margin-top: 30px;
    float: left;
    margin-right: 10px;}
    
    .messages-comma{padding-left: 20px;}
    .messages-comma:before{background-size: 16px;left: 0;top: 3px;}
    .messages-comma:after{background-size: 16px;right: 0px;bottom: -20px;}
    .AboutUs hr{margin: 0px auto;}
    .Social_pages{border-top: 1px solid #cecece;}
    footer{padding-top: 30px;}
    .footer_data h2 {
        font-size: 26px;
        padding-bottom: 0px;
    }
    .footer_data p {
        font-size: 14px;
        padding-right: 0;
    }
    .footer_img{min-height: 300px;margin-bottom: 10px;}
    .fll4 {
        margin-top: 0;
    }
    .fll4 .nav{
        flex-direction: row !important;
    }
    .foot_ul .nav-link{padding-right: 15px;}
    .footer_box {
        padding: 20px;
        margin-top: 0;
    }
    .foot_ul p {
        font-size: 16px;
        line-height: 28px;
    }
    .footBottom{margin-top: 20px;}
    
    
}


@media (min-width: 737px) and (max-width:990px )
{
    .Mission, .Vision{padding: 20px;}
    .Vision{min-height: 401px;}
    .Circulars .cir_div{margin: 17px 10px;}
    .Circulars .cir_div:before{left: 0;}
}


@media (max-width: 991px)
{
    .nav-bg{
        position: initial;
    }
    .navbar-toggler {
        background: #2b2e7f;
        padding: 10px;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 0;
        box-shadow: 1px 1px 3px #cecece;
    }
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }
    .navbar-toggler .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }
    .navbar-toggler .icon-bar + .icon-bar {
        margin-top: 4px;
    }
    .navbar-toggler .icon-bar {
        background-color: #a5cd17;
    }


    .navbar-light .navbar-nav .active>.nav-link:before, .navbar-light .navbar-nav .active>.nav-link:after{
        display: none;
    }
    .navbar-light .navbar-nav .nav-link:hover:before, .navbar-light .navbar-nav .nav-link:hover:after{
        display: none;
    }
    .navbar-light .navbar-nav .nav-item{
        line-height: 15px;
    }    
    .carousel-controlleft i, .carousel-controlright i{
      display: none;
    }

    .top_head{display: none;}
    .logo h2 {
        margin-bottom: 0;
        font-size: 30px;
        padding-left: 4px;
        padding-bottom: 0px;
        padding-top: 0;
    }
    .top_menu ul {
        margin-bottom: 0px;
        margin-top: 8px;
    }
    .top_menu ul li a {
        padding-right: 6px;
        font-size: 14px;
        padding-left: 6px;
    }
    .top_menu ul li:last-child{display: none;}
    .online_btn {
        background: #ffcb28;
        color: #000;
        font-weight: 600 !important;
        position: absolute;
        top: 0;
        right: 60px;
        padding: 12px 10px;
        border-radius: 0;
        text-transform: capitalize;
    }
    .logo img {
        height: 96px;
    }
    .navbar-brand{position: initial;}
    .col-lg-5.text-center.text-sm-left .online_btn{display: block;}
    .Mission h3, .Vision h3{font-size: 26px;}
    .infrastructure{background: linear-gradient(#f7f7f7e8,#f7f7f7e0),url(../images/ab_bg.jpg);background-repeat: no-repeat;}
    .AboutUs h1{font-size: 26px;
    line-height: 35px;}
    .messages-comma:before, .messages-comma:after{background-size: 30px;}
}