@media screen and (max-width: 1200px) {
    .container {
        padding: 0px 40px;
    }
    .footer-in .footer-logo {
        width: 250px;
    }
    .cs-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 991px) {
    .container {
        padding: 0px 20px;
    }
    .home-banner-text {
        left: 20px;
    }
    .spacer {
        height: 80px;
    }
    .contact-us-in {
        grid-template-columns: 1fr;
        gap: 50px
    }
    .form-outer-wrap {
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .container {
        padding: 0px 15px
    }
    .desktop-nav,
    .desktop-cta {
        display: none;
    }
    .hamburger {
        display: flex;
    }
    .mobile-menu {
        display: block;
    }
    .footer-in {
        grid-template-columns: 2fr;
    }
    header .logo {
        width: 65px;
    }
    .home-banner-text {
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
    }
    .home-banner-text h1 {
        font-size: 42px;
    }
    .home-banner-text {
        text-align: center;
    }
    .home-banner-img {
        height: 100vh;
    }
    .home-banner .get-in-touch-cta {
        margin: 0 auto;
        margin-top: 30px;
    }
    .footer-in .footer-logo {
        width: 150px;
        /* margin: 0 auto; */
        margin-bottom: 30px;
    }
    .footer-in .right {
        align-items: start;
    }
    .footer-in .right p {
        text-align: left;
        font-size: 12px;
    }
    .footer-in .right a {
        font-size: 12px;
    }
    .footer-in {
        padding: 30px 0px;
    }
    .footer-in .right ul {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .footer-copy-reserve {
        grid-template-columns: 1fr;
        gap: 10px;
        text-align: center;
    }
    .footer-copy-reserve>div {
        justify-content: center !important;
    }
    .client-logo-item img {
        max-width: 120px;
        max-height: 55px;
    }
    .our-client .heading p {
        font-size: 14px;
    }
    .why-us-in {
        grid-template-columns: 1fr;
    }
    .why-us-in .right {
        order: -1;
        aspect-ratio: 1/1;
    }
    .spacer {
        height: 65px;
    }
    .services-grid {
        grid-template-columns: 1fr;
    }
    .why-us .heading {
        justify-content: center;
    }
    .our-services .heading {
        align-items: center;
        text-align: center;
    }
    .our-client .heading {
        justify-content: center;
    }
    .our-fleet-in .heading {
        align-items: center;
    }
    .about-banner {
        height: 100vh;
    }
    .about-banner-in h1 {
        font-size: 42px;
    }
    .about-banner-tag {
        font-size: 10px;
    }
    .cs-grid {
        grid-template-columns: 1fr;
    }
    .about-banner-in .get-in-touch {
        display: block;
    }
    .get-in-touch-cta {
        display: block;
    }
    .company-strength .heading {
        align-items: center;
        text-align: center;
    }
    .journey-in {
        grid-template-columns: 1fr;
    }
    .journey-in .right {
        order: -1;
    }
    .service-card {
        padding: 24px 20px;
    }
    .form-wrapper {
        padding: 40px 20px;
    }
    .form-outer-wrap h3 {
        font-size: 42px !important;
    }
    .contact-us-in .left h1 {
        font-size: 58px;
    }
    .contact-us-in .left .heading {
        margin-bottom: 30px;
    }
    .contact-us-in .left .heading p {
        font-size: 14px;
    }
    .contact-us-in .left>div p:not(.head),
    .contact-us-in .left>div a {
        font-size: 14px !important;
    }
    .contact-us {
        padding-top: 50px;
    }
    .career-page {
        padding-top: 100px;
    }
    .career-page h2 {
        font-size: 58px;
    }
    .no-vacancy-card {
        padding: 20px;
    }
    .no-vacancy-card p {
        font-size: 14px;
    }
}