@media (min-width: 1200px) {

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

    .container-mobile {
        position: relative;
        max-width: 1750px;
    }

    .container-actu {
        max-width: 1166px;
    }

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

    .container-contact {
        max-width: 1454px;
    }

    ul.menu>li:hover .dropdown {
        transform: translateY(0px);
        visibility: visible;
        opacity: 1;
    }

    .champ-footer input {
        max-width: 317px;
    }

    .logo-footer {
        min-width: 70px;
        max-width: 120px;
    }

    .hover-valeur:hover .bloc-valeur {
        height: 110%;
    }

    .top-head .container {
        max-width: 100%;
    }
}

@media (max-width: 1268px) and (min-width: 1200px) {

    .section-navigateur,
    .section-navigateur.fixed {
        top: 60px;
    }
}

@media (max-width: 1550px) and (min-width: 1200px) {
    .row-valeur .col-xl-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 1800px) {
    .champ-footer {
        flex-direction: column;
        gap: 10px 16px;
        align-items: flex-start;
    }


    .champ-footer input {
        max-width: 100%;
    }
}

@media (max-width: 1600px) {
    .has-dropdown>a {
        font-size: 14px;
    }

    .bloc-navigateur {
        /* margin-bottom: 40px; */
        margin-bottom: 60px;
    }

    .logo-footer img {
        max-height: 200px;
    }

}

@media (max-width: 1450px) {
    .has-dropdown>a {
        font-size: 13px;
    }

    .logo-footer img {
        max-height: 120px;
    }
}

@media (max-width: 1400px) {
    .li-lien1 img {
        max-width: 164px;
    }

    .btn-nav-contact {
        display: none;
    }

    .logo-footer img {
        max-height: 100px;
    }
}

@media (max-width: 1300px) {
    .lien-mobile {
        gap: 12px;
    }

    .li-lien1 img {
        max-width: 154px;
    }

    .btn-info-footer {
        display: flex;
        align-items: unset;
        flex-wrap: wrap;
        gap: 10px 16px;
        flex-direction: column;
    }
}

@media (max-width: 1199px) {
    .container-mobile {
        padding: 0;
        max-width: 100%;
    }

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

    .bloc-navigateur {
        margin: 8px 0;
    }

    .section-navigateur {
        position: absolute;
        background-color: transparent;
    }

    .lien-mobile {
        gap: 0px;
    }

    .has-submenu>a {
        font-size: 14px;
    }

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

    .bloc-slide {
        padding: 17px;
        gap: 17px;
    }

    .bloc-img-ref,
    .img-pre {
        max-width: 400px;
    }

    .img-ref1 {
        margin-top: 0;
    }

    .img-ref2 {
        bottom: -10px;
    }

    .bloc-valeur {
        position: relative;
    }

    .hover-valeur {
        height: 100%;
    }

    .hover-valeur {
        margin: 0;
    }

    .bloc-ref {
        overflow: hidden;
    }

    .btn-info-footer {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px 16px;
        flex-direction: row;
    }

    .titre-footer {
        margin-bottom: 17px;
    }

    section {
        padding-top: clamp(50px, 10vw, 100px);
        padding-bottom: clamp(50px, 10vw, 100px);
        position: relative;
    }

    .Mypage.page .item-slide {
        height: 400px;
    }

    .section-navigateur,
    .section-navigateur.fixed {
        top: 74px;
    }
}

@media (max-width: 991px) {
    .top-head {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .banner-footer.information {
        flex-direction: column;
    }

    .logo-footer img {
        max-width: 100px;
    }

    .btn-info-footer {
        justify-content: center;
    }

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

    footer .text-footer {
        text-align: center !important;
    }

    .section-navigateur,
    .section-navigateur.fixed {
        /* top: 78px; */
        top: 88px;
    }

    .top-contact {
        gap: 0;
        flex-direction: column;
    }
}

@media (max-width: 575px) {
    .bloc-ref::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        background: #401B1C;
        width: 200vw;
        height: 100%;
    }

    .bloc-ref {
        padding: clamp(50px, 7vw, 100px) 0px;
        overflow: visible;
    }

    .banner-valeur {
        padding: 35px 15px;
        background: #1B1B1B26;
    }

    .text-valeur {
        font-size: 14px;
    }

    .btn-2,
    .btn-valeur .btn-1 {
        white-space: wrap;
    }

    .text-footer svg {
        min-width: 10px;
    }

    .text-footer,
    .text-footer i {
        font-size: 14px;
        line-height: 1.2;
    }

    .text-footer span {
        white-space: nowrap;
    }

    .top-contact span,
    .top-contact svg {
        display: none;
    }
}


@media (max-width: 448px) {
    .slide-accueil {
        left: 8px;
        right: 8px;
    }

    .bloc-devis {
        padding: 20px;
    }

    .bloc-valeur {
        padding: 25px 15px;
    }

    .titreinfo-footer {
        white-space: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }

    .banner-footer,
    .bloc-contact {
        padding: 35px 15px;
    }

    .bloc-footer {
        padding: 15px;
    }

    .ariane,
    .ariane a {
        gap: 10px;
    }

}

@media (max-width: 386px) {
    .top-head {
        font-size: 12px;
    }

    .top-head .container {
        padding: 0;
    }

    .top-head-content {
        gap: 10px;
    }
}

@media (max-width: 342px) {

    .text-footer,
    .text-footer i {
        font-size: 12px;
    }
}