@media screen and (max-width:1399px) {
    .hero{
        height: auto;
    }
   
    .main_wrapper .hero_content {
        max-width: 80%;
    }
    .main_wrapper .swiper-button-prev{
        top: 47%;
    }

    
}


@media screen and (max-width:1156px) {
    .section_title {
        font-size: 32px;
        line-height: 40px;
    }

    .wrapper .logo {
        width: 170px;
    }
    .hero{
        height: auto;
    }
    .main_wrapper {
        height: 60vh;
    }

    .main_wrapper .hero_content {
        height: 60vh;
    }
    .main_wrapper .hero_content {
        max-width: 80%;
    }
    .main_wrapper .swiper-button-prev{
        right: 80px;
        top: 80%;
    }
    .main_wrapper .swiper-button-next{
        top:80%;
    }
    .hero .grid_row{
        gap: 50px;
    }
    .hero .content h1{
        font-size: 36px;
        line-height: 50px;
    }
    .main_wrapper .hero_content h1{
        font-size: 42px;
        line-height: 50px;
    }

    .why_choose_us .grid_row {
        gap: 25px;
    }

    .why_choose_us .item {
        padding: 25px;
    }

    .contact_page_form_wrapper .grid_row_two {
        gap: 20px;
    }
    .project_page .project_single_grid{
        grid-template-columns: 1fr 1fr;
    }
    .project_page .cover_image{
        height:300px;
    }
}


@media screen and (max-width:991px) {
    

    .header_top .contact_details {
        display: none;
    }

    header .main_btn {
        display: none;
    }

    .main_wrapper .slide-content {
        text-align: center;
        margin-left: 0;
    }
    .hero .grid_row{
        grid-template-columns: 1fr;
    }
    .hero .content{
        text-align: center;
    }
    .hero .content .main-btn{
        margin: 16px auto;
    }

    .slide-content .hero-title {
        font-size: 40px;
        line-height: 48px;
    }

    .why_choose_us .item {
        padding: 10px;
    }
    .why_choose_us .item h6{
        font-size: 18px;
    }
    .clients .item {
        width: calc(100% / 3 - 20px); /* 3 per row */
      }
    .about .grid_row {
        grid-template-columns: 1fr;
    }

    .about .grid_row .image {
        order: 2;
    }

    .contact_page_form_wrapper .grid_row_two {
        grid-template-columns: 1fr;
    }


    .products_page .services .grid_row {
        grid-template-columns: 1fr 1fr;
    }

    .projects_page .grid_row {
        gap: 20px;
    }

    .contact_page .contact_page_form_wrapper .grid_row_two {
        grid-template-columns: 1fr;
    }
    
    
    .project-detail-page .grid_row{
      grid-template-columns: 1fr 1fr;
    }
}


@media screen and (max-width:600px) {
    .section_title {
        font-size: 28px;
        line-height: 36px;
    }

    .main_wrapper {
        height: auto;
    }

    .hero .content .main-btn{
        flex-direction: column;
    }
    .hero .content .main_btn{
        justify-content: center;
    }

    .main_wrapper .hero_content {
        max-width: 100%;
        height: auto;
        padding: 100px 0;
        text-align: center;
    }
    .main_wrapper .swiper-slide.one{
        background-position: left;
    }
    .main_wrapper .swiper-slide.two{
        background-position: left;
    }
    .main_wrapper .swiper-slide.three{
        background-position: left;
    }

    /* .main_wrapper .swiper-slide.one {
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, .5), rgba(0, 0, 0, 0.5)), url(../img/hero/mobile-slider-1.webp);
        background-position: center;
        object-fit: contain;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .main_wrapper .swiper-slide.two {
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, .5), rgba(0, 0, 0, 0.5)), url(../img/hero/mobile-slider-2.webp);
        background-position: center;
        object-fit: contain;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .main_wrapper .swiper-slide.three {
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, .5), rgba(0, 0, 0, 0.5)), url(../img/hero/mobile-slider-3.webp);
        background-position: center;
        object-fit: contain;
        background-size: cover;
        background-repeat: no-repeat;
    } */
    .main_wrapper .swiper-button-prev{
        right: 80px;
        top: 85%;
    }
    .main_wrapper .swiper-button-next{
        top:85%;
    }
    .hero .content h1{
        font-size: 24px;
        line-height: 32px;
    }
    .main_wrapper .hero_content h1 {
        font-size: 24px;
        line-height: 32px;
    }

    .main_wrapper .hero_content p {
        max-width: 100%;
        display: none;
    }

    .slide-content .hero-subtitle {
        max-width: 90%;
        margin: auto;
    }

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

    .image-slider .swiper-slide {
        height: 230px;
    }
    .clients .item {
        width: calc(100% / 2 - 20px); /* 2 per row */
      }

    /* .contact_page_form {
        padding: 0;
    } */

    .contact_page_form .input_row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    footer .footer_container {
        grid-template-columns: 1fr;
        gap: 20px;
    }


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

    .vision_mission .vision .image {
        order: 2;
    }

    .products_page .services .grid_row {
        grid-template-columns: 1fr;
    }

    .projects_page .grid_row {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .contact_page_form_wrapper .contact_details {
        padding: 30px 0px;
    }
    .project-detail-page .grid_row{
      grid-template-columns: 1fr;
    }
    .project_page .project_single_grid{
        grid-template-columns: 1fr;
    }
}