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

    /* general style */
    body {
        font-size: 15px;
    }

    /* .container {
        margin: 0px 15px;
    } */

    .heading {
        font-size: 38px;
        text-align: center;
    }

    .bread-crumb-section {
        height: 130px;
    }

    /* navigation bar */
    .navigation-section {
        margin-top: 0px;
    }

    .navigation-section .navigation-wrap {
        margin: 0;
        border-radius: 0;
        z-index: 999;
    }

    .navigation-section .icon-container {
        width: 50px;
    }

    .navigation-section .navigation-wrap {
        position: relative;
    }

    .response-trigger {
        display: flex;
        align-items: center;
    }

    .response-trigger .trigger-btn {
        background-color: transparent;
        color: #000;
        font-size: 20px;
        border: none;
        padding: 0px 0px 0px 10px;
        z-index: 4;
    }

    .navigation-section .each-link.quote-btn {
        display: none;
    }

    .side-nav {
        position: absolute;
        background-color: #00000068;
        display: block;
        z-index: 999;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        justify-content: end;
        height: 100dvh;
        width: 0px;
    }

    .side-nav.show {
        width: 100%;
    }

    .side-nav nav {
        background-color: #fff;
        display: block;
        height: 100%;
        width: 80%;
        /* keep fixed width */
        max-width: 320px;
        /* optional limit */
        padding-top: 75px;
        position: fixed;
        /* so it slides over content */
        left: 0;
        top: 0;
        transform: translateX(-100%);
        transition: transform 0.4s ease;
    }

    .side-nav.show nav {
        transform: translateX(0);
    }

    .side-nav nav .each-link {
        padding: 10px;
        border-bottom: 1px solid #000;
    }

    /* bread crumb */

    /* Hero Section */
    .hero-section {
        margin-bottom: 20px;
    }

    .hero-section h2 {
        font-size: 38px;
    }

    .cleaning-equip {
        display: block;
        width: 100%;
        margin-top: -16%;
    }

    .cleaning-equip span {
        margin-left: 0px;
        display: block;
        text-align: center;
        width: 100%;
        margin-top: 0%;
    }

    /* service section */
    .services-swiper {
        padding: 0px 0px 30px 0px;
    }

    /* why choose us */
    .why-choose-us-section {
        overflow-x: hidden;
    }

    .why-choose-us-section .container .content-side {
        width: 100%;
    }

    .why-choose-us-section .container .img-side {
        width: 100%;
    }

    /* footer */
    .footer-section {
        margin-top: 60px;
    }

    .footer-section footer .footer-links .each-section:nth-child(1) {
        grid-column: span 12;
    }

    .footer-section footer .footer-links .each-section {
        grid-column: span 12;
        margin-bottom: 20px;
    }

    .footer-section .estimate-section {
        top: -100px;
    }

    .footer-section .estimate-section .icon-container {
        display: none;
    }

    .footer-section .estimate-section p {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .footer-section footer .footer-links {
        padding-top: 140px;
    }

    /* pop up forms */
    .pop-up-from-wrap {
        padding: 0px 15px;
    }

    .pop-up-from-wrap .form-container {
        width: 100%;
    }

    .pop-up-from-wrap .form-container textarea,
    .pop-up-from-wrap .form-container input[type="file"] {
        grid-column: unset;
    }

    .pop-up-from-wrap .form-container .fields-wrap {
        grid-template-columns: 1fr;
    }

    /* ==============================================
    About Us Page
    =============================================*/
    .who-we-are {
        text-align: center;
    }

    /* ===============
    Our Services page
    =================*/
    .service-list-section .service-list-wrap .each-service {
        flex: unset;
        max-width: unset;
    }

    /* ===============
    Contact us page
    =================*/
    .form-contact-details-section .form-details-wrap .content-side {
        text-align: center;
    }

    .form-details-wrap .form-side .form-wrap form {
        grid-template-columns: 1fr;
    }

    /* Adjust the full-width items */
    .form-details-wrap .form-side form textarea,
    .form-details-wrap .form-side form [name="Subject"],
    .form-details-wrap .form-side form button {
        grid-column: 1;
        /* Reset to single column */
    }

    /* ===============
    Career page
    =================*/
    .job-lis-container {
        grid-template-columns: 1fr;
    }


}

/* Add media query for mobile devices */
@media screen and (max-width: 480px) {
    .form-details-wrap .form-side .form-wrap {
        padding: 30px 15px;
        /* Reduce padding on mobile */
    }


    /* ================
        Contact Us Page
    ================*/
    
    .form-details-wrap .form-side .form-wrap form textarea,
    .form-details-wrap .form-side .form-wrap form [name="subject"],
    .form-details-wrap .form-side .form-wrap form button {
        grid-column: 1;
    }

    .form-details-wrap .form-side form input {
        grid-column: 1;
    }

}