@media screen and (min-width: 2500px) {
    .container-fluid {
        max-width: 2200px !important;
    }
    .container{
        max-width: 100% !important;
    }
}

@media (max-width: 1550px) {
    .container {
    max-width: 93% !important;
    }
   a{
    font-size: 16px !important;
   }
 .navbanner-nav li {
    padding: 0px 0px;
}
.keyfeatures .nav-tabs .nav-link {
    padding: 10px 0px;
    font-size: 15px;
}
 .navbanner-nav{
       max-width: 575px;
        bottom: -30px;
        padding: 6px 0px;
}
 .navbanner-nav li a {
    padding: 0px;
}.banner-section-main .banner-content h1 {
    font-size: 42px;
}
.banner-section-main .banner-content p {
    font-size: 16px;
    margin-top: 10px;   
}
.banner-section-main .banner-content {
    max-width: 675px;
}
.boxthreemain-content .col-4.d-flex.align-items-center.px-5 {
    padding: 0px 10px !important;

}
.threebox-main .boxthreemain-content {
    padding: 25px 35px;
}
.threebox-main .boxthreemain-content h4 {
    font-size: 16px;
}
p{
    font-size: 16px;
}
header .btn {
    padding: 6px 20px;
    margin-left: 10px;
    font-size: 16px;
}
header .nav-item a {
    margin-right: 30px;
}
.publication-reportsbox .nav-pills button {
    line-height: 32px;
    font-size: 16px;
}
.rightbox-content p {
    line-height: 24px;
}
.rightbox-content h5{
    font-size: 16px;
}
.rightbox-content img{
    width: 40px;
    height: 40px;
}
.rightbox-content {
    margin-bottom: 10px;
}
.section-space {
    padding: 35px 0;
}
.login-section-main .form-side{
 width: 100%;   
}
.login-section-main .crousel-image {
    width: 100%;
}
.login-section-main h5{
     width: 95%;   
}
.login-section-main .user-type-btn {
     width:46%;
    font-weight: 600;
    font-size: 16px;
}
.login-section-main .user-type-btn img {
    width: 40px;
}
.login-mainbox{
         width: 90%;
                 padding: 20px 30px;
}
.login-container img.mb-3{
        margin-bottom: 0px !important;
}
.login-title {
    font-size: 19px;
}
.login-container p.mb-4 {
    margin-bottom: 8px !important;
}
.login-mainbox .btn-back {
        padding: 12px 78px;
    }

    .login-mainbox .btn-login {
        padding: 12px 125px;
    }
    .login-section-main {
    padding: 65px 0px !important;
}
.top-header-main {
    height: 12px;
}
.registration-section-form  .login-mainbox {
        width: 97%;
    }
    .breadcrumb-container{
            left: 50px;
    }
    .aboutus-section ul li {
    font-size: 18px;
}
.internal-pges p{
        font-size: 18px;
        line-height: 32px;
}
    .title-innerpage p {
        font-size: 16px;
        line-height: 28px;
    }

    .title-innerpage h3{
        font-size: 28px;
         margin-bottom: 5px;

    }
    .aboutus-drivesus .title-inner {
    font-size: 22px;
    margin-bottom: 15px;
}
.aboutus-drivesus .mission-small-box img {
        width: 40px;
        height: 40px;
}.aboutus-drivesus span {
         font-size: 18px;
}
.aboutus-drivesus .mission-small-box {
        margin-bottom: 20px;
}
.aboutus-drivesus .our-vision p {
    font-size: 16px;
    line-height: 28px;
}
.aboutus-drivesus .our-vision {
    padding: 25px;
}
.aboutus-drivesus .imageofdriveus {
    height: auto;
    object-fit: cover;
}
.join-us-container-box h3 {
    font-size: 28px;
}
.join-us-container-box {
    background-color: var(--primary-color);
    padding: 30px;
}
.directors-word-main .director-image {
    width: 380px;
    margin: 0 auto;
}
.director-name h4{
        font-size: 16px;
         margin: 0px;
}
.director-name span{
    font-size: 14px;
}
.director-name-box-main img{
    width: 100px;
    height: 55px;
}
.directors-word-main .director-words p{
    font-size: 16px;
}
.directors-word-main .director-words::before, .directors-word-main .director-words::after{
    width: 50px;
    height: 50px;
}
footer ul li a, footer address {
    font-size: 16px !important;
}
footer .footer-bottom p {
    font-size: 16px;
    line-height: 20px;
}
footer{
    zoom: 0.8;
}
#langModal{
 right: 4% !important;
 top: 28% !important;
 padding: 12px !important;
 }
 #langModal button{
        font-size: 12px !important;
 }
  #langModal select{
    font-size: 13px !important;
  }
  .navbanner-nav ul li a{
    font-size: 12px !important;
  }
}
/* Hide on desktop */

/* Responsive for width ≤ 991px */
@media (max-width: 991px) {
 .mobile-ui-start{
display: none !important;
 }
 .mobile-ui-d-block{
  display: block !important;
}
    .banner-section-main .banner-content h1 {
        font-size: 24px;
    }
        .banner-section-main .banner-content p {
        font-size: 14px;
        line-height: 1.6;
    }
    .learn-morebanner{
         font-size: 12px !important;   
    }
        .section-space {
        padding: 20px 0;
    }
    .threebox-main .boxthreemain-content img {
    width: 50px;
    height: 50px;
}
    .threebox-main .boxthreemain-content h4 {
        font-size: 12px;
    }
    .title-page h2 {
    font-size: 28px;
}
    p {
        font-size: 12px;
        line-height: 1.6;
    }
        .keyfeatures .nav-tabs .nav-link {
        padding: 6px 0px;
        font-size: 10px;
    }
    .key-features-section .tab-content ul li {
    line-height: 14px;
    font-size: 12px;
}
.tab-content-box h4{
     font-size: 16px;   
}
.tab-content-box a {
    padding: 10px 12px;
    font-size: 10px !important;
}
.tab-content-section::after{
 width: 220px;
    height: 220px;   
}
.publication-reportsbox {
     margin-bottom: 20px; 
}
.card-body .value{
     font-size: 22px;   
}
    .publication-reportsbox .nav-pills button {
        line-height: 20px;
        font-size: 14px;
    }
        footer ul li a, footer address {
        font-size: 14px !important;
    }
    footer h5 {
    margin-bottom: 10px;
    font-size: 16px;
}
.partner-logo img {
    width: 140px;
    object-fit: contain;
    height: 50px;
}
    footer .footer-bottom p {
        font-size: 14px;
    }


}



 /* Responsive stacking on smaller screens */
    @media (max-width: 768px) {
        .social-media-section .col-md-8,
        .social-media-section .col-md-4 {
            flex: 0 0 100%;
            max-width: 100%;
        }
    }


        @media (max-width: 599px) {
    .banner-section-main .banner-content h1 {
        font-size: 12px;
    }
               .learn-morebanner {
        font-size: 10px !important;
    }
        .banner-section-main .banner-content p {
        font-size: 10px;
        line-height: 1.6;
       }
       .space-box{
        padding-bottom: 12px;
       }
       .threebox-main .boxthreemain-content {
        padding: 15px 25px;
    }
        .keyfeatures .nav-tabs .nav-link {
        padding: 6px 0px;
        font-size: 8px;
    }
    .tab-content-box{
       padding-bottom: 30px;     
    }
    .title-page h2 {
        font-size: 22px;
        margin: 0px !important;
    }
    .spacegap-footer{
        margin-bottom: 20px;
    }
        footer .footer-bottom p {
        font-size: 12px;
    }
    .rightbox-content p {
        line-height: 20px;
    }
        .banner-section-main .banner-content {
        max-width: 300px;
    }
    .about-us-section p{
        text-align:justify;
    }
        .tab-content-section::after {
        width: 150px;
        height: 150px;
    }
    .space-between{
        justify-content: start !important;
    }
    .menu-toggle svg {
    width: 20px;
    height: 20px;
}
  .custom-tab-divider .nav-item::after {
    height: 22px;
    right: -10px;
  }
  

        }