@media (min-width: 1200px) {

    .container-g,
    .container-navigateur {
        max-width: 1310px;
    }

    ul.dropdown.active {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 24px;
    }

    .col-xl-1_5 {
        flex: 0 0 170px;
        max-width: 170px;
    }

    .row-footer {
        flex-wrap: nowrap;
    }

}

@media (max-width: 1400px) and (min-width: 1200px) {
    .row-footer .col-xl-6 {
        max-width: 47%;
    }
}

@media (max-width: 1400px) {

    .form-devis,
    .bloc-form {
        padding: 15px 32px;
    }
}

@media (max-width: 991px) and (min-width: 575px) {

    .btn-pre .btn-1,
    .btn-avis .btn-1 {
        width: max-content !important;
    }
}

@media (max-width: 1199px) {
    section {
        padding: clamp(50px, 10vw, 100px) 0;
    }

    .mb-80 {
        margin-bottom: 32px;
    }

    .mb-32 {
        margin-bottom: 16px;
    }

    .sub-title {
        font-size: 16px;
    }

    .img-slide {
        display: none;
    }

    .item-slide {
        min-height: unset;
        max-height: unset;
        height: 400px;
    }

    .section-formulaire form {
        flex-direction: column;
        gap: 8px;
        align-items: center;
    }

    .bloc-form {
        border-radius: 34px;
        width: 100%;
    }

    .champ-form {
        width: 100%;
    }

    .flex-form {
        flex-direction: column;
        gap: 8px;
        width: 100%;
    }

    .titre-form {
        border: 0;
    }

    .Mypage.home .section-formulaire {
        padding-top: 0;
    }

    .bloc-flex-menu {
        display: none;
    }

    ul.dropdown {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .offcanvas-header {
        right: 6px;
    }

    .banner1-valeur {
        margin-top: 16px;
    }

    .bloc-valeur {
        padding: 50px;
    }

    .img-ref img {
        width: 100%;
        max-width: 400px;
    }

    .section-faq {
        padding-bottom: 0;
    }

    .img-paiement {
        width: 39%;
    }

    .section-form-contact .info-footer {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .bloc-footer-g::before {
        display: none;
    }

    .logo-footer {
        text-align: center;
    }

    .newsletter {
        max-width: 100%;
    }

    .newsletter form {
        flex-direction: row;
    }

    .bloc-copyright {
        justify-content: center;
        text-align: center;
    }

    .bloc-copyright li {
        text-align: center;
        justify-content: center;
    }

    .copyright {
        padding: 22px 0;
    }

    .footer1 {
        padding: 30px 0;
    }
}


@media (max-width: 991px) {
    .flex-actu {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .banner-actu {
        padding: 17px;
    }

    .text-actu {
        margin-bottom: 15px;
    }

    .footer1 .bloc-title {
        text-align: center;
    }

    .footer1 .container {
        flex-direction: column;
        align-items: center;
    }

    .btn-f1 {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .img-service {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 40%;
    }

    .li-lien4 {
        display: none;
    }

    .champ-form {
        flex-direction: column;
        gap: 8px;
    }

    .nice-select {
        border-right: none !important;
    }

    .newsletter form {
        flex-direction: column;
    }


}

@media (max-width: 575px) {

    .bloc-contact,
    .bloc-paiement,
    .bloc-avis {
        padding: 50px 25px;
    }

    .bloc-pre,
    .bloc-valeur {
        padding: 25px;
    }

    .img-paiement {
        display: none;
    }

    .titre-footer,
    .titre-news {
        text-align: center;
    }

    .info-footer,
    .lien-footer {
        align-items: center;
    }

}


@media (max-width: 448px) {

    .bloc-form {
        padding: 15px 20px;
    }

    .bloc-ref,
    .banner-avis,
    .bloc-service {
        padding: 20px;
    }

    .btn-service {
        flex-direction: column;
    }

    .btn-1 {
        font-size: 14px;
    }

    .row-valeur {
        margin-right: -15px;
        margin-left: -15px;
    }

    .faq-question {
        gap: 15px;
    }

    .faq-answer {
        padding-left: 33px;
    }
}