/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 300px) and (max-width:480px) {
    #ftco-navbar .wrap {
        background: darkcyan;
        padding: 10px 0 10px 0px;
    }
    #ftco-navbar2 .row {
        background: darkcyan;
        padding: 10px 0 1px 0px;
        align-items: center;
    }
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    .screen-reader-mobile-view {display:none;}
    .navbar-brand {
        gap: 0px;
    }
    .col-lg-7,.col-md-7,.col-sm-7 {width:80%}
    .col-lg-1, .col-md-1, .col-sm-4 {width:20%}
    .name-title {width:100%}
    #ftco-navbar .row {align-items: center;}
    #ftco-navbar {display:none}
    #ftco-navbar2 {background-color: #008b8b;padding: 14px;}
    #ftco-navbar2 .mobile-logo-div {display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;}
    #ftco-navbar2 .wrap {width:100%;}
    .slider-right {padding:1rem;margin-top: 1rem;}
    .bulletin-img {
    aspect-ratio: 1/2;
    flex-grow: 1;
    height: 50px;}
    .button-new {color: #224d8a;
        margin-top: 2rem;
    }
    .wrap{
        display: flex;
        align-items: center;
        padding: 0 10px;
    }
    .name-title h4{
        font-size: .8rem!important;
    }
    .name-title p{
        font-size: .7rem!important;
    }
    .screen-reader-position {position: unset;}
    .screen-reader {text-align: center;
        justify-content: center;padding-bottom: .6rem;}
    .email {margin-top:0;align-items: baseline;}
    .email-icon {justify-content:start;align-items:unset;}
    .email-icon div {display: flex;
        gap: 5px;
        flex-wrap: wrap;width: 70%;justify-content:flex-start;}
    /* .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    } */
    .card__body {border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;min-height: 50px;}
    .hero-wrap-inner-page {
        /* height: 150px; */
        background-position: top center;
        padding-top:0!important;
        padding-bottom: 8rem !important;
    }
    .faculty-profile-div .profile-card {
        width: 100%!important;
    }
    .faculty-profile-div .card__name {
        font-size: 14px!important;
    }
    .faculty-profile-div .card__profession {
        font-size: 12px!important;
    }
    .dept-sidebar{margin-top: 1.5rem;}
    .heading-section ul li {font-size: 12px;}
    .faculty-details-img-hide {display:none;}
    .faculty-details-profile-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
    }
    .faculty-details-profile-mobile img {max-width: 5rem;margin: 0 auto;display: block;}
    .heading-section .table .table-bordered p {font-size: 10px!important;}
    #blog-section .heading-section ol li {
        font-size: 12px;
    }
    #chat-container {
        max-width: 346px;
    }
    .navbar-collapse {margin-top: 1.8rem;}
    
}
@media (max-width: 768px) {
    .hero-wrap-inner-page {
        background-position: top center;
        /* height: 150px; */
        padding-top:0!important;
        padding-bottom: 8rem !important;
    }
    body {overflow-x:hidden!important;}
    html{overflow-x:hidden!important;}
    .table th, .table td {font-size: 10px;}
    p {font-size: 12px !important;}
    .faculty-profile-div .profile-card {
        width: calc(50% - 10px)!important;
    }
}

/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 480px) and (max-width:600px) {
    #ftco-navbar .wrap {
        background: darkcyan;
        padding: 10px 0 10px 14px;
    }
    .screen-reader-mobile-view {display:none;}
    .navbar-brand {
        gap: 0px;
    }
    /* .col-lg-3{width:30%} */
    .col-lg-10,.col-md-10,.col-sm-10 {width:80%}
    .col-lg-7,.col-md-7,.col-sm-7 {width:80%}
    .col-lg-1, .col-md-1, .col-sm-4 {width:20%}
    .col-lg-2, .col-md-2, .col-sm-2 {width:20%}
    .name-title {width:100%}
    #ftco-navbar .row {align-items: center;}
    #ftco-navbar {display:none}
    #ftco-navbar2 {background-color: #008b8b;padding: 14px;}
    #ftco-navbar2 .mobile-logo-div {display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;}
    #ftco-navbar2 .wrap {width:100%;}
    .slider-right {padding:1rem;}
    .bulletin-img {
        aspect-ratio: 1/2;
        flex-grow: 1;
        height: 50px;}
    .button-new {color: #224d8a;margin-top: 2rem;}
    .wrap{
        display: flex;
        align-items: center;
        padding: 0 10px;
    }
    .name-title h4{
        font-size: .8rem!important;
    }
    .name-title p{
        font-size: .7rem!important;
    }
    .screen-reader-position {position: unset;}
    .screen-reader {text-align: center;
        justify-content: center;padding-bottom: .6rem;}
    .email {margin-top:0;}
    .email-icon {justify-content: center;}
    .email-icon div {display: flex;
        gap: 5px;
        flex-wrap: wrap;width: 70%;justify-content: flex-start;}
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        }
}

/* TABLETS PORTRAIT */
@media only screen and (min-width: 600px) and (max-width:1023px) {
    #ftco-navbar .row {align-items: center;}
    #ftco-navbar {display:none;}
    #ftco-navbar2 {background-color: #008b8b;padding: 14px;}
    #ftco-navbar2 .mobile-logo-div {display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;}
    #ftco-navbar2 .wrap {width:100%;}
    .bulletin-img {
        aspect-ratio: 1/2;
        flex-grow: 1;
        height: 50px;
    }
    .slider-right {padding:1rem;}
    /* #ftco-navbar2 {display:none;} */
    .wrap{
        display: flex;
        align-items: center;
        padding: 0 10px;
    }
    .name-title h4{
        font-size: 1rem!important;
    }
    .name-title p{
        font-size: .9rem!important;
    }
    .screen-reader-position {position: unset;}
    .screen-reader {text-align: center;
        justify-content: center;padding-bottom: .6rem;}
    .email {margin-top:0;}
    .email-icon {justify-content: center;}
    .email-icon div {display: flex;
        gap: 5px;
        flex-wrap: wrap;width: 70%;justify-content: center;}
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        }

}
@media only screen and (min-width: 768px) and (max-width:1023px) {
    .main-slider .item {
        padding-bottom: 25.4rem!important;
    }
    .director-msg-title {font-size: .8rem;}
    .director-msg-title {padding:0;}
    .whats_new {padding-top:0!important;}
    .slider-right {
        padding: 4rem 1rem 1rem 1rem;
    }
}


/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1024px) {
    #ftco-navbar2 {display:none;}
    .whats_new {padding-top:0!important;}
    .container {
        padding-right: 7.5rem!important;
        padding-left: 7.5rem!important;}
    .container-xl{padding-right: 7.5rem!important;
        padding-left: 7.5rem!important;}
    .navbar-nav {width: 86%;}
    .search-div{width:20%;}

} 
@media (min-width: 1025px){
    .faculty-details-profile-mobile {display:none;width:100%;}
}
@media only screen and (min-width: 1024px) and (max-width:1213px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: .9rem;}
}
@media only screen and (min-width:1213px)  {
    .main-slider .item {padding-bottom:44.25%;}
    .slider-right {padding-top: 7rem;}
}
@media (min-width: 769px) and (max-width: 1200px) {
    .hero-wrap-inner-page {
        height: 200px; 
    }
}
@media (min-width: 1201px) {
    .hero-wrap-inner-page {
        /* height: 250px; */
        /*background-position: center;*/
        /* background-position: center 70%; */
        background-position: top center;
        padding-top: 12rem;
        padding-bottom: 8rem;
    }
}
@media (max-width: 1480px) {
    .hero-wrap-inner-page {
        background-size:cover;
        /*background-position:center;*/
        background-position: top center;
    }
}
@media (min-width: 1481px) {
    .six_direct_links h2::after, .six_direct_links h2::before {
        top: 42px;
    }
    /*.hero-wrap-inner-page {
        background-size:100%;
        background-position: center 50%;
    }*/
    .hero-wrap-inner-page {
        background-size: cover;
        /* background-position: 100% 60%;
        height: 28rem!important;
        max-height: 28rem!important */
        background-position: top center;
        padding-top: 12rem;
        padding-bottom: 16rem!important;
    }

}