@media screen and (max-width:1300px) {
        .main-menu>ul>li {
            margin: 0 3px !important;
        }
}
@media screen and (max-width:1200px) {
    .d-none-sms{
        display: block;
    }
    img.abtimg-1{
        width: 100% !important;
    }
    img.abtimg-2{
         width: 100% !important;
    }
     .about-sub-menu ul{
        flex-wrap: wrap;
        gap:5px;
        justify-content: flex-start;
    }
    .about-sub-menu ul li{
        width: 32%;
    }
    .mobile-logo a img{
        width: 80px;
    }
    .about-sub-menu ul li a{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width:991px) {
     .hero-style1{
        padding: 0px !important;
    }
    .hero-inner{
        padding: 30px 0 !important;
    }
    .flex-lg-col-reverse{
        flex-direction: column-reverse;
    }
    .d-profile-content{
        padding: 0 !important;
    }
    .team-widget-box-cs{
        flex-direction: column;
    }
    .team-widget-box-cs-content{
        padding: 10px 0 !important;
    }
    .about-sub-menu ul li{
        width: 49%;
    }
   
}

@media screen and (max-width:768px) {
    .home-whats-new-sections{
        width: 97%;
    }
    ul.header-right-wrap{
        display: none;
    }
    .top-social-icons ul li:first-child{
        border-left: unset !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    .header-logo-cs img{
        max-width: 60px !important;
        width: 60px !important;
    }
    .header-layout1 .th-menu-toggle{
        margin-right: 0 !important;
    }
    .hero-text-wrap h1{
        font-size: 32px;
    }
    .hero-text-wrap h3{
        font-size:18px ;
        line-height: 28px;
    }
    img.abtimg-1{
        height: 350px !important;
    }
    .home-about-left .img1,
    .home-about-left .img2 {
        width: 100%;
    }

    img.abtimg-3{
        width: 100% !important;
    }
    .about-wrap1 .col-xl-6{
        margin-top:20px !important;
    }
    .Publications-btn{
        padding-top: 15px !important;
    }
    .community-wrap{
        padding: 25px !important;
    }
    .sub-title::before{
        display: none;
       
    }
    .sub-title{
 padding-left: 0 !important;
    }
    .footer-widget, .footer-widget .widget{
        padding-left: 0 !important;
    }
    .footer-widget .widget_title {
        margin-bottom: 15px !important;
    }
    .footer-widget {
        margin-bottom: 35px !important;
    }
     .about-sub-menu ul li{
        width: 49%;
    }
    .about-sub-menu{
        border-radius: 10px;
    }
    .main-about-img img{
        height: 350px !important;
    }
    .main-about-content{
        padding-left: 0 !important;
        padding-top: 15px !important;
    }
    .pages-baner h1{
        font-size: 28px !important;
    }
    .research-slide-img{
        height: 480px;
    }
    .research-slide-overlay{
        padding: 10px;
    }
    .section-paragraph h4{
        line-height: 25px;
    }
    .facilities-support-list ul li{
        width: 100%;
    }
    .event-card-img{
        width: 100%;
    }
    .research-focus-area .why-titlebox{
        align-items: flex-start;
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    max-width: 100%;
    }
    .research-focus-area .why-titlebox h3,.research-focus-area .box-text-wrap p{
        text-align: left;
    }
    .research-focus-area .why-titlebox span{
        line-height: normal;
    }
    .why-card{
        width: 100%;
        max-width: 100%;
    }
    .why-content .box-text-wrap{
        max-width: 100%;
    }
    .news-widget-box .professor-img, .news-widget-box .professor-content{
        width: 100%;
    }
    .news-widget-box .professor-content{
        margin-top: 0 !important;
    }
    .news-widget-box .professor-content p{
        text-align: left;
    }

}

@media screen and (max-width:567px) {
    .menu-area .th-container2{
        padding: 5px 5px !important;
    }
    .hero-inner .th-container2 .col-xxl-9{
        margin-top: 0;
    }
    .hero-inner{
        height: fit-content !important;
        padding: 100px 0 !important;
    }
    .hero-text-wrap h1{
        font-size: 28px;
    }
    .btn-wrap a{
        width: 100%;
    }
    .fac-box-content{
        padding-top:15px !important ;
    }
    .facilities-slide-img img,.publications-slide-img img{
        height: 300px !important;
        border-radius: 10px !important;
    }
    .event-card-widget{
        padding: 0;
    }
    .event-img-top img{
        height: 300px;
    }
     .about-sub-menu ul li{
        width:100%;
    }
    .about-text-home h2{
        font-size: 25px;
    }
    img.abtimg-main-1{
        width: 100% !important;
        height: 350px !important;
    }
    .home-about-left-2 .img1,.home-about-left-2 .img2{
        width: 100%;
    }
    .home-about-left-2 img{
        width: 100% !important;
    }
    .main-about-content h3 {
        font-size: 24px;
        margin-bottom: 5px;
    }
.research-img-top img{
    height: 300px !important;
}
.main-about-img img{
    border-radius: 10px;
}
.facilities-left-img img{
    height: 350px;
}
.publication-img-top img{
    height: 300px;
}
.title-area .sec-title{
    font-size: 26px;
}
.contact-feature .media-body h3{
    text-align: left;
}
.contact-feature .media-body p{
    text-align: left;
    font-size: 15px;
}
.contact-feature{
          padding: 14px !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
}
.contact-form-v1 form{
    padding:25px;
}
.title-area-section h2{
    font-size: 28px !important;
}
.section-paragraph p{
    margin-top: 5px !important;
}
.section-padding {
    padding: 30px 0;
}
.section-top-baner h3{
    font-size: 30px;
}
.cms-container{
    padding: 15px;
}
.activities-top-widgets h3{
    font-weight: 500;
    font-size: 18px;
}
.about-sec-pd{
    padding-top: 80px;
}
.about-sub-menu{
    padding: 10px 0;
    padding-top: 20px;
}
}