@media (min-width: 1600px) {
    .container {
        max-width: 1400px;
    }

    .navbar-nav .nav-link {
        padding: 0.5rem 1rem !important;
    }
}

@media (max-width: 1024px) {
    .navbar-collapse {
        background-color: rgba(var(--text-light));
        padding: 20px;
        margin-top: 20px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .navbar-nav {
        margin-bottom: 20px;
    }
    .header-section .navbar-collapse {
        background: rgba(var(--primary1), 0.05);
    }

    #sub-tab .nav-link img{display: none;}
}

@media (max-width: 991px) {

    .hero-section .slider .item{aspect-ratio: 1920/ 1000;}
    .btn-contact {
        width: 100%;
    }
 
    .vision-mission:before {
        width: 100%;
        height: auto;
    }

    .vision-mission:after {
        width: 100%;
        height: 50%;
        top: 50%;
    }

    .vision-box {
        padding-right: 0;
    }

    .mission-box {
        padding-left: 0;
        color: rgb(var(--text-light));
    }

    .company-stats .d-flex{
        justify-content: center !important;
        flex-wrap: wrap;
    }
    .company-stats .stat-item{      
        padding: 20px 0;
        width: 30%;
    }
    

    .cust-tabs {
        top: 0;
        position: relative;
    }

   

    .timeline-wrapper::before {
        left: 40px;
    }

    .timeline-year {
        width: 80px;
        height: 80px;
        min-width: 80px;
        font-size: 1.25rem;
    }
    .timeline-content{margin-left: 1rem;}
    .journey .slider:before{
        top: 40px;
    }
    .journey .owl-carousel.style01 .owl-nav button{
        top: 28px;
    }
    .journey .item{margin-top: 0 !important;}
    .journey .owl-item:nth-child(odd) .item .rounded-circle { order: 1; margin-bottom: 1rem;}
    .journey .owl-item:nth-child(odd) .item:nth-child(odd){flex-direction: column-reverse}
    .journey .owl-item:nth-child(odd) .item .content p{border-radius: 0 20px 20px 20px;}
    .journey .item .content-wrapper{height: auto !important;}

    
}



/* Mobile (≤767px) */
@media (max-width: 767.98px) {
    .inner-banner{
        padding: 4rem 0;
    }
    .map iframe {
        position: relative;
        height: 300px;
    }
    .company-stats .d-flex{flex-wrap: wrap;
        justify-content: center !important;
    }
    .company-stats .stat-item{padding: 1rem; border:1px solid rgb(var(--text-light));
        width: calc(50% - 1rem); margin: 0.5rem;
    }
    .company-stats .stat-item:last-child{border:1px solid rgb(var(--text-light));}

    #sub-tab .nav-link{font-size: 15px !important;}
    #sub-tab .nav-link img{display: none;}

    .tab-content .customNav4{right: 0.5rem; bottom: 0.5rem;}
    .owl-carousel.style01 .owl-nav button:before{width: 15px; height: 15px;}
    .tab-content .customNav4 button{width: 35px !important; height: 35px !important;}
    
}

/* Extra Small Devices */
@media (max-width: 575.98px) {
    .header-section .navbar {
        padding: 0.5rem 0;
    }

    .header-section .navbar-nav {
        margin-right: 0 !important;
    }

    .navbar-brand {
        padding: 0;
        position: inherit;
        top: 0;
    }

    .hero-section .slider .item {
        aspect-ratio: 4/3;
    }

    .hero-worker-img {
        display: none;
    }

    .services-category {
        margin-top: 1rem;
    }

    .service-item-card:hover .service-item-content {
        height: auto;
    }

    .about-section .state-box-1 {
        background: url('../images/at-glance-pic.webp') left top / cover no-repeat;
        padding: 1.5rem;
    }

    .about-section .state-box-1:before {
        content: '';
        position: absolute;
        inset: 0;
        background-image: linear-gradient(rgba(12, 59, 130, 0.4), rgba(12, 59, 130, 0.85));
    }

    .about-section .state-box-1 .img-box {
        display: none;
    }

    .about-section .stats-box .stat-subtext {
        margin-top: 0rem;
    }

    .about-section .stats-box {
        position: inherit;
        left: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .about-section .stats-box-right {
        width: 100%;
    }

    .about-section .stats-box-right:before {
        display: none;
    }

    .about-section p {
        max-width: 100%;
    }

    .about-section .awards-section {
        margin-top: 1rem;
        padding-right: calc(var(--padding)/1.5);
    }

    .service-item-card .service-item-content {
        height: auto;
    }

    .service-item-card .service-item-content .text {
        opacity: 1;
    }

    .midstream-slider.owl-carousel .owl-item img {
        aspect-ratio: 16/9;
        object-fit: cover;
    }

    .infrastructure-section {
        padding-bottom: 0;
    }

    .infrastructure-section .infra-content-box {
        position: inherit;
        bottom: 0;
        width: 90%;
        margin: -20% auto var(--padding);
    }

    .join-box {
        padding: 1rem;
    }
 
   
    .timeline-year {
        margin-bottom: 1rem;
    }


    .timeline-content::before {
        display: none;
    }
}