/* @media screen and (min-width:1200px) {
    .container {
        max-width: 1380px !important;
    }
} */




@media screen and (max-width:1399px) {
    header .wrapper.container {
        max-width: 1230px;
    }
    .header_top .container{
        max-width: 1230px;
    }

    .wrapper .logo {
        width: 120px;
    }
    /* .service_detail_page .col-lg-10{
        width: 95%;
    } */

    .nav-links li a{
        font-size: 14px;
    }
    .about_page_wrapper .grid_row{
        gap: 24px;
    }
    .about_page_wrapper .grid_row .right{
        gap: 20px;
    }
    footer .footer_link_details .container{
        grid-template-columns: repeat(4,1fr);
    }
    .footer_desc{
        font-size: 14px;
        max-width: 90%;
    }
    .contact_info .grid_row .item br{
        display: none;
    }

    .contact_info .grid_row{
        gap: 32px;
    }

    .facility-card{
        padding: 16px 8px;
    }
    
    .service_detail_page .content h2{
        margin-bottom: 8px;
    }
    
    
}

@media screen and (max-width:1199px) {
    .wrapper .logo {
        width: 150px;
    }
    /* .main-btn,
    .border-btn{
        padding: 2px 5px;
        font-size: 12px;
    } */
    .nav-links li a{
        padding: 9px 6px;
    }
    .about_page_wrapper .grid_row{
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .about_page_image .main-img{
        width: 700px;
    }
    .vision_mission .vision, .vision_mission .mission{
        padding: 50px;
    }
    .strategic .grid_row{
        gap: 24px;
    }
    .strategic .image{
        height: 400px;
    }
    footer .footer_link_details .container{
        grid-template-columns: 1fr 1fr;
    }
    .footer_logo{
        max-width: 180px;
    }

    header .main-btn{
        display: none;
    }
    .header_top .container,
    header .wrapper.container{
        max-width: 960px;
    }
    .about_page_image .main-img{
        width: 620px;
    }
    .about_page_image{
        margin: 40px auto;
    }
    .timeline ol li:last-child{
        width: 480px;
    }
    .vision_mission .vision, .vision_mission .mission{
        padding: 30px;
    }

    .projects-grid{
        gap: 24px;
    }
    .contact_info .grid_row .item{
        padding: 16px;
    }
    .contact_us .grid_row{
        grid-template-columns: 1fr;
    }
    .contact_us .map{
        order: 2;
    }


    .service_detail_page .list_row{
        margin-top: 24px;
    }
    .service_detail_page .images img{
        height: 200px;
    }

    .facility_grid{
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }   
    .facility_grid::before{
        display: none;
    }
    .ev-charging .facility_grid .facility-card{
        padding: 16px;
    }
    header .main-btn{
        display: block;
    }
    .top-item{
        /* display: none; */
        margin-top: -16px;
        flex-direction: column;
        gap: 8px;
        justify-content: start;
    }
    .navbar-expand-lg .navbar-nav{
        gap: 16px;
    }
    .tp-caption .main_heading{
        margin-bottom: 0;
        font-size: 50px;
        padding-left: 60px;
    }
    .tp-caption .text{
        margin-top: 0;
        padding-left: 60px;
    }
    .second-sec p{
        max-width: 80%;
    }

    .cta-box{
        grid-template-columns: 1.5fr 1fr;
    }
    .cta-content h2{
        font-weight: 700;
        margin-bottom: 8px;
    }

    .about_sec2 .facility_grid{
        gap: 20px;
    }
    .about_sec2 .facility-card p{
        font-size: 14px;
    }

    .project-overlay h3{
        font-size: 18px;
        margin-bottom: 8px;
    }
    .project-overlay p{
        font-size: 14px;
    }
    
}

@media screen and (max-width:991px) {
    .header_top .email-phone{
        display: block;
    }
    header .main-btn{
        background-color: #fff;
        color: var(--primary-color) !important;
    }
    header .top-item{
        display: block !important;
    }
    .nav-links li a{
        padding: 6px;
        font-size: 16px;
    }
    

    .about_page_wrapper .grid_row .right{
        grid-template-columns: 1fr;
        gap: 0;
    }
    .about_page_image .main-img{
        width: 400px;
        height: 400px;
    }
    .about_page_image .second-img{
        width: 400px;
        margin-left: -100px;
    }
    .vision_mission .grid_row{
        grid-template-columns: 1fr;
        gap: 0;
    }
    .vision_mission .vision, .vision_mission .mission{
        padding: 50px;
    }
    .strategic .grid_row{
        grid-template-columns: 1fr;
    }
    .contact_info .grid_row{
        grid-template-columns: 1fr 1fr;
    }
    .contact_info .icon_div{
        margin-bottom: 8px;
    }

    .ev-charging .facility_grid{
        grid-template-columns: 1fr 1fr;
    }


    .second-sec .main_heading{
        font-size: 36px;
    }
    .second-sec p{
        max-width: 100%;
    }

    .tp-caption .main_heading{
        margin-bottom: 0;
        font-size: 40px;
        padding-left: 60px;
    }
    .tp-caption .text{
        margin-top: 0;
        padding-left: 60px;
        font-size: 16px;
    }
    .mobile-block{
        display: block;
        margin-top: 20px;
    }

    .ev-charging .grid_row_two{
        grid-template-columns: 1fr 1fr;
    }
    .ev-charging .grid_row_two .facility-card{
        padding: 16px;
    }

    .cta-content h2{
        font-size: 28px;
    }

    .business-section .grid_row{
        grid-template-columns: 1fr;
    }

    .about_sec2 .facility_grid{
        grid-template-columns: 1fr 1fr;
    }
    .header_contact{
        display: block;
    }
    .side-menu .inner-wrapper{
        padding: 20px;
    }
}


@media screen and (max-width:600px) {
    .header_top .top_menu.cart-order {
        display: flex;
    }

    /* .header_top .email-phone,
    .header_top .top_menu {
        display: none;
    } */
/* 
    header .main-btn,
    header .border-btn {
        display: none;
    } */

    .main_heading{
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 0;
    }


    .about_page_image{
        flex-direction: column;
        margin: 0;
    }
    .about_page_image .second-img{
        margin-left: 0;
    }
    .about_page_image .main-img{
        width: 100%;
        height: 100%;
    }
    .vision_mission .vision, .vision_mission .mission{
        padding: 30px;
        flex-direction: column;
        gap: 8px;
    }
    .vision_mission .vision p, .vision_mission .mission p{
        margin-bottom: 0;
    }
    footer .footer_link_details .container{
        grid-template-columns: 1fr;
    }
    .strategic li{
        font-size: 14px;
    }

    .fw-bold{
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        margin-bottom: 0;
    }
     .col-lg-6,
     .col-lg-5,
     .col-lg-7{
        margin-top: 20px;
    }

    .contact_info .grid_row{
        grid-template-columns: 1fr;
    }
    .contact_us .input_row{
        grid-template-columns: 1fr;
        gap: 0;
    }


    .service_detail_page .main_image{
        height: 100%;
    }
    .service_detail_page .list_row{
        grid-template-columns: 1fr;
    }
    .service_detail_page .images{
        grid-template-columns: 1fr;
    }


    .service_detail_page .content h2{
        font-size: 24px;
        line-height: 32px;
    }
    .facility_grid{
        grid-template-columns: 1fr;
    }
    .ev-charging .grid_row_two{
        grid-template-columns: 1fr;
    }
    .page_banner .banner-content{
        text-align: center;
    }
    .page_banner .banner-content h2{
        font-size: 20px;
    }

    .ev-charging .facility_grid{
        grid-template-columns: 1fr;
    }


    .tp-caption .main_heading{
        margin-bottom: 16px;
        font-size: 28px;
        padding-left: 0px;
    }
    .tp-caption .text{
        margin-top: 0;
        padding-left: 0px;
        font-size: 14px;
    }

    .mobile-block{
        margin-top: 5px;
    }
    .second-sec .main_heading{
        font-size: 20px;
        line-height: 28px;
    }

    .vertical-timeline{
        padding: 40px 10px 0px;
        
    }
    #timeline div.year div ul li{
        margin-top: 5px;
    }

    .product_overview{
        grid-template-columns: 1fr;
    }
    .cta-box{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .cta-content h2{
        font-size: 24px;
        font-weight: 500;
    }
    .cta-box .main-btn{
        text-align: center;
        width: fit-content;
        margin: auto;
    }

    .business-section .block ul li i{
        margin-top: 3px;
    }

    .about_sec2 .facility_grid{
        grid-template-columns: 1fr ;
    }

    .sus-sec .main_heading{
        margin-bottom: 0px;
    }
    .projects_caption{
        height:100px;
        display:flex;
        align-items:center;
    }

}