@media (max-width: 576px) {
    [data-mobile-nav-trigger-alignment="right"] .lqd-mobile-sec .navbar-brand-inner {
        margin-inline-end: 0 !important;
    }

    #lqd-pf-filter-case-studies {
        margin-right: 0rem !important;
        font-size: 10px;
    }

    .text-20 {
        font-size: 16px;
    }

    /* .ca-initvalues-applied {
        max-width: 576px !important;
        min-width: 380px !important;
        width: 100% !important;
    } */

    .ca-initvalues-applied .module-btn {
        justify-content: space-evenly;
    }

    #accueil>.flex.relative {
        display: none;
    }

    .banner {
        padding: 0px 10px 50px 10px !important;
    }

    .h-800 {
        height: 500px !important;
    }

    #lqd-site-content .banner-image {
        padding-top: 0px !important;
    }

    #lqd-site-content .container .row .pt-10 {
        padding-top: 0 !important;
    }

    .mb-5em {
        margin-bottom: 5em !important;
    }

    .w-650 {
        width: 80%;
        margin-left: 0;
        right: 25px;
    }

    .-top-45 {
        width: 80%;
    }

    .w-580 {
        margin-left: 0;
        margin-top: 0;
    }

    .lqd-mobile-sec-inner .navbar-toggle {
        display: flex;
        justify-content: flex-start !important;
    }

    .lqd-mobile-sec-inner {
        display: flex;
        flex-direction: row-reverse;
    }

    .min-h-100vh .module-btn {
        height: 70px;
    }

    .banner .mt-5em {
        margin-top: 0em !important;
    }

    .banner p {
        line-height: 0.8em;
    }

    .banner span {
        font-size: 40px;
    }

    .banner .txt-rotate-keywords {
        width: 150px !important;
    }

    .banner .btn-solid {
        margin-bottom: 0;
    }

    .banner .txt-rotate-keywords span {
        font-size: 30px;
    }

    .banner .btn-solid {
        width: 40%;
    }

    .banner .btn-solid span {
        font-size: 10px;
    }

    .digital-experience {
        height: 500px;
        padding: 150px 10px 30px 10px;
    }

    .digital-experience-counter {
        margin-top: 200px !important;
        padding: 50px 30px 60px 30px !important;
    }

    .contact .module-content {
        margin-bottom: 50px;
    }

    .about {
        padding: 150px 10px 0 10px;
    }

    .iconbox-icon-wrap {
        height: 125px;
    }

    /* .footer-menu .row {
        padding-top: 50px;
        margin-top: 100px;
    } */

    .mb-55 {
        margin-bottom: 0px !important;
    }

    .lqd-section .container .row .tre {
        margin-top: 75px;
    }

    .lg\:w-full {
        width: 100% !important;
    }

    .footer-menu .row,
    .copyright-area {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .footer-menu .row .col {
        margin-right: 0;
        margin-left: 0;
    }

    .footer-menu .row .col .title {
        display: flex;
        align-items: flex-start;
    }

    .footer-menu .row .ld-fancy-heading {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-menu .row .col .ld-fancy-heading .row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .contact .container .right-90 {
        right: 0;
        margin-top: 10px;
    }

    .copyright-area div {
        width: 75% !important;
        display: flex !important;
        justify-content: space-around !important;
        margin-bottom: 0px !important;
        align-items: center !important;
    }

    .copyright-area .toast {
        display: flex;
        flex-direction: column-reverse;
        width: 60%;
        margin-bottom: 10px;
    }




    .text-accent {
        font-weight: 500;
    }

}

@media (max-width: 654px) {
    [data-mobile-nav-trigger-alignment="right"] .lqd-mobile-sec .navbar-brand-inner {
        margin-inline-end: 0 !important;
    }

    #lqd-pf-filter-case-studies {
        margin-right: 0rem !important;
        font-size: 10px;
    }

    .liquid-filter-items-label {
        margin-bottom: 0em;
    }

    .text-20 {
        font-size: 16px;
    }

    /* .ca-initvalues-applied {
        max-width: 567px !important;
        min-width: 340px !important;
        width: 100% !important;
    } */

    .ca-initvalues-applied .module-btn {
        justify-content: space-evenly;
    }

    #accueil>.flex.relative {
        display: none;
    }

    .banner {
        padding: 0px 10px 50px 10px !important;
    }

    .h-800 {
        height: 500px !important;
    }

    #lqd-site-content .banner-image {
        padding-top: 0px !important;
    }

    #lqd-site-content .container .row .pt-10 {
        padding-top: 0 !important;
    }

    .mb-5em {
        margin-bottom: 5em !important;
    }

    .w-650 {
        width: 80%;
        margin-left: 0;
        right: 25px;
    }

    .-top-45 {
        width: 80%;
    }

    .w-580 {
        margin-left: 0;
        margin-top: 0;
    }

    .lqd-mobile-sec-inner .navbar-toggle {
        display: flex;
        justify-content: flex-start !important;
    }

    .lqd-mobile-sec-inner {
        display: flex;
        flex-direction: row-reverse;
    }

    .min-h-100vh .module-btn {
        height: 70px;
    }

    .banner .mt-5em {
        margin-top: 0em !important;
    }

    .banner p {
        line-height: 0.8em;
    }

    .liquid-filter-items-label {
        margin-bottom: 0em;
    }

    .banner span {
        font-size: 40px;
    }

    .banner .txt-rotate-keywords {
        width: 150px !important;
    }

    .banner .btn-solid {
        margin-bottom: 0;
    }

    .banner .txt-rotate-keywords span {
        font-size: 30px;
    }

    .banner .btn-solid {
        width: 40%;
    }

    .banner .btn-solid span {
        font-size: 10px;
    }

    .digital-experience {
        height: 500px;
        padding: 150px 10px 30px 10px;
    }

    .digital-experience-counter {
        margin-top: 200px !important;
        padding: 50px 30px 60px 30px !important;
    }

    .contact .module-content {
        margin-bottom: 50px;
    }

    .about {
        padding: 150px 10px 0 10px;
    }

    .iconbox-icon-wrap {
        height: 125px;
    }

    /* .footer-menu .row {
        padding-top: 50px;
        margin-top: 100px;
    } */

    .mb-55 {
        margin-bottom: 0px !important;
    }

    .lqd-section .container .row .tre {
        margin-top: 75px;
    }

    .lg\:w-full {
        width: 100% !important;
    }

    .footer-menu .row,
    .copyright-area {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .footer-menu .row .col .title {
        display: flex;
        align-items: flex-start;
    }

    .footer-menu .row .ld-fancy-heading {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-menu .row .col .ld-fancy-heading .row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .contact .container .right-90 {
        right: 0;
        margin-top: 10px;
    }

    .copyright-area div {
        width: 75% !important;
        display: flex !important;
        justify-content: space-around !important;
        margin-bottom: 0px !important;
        align-items: center !important;
    }

    .copyright-area .toast {
        display: flex;
        flex-direction: column-reverse;
        width: 60%;
        margin-bottom: 10px;
    }

    .text-accent {
        font-weight: 500;
    }

    .liquid-filter-items-label~.lqd-filter-dropdown {
        width: 100%;
        order: 2;
        margin-top: 15px;
        display: none;
    }

    /* .hero-right {
        display: none;
    }

    #lqd-site-content .pt-150 {
        padding-top: 150px !important;
        display: flex !important;
        justify-content: center !important;
        max-width: 654px !important;
    }

    .blocktest .hero-left .layers {
        width: 92% !important;
    }

    .blocktest .hero-left .mb-75 {
        margin-bottom: 0px !important;
    }

    .blocktest .hero-left button {
        margin: -9% !important;
    }

    .blocktest {
        display: grid;
        grid-template-columns: 1fr !important;
        margin-left: 0;
        width: 90% !important;
    }

    .blocktest .hero-left button:last-of-type {
        /* right: 0; 
        z-index: 3;
        right: 0px !important;
    }

    .footer-menu {
        padding: 0px 30px 0px 30px !important;
    }

    .text-accent {
        font-weight: 500;
    } */
}