@media (max-width: 1371px) {
    .contact-btn .text {
        display: none;
    }

    .contact-btn .icon {
        display: block;
    }
}

@media (max-width: 1102px) {
    .mm-header .social-icon-one {
        display: none;
    }

    .sm-logo-wrapper {
        display: block;
    }

    .lg-logo-wrapper {
        display: none;
    }
}

@media (max-width: 1024px) {
    .mm-header-container {
        max-width: 96%;
    }
}

@media (max-width: 992px) {
    .service-sidebar {
        max-width: 100%;
    }

    .service-sidebar .service-sidebar-single {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .service-details-help.mm-custom {
        margin-top: 0;
    }
}

@media (max-width: 914px) {
    .mm-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9;
        background-color: white;
    }

    .mm-header .top-right {
        display: none;
    }

    .menu-toggler {
        display: flex;
    }

    .mm-header-bottom {
        display: none;
    }

    .mm-sticky-header {
        display: none;
    }

    .mm-mobile-menu.active {
        left: 0;
    }
}

@media (max-width: 769px) {
    .service-sidebar .service-sidebar-single {
        display: block;
    }

    .service-details-help.mm-custom {
        margin-top: 30px;
    }

    .feature:not(:first-child) {
        border-right: none;
    }

    .faq-section-title {
        width: 100%;
        padding-right: 85px !important;
    }

    .faq-section-title .sec-title {
        width: auto;
    }

    .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
        margin: 0;
        width: 100%;
    }

    .wp-block-image img {
        width: 100% !important;
    }

    .services-details__content p {
        text-align: justify;
    }
}

@media (max-width: 470px) {
    .mm-mobile-menu {
        width: 86%;
    }

    .brand-btn {
        width: 100%;
    }

    .df-popup .df-form {
        width: 95%;
    }

    .call-to-action.style-two {
        padding: 64px 0;
    }

    .call-to-action.style-two .outer-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .call-to-action.style-two .sec-title {
        text-align: center;
    }

    .call-to-action .outer-box .theme-btn {
        width: fit-content;
    }
}

@media (max-width: 470px) {

    /* 425 before */
    .page-title {
        padding: 136px 0 65px;
    }

    .page-title .title {
        font-size: 40px;
    }

    .contact-details-section .container,
    .realisations .container {
        padding-top: 64px;
    }

    .contact-info-wrapper {
        padding: 0 24px;
    }

    .filters.sticky {
        position: fixed;
        top: 92px;
        left: 0;
        width: 100%;
        padding: 12px;
        background-color: white;
        z-index: 98;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        ;
    }

    .pie-graph {
        display: flex;
        text-align: left !important;
    }

    .pie-graph .graph-outer {
        width: 50%;
    }

    .pie-graph .title {
        width: 50%;
        margin-left: 0 !important;
    }

    .contact-desktop-version {
        display: none;
    }

    .contact-mobile-version {
        display: block;
    }

    .project-block .image-box .image a {
        height: 360px;
    }

    .why-choseus-home4 {
        padding-top: 0;
    }

    .cta-home4 {
        padding: 64px 0 !important;
    }

    .cta-home4 .text-white {
        font-size: 32px;
    }

    a.btn-video-image.lightbox-image {
        z-index: -1;
    }

    .home-about-us {
        padding-top: 96px;
    }
}

@media (max-width: 320px) {
    .mm-mobile-menu {
        width: 83%;
    }

    .mm-mobile-menu .logo-wrapper {
        width: 100%;
    }
}