@media screen and (max-width:1400px) {


    .chooseMainImg {
        height: 632px;
    }
}

@media screen and (max-width:1200px) {
    .booking_chat {
        height: 165px;
    }

    .inner_bnr {
        height: auto;
    }
}


@media screen and (max-width:992px) {

    html {
        overflow-x: hidden !important;
    }

    .reverseDirection {
        display: flex;
        flex-direction: column-reverse;
    }

    .chooseMainImg {
        height: auto;
        margin-top: 1rem;
    }

    .rightStrip {
        width: 60%;
    }

    .aboutUsIntroduction img,
    .visionSec img {
        margin-top: 1rem;
    }

    .core {
        padding-bottom: 3rem;
    }

    .mechanicals_2_Sec .imageBoxShadow {
        height: auto;
    }

    .mechanicals_2_Sec .paddingLeft {
        padding-left: 0 !important;
    }

    .blueBackground p {
        display: none;
    }

    .mechanoicalPagesec img {
        height: auto;
    }

    .pro_imge li {
        width: 47%;
    }

    .image-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .image-grid img {

        width: 24%;

    }
}


@media screen and (max-width:767px) {

    .rightStrip {
        display: none;
    }

    h1,
    h2 {
        font-size: 28px !important;
    }

    .wel_txt {
        padding: 0;
    }

    .booking_chat {
        height: auto;
    }

    .footer_logo {
        text-align: center;
    }

    .pro_imge li {
        width: 97%;
    }


    .booking_chat {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .chat_cont {
        text-align: center;
    }

    .image-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .image-grid img {
        width: 100%;
    }

    .image-grid img {

        width: 48%;
        
      }

    .inner_bnr img {
        height: 250px;
        object-fit: cover;
    }

    .banner_txt {
        bottom: 30%;
    }
}

@media screen and (max-width:600px) {
    .topStrip {
        display: none;
    }

    .mec_head {
        font-size: 28px !important;
    }

    .image-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .image-grid img {

        width: 100%;
        
      }

    .contactInformation {
        height: auto !important;
    }

    .inner_bnr img {
        height: 200px;
        object-fit: cover;
    }
}