@media (min-width: 1200px) {
    .nav-clone.show .container-navigateur {
        max-width: 1410px;
    }

    .nav-clone .li-lien1,
    .nav-clone .contact-lien3 {
        display: flex;
    }

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

    .lien-mobile li,
    .lien-mobile {
        gap: 8px;
    }

    .container-slide {
        max-width: 1390px;
    }

    .container-navigateur-text {
        max-width: 100%;
        padding: 0 60px;
    }

    .container-form {
        max-width: 1385px;
    }

    .section-formulaire {
        margin-top: -75px;
    }

    .section-service .container-g {
        max-width: 1600px;
        padding: 0px;
    }

    .owl-carousel.service .owl-item.active.center .bloc-service {
        height: 576px;
    }

    .owl-carousel.service .owl-item.active.center .img-service>img {
        width: 50% !important;
    }

    .owl-carousel.service .owl-item.active.center .item-service {
        width: 602px;
    }

    .container-form form {
        padding: 0 15px;
    }

    .container-avis {
        max-width: 990px;
    }

    .newsletter {
        margin-right: -20px;
    }

    .bloc-contact .mb-xl-4 {
        margin-bottom: 32px !important;
    }

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

    ul.dropdown li:hover a {
        background: #12A2C5;
        box-shadow: 1px 8px 0px 0px #000E28;
        color: #FFFFFF;
    }

    .has-dropdown>a:hover::before {
        opacity: 1;
    }

    .has-dropdown>a:hover {
        color: #FFFFFF;
    }

    /* fixed */
    .nav-clone {
        position: fixed;
        top: -100%;
        left: 0;
        width: 100%;
        z-index: 99999;
        background: white;
        transition: all 1s ease;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    .nav-clone.show {
        top: 0;
    }

    .Mypage.page .bloc-titre-slide {
        top: -40px;
    }


}

@media (max-width: 1410px) {
    .contact-lien3 .text-ln {
        display: none;
    }

    .ul-lien {
        gap: 10px;
    }
}

@media (max-width: 1300px) {
    .li-lien3 ul {
        gap: 10px;
    }

    .has-dropdown>a {
        font-size: 17px;
    }
}

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

    section.section-valeur {
        padding: 50px 0;
    }

    .footer-g {
        padding: 60px 0;
    }

    .mt-5,
    .my-5 {
        margin-top: 30px !important;
    }

    button#link-avis {
        margin-top: unset;
    }

    section.blog-area {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .section-form-contact .lien-info {
        margin-bottom: 50px;
    }


    .contact-lien3 {
        display: none;
    }

    .item-service {
        width: 100%;
    }

    .custom-btn {
        position: relative;
        gap: 8px;
        margin-top: 30px;
        transform: translate(0, 0);
        inset: 0;
        width: 100%;
    }

    .owl-carousel.service .owl-stage {
        padding: 0;
    }

    .text-service {
        justify-content: space-between;
        margin-left: 0;
    }

    .text-service .icon-ln {
        opacity: 1;
    }

    .lien-mobile li,
    .section-navigateur .li-lien1 {
        display: block;
    }

    .li-lien1 {
        padding: 8px 0;
    }

    .container-slide {
        max-width: 100%;
    }

    .section-navigateur.fixed {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99999;
        background: white;
        transition: all 0.3s ease;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        height: auto;
    }

    .lien-nav-contact {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0;
    }

    .lien-nav-contact li:nth-of-type(2) {
        margin-left: 0;
    }

    .lien-nav-contact li:not(:first-child) a {
        padding: 15px 0;
    }

    section.section-slide {
        padding-top: 105px;
    }

    .page section.section-slide {
        margin-bottom: 75px;
    }

    .mb-5,
    .my-5 {
        margin-bottom: 30px !important;
    }

    .section-navigateur {
        position: absolute;
    }

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

    }

    .bloc-titre-slide {
        top: 0px;
    }

    .deco-slide {
        width: 40%;
        top: calc(50%);
        left: 70%;
    }

    .img-slide {
        right: 15px;
        top: calc(50%);
        width: 35%;
    }

    .nav-clone {
        display: none;
    }

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

    .titre-form {
        text-align: center;
    }

    .champ-form {
        width: 100%;
    }

    .section-formulaire {
        padding-top: 50px;
    }

    .bloc-form {
        border-radius: 30px;
    }

    .pre-deco1 {
        width: 26%;
    }

    .img-pre {
        max-width: 456px;
        margin-top: 40px;
    }

    .bloc-valeur {
        padding: 20px;
        gap: 20px;
    }

    .map {
        height: 500px;
    }

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

    .flex-footer {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 30px;
    }

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

    .titre-news {
        margin-top: 20px;
    }

    .bloc-copyright {
        flex-direction: column;
        gap: 8px;
    }

    .Mypage.page .img-slide {
        top: 50%;
    }

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

    .text-service {
        text-align: left;
    }

    ul.dropdown li a {
        padding: 8px 30px;
    }
}

@media (max-width: 991px) {
    .icon-valeur {
        width: 100px;
        min-width: 100px;
        height: 100px;
    }

    .img-actu {
        height: 251px;
    }

    .btn-contact {
        margin-top: 30px;
    }

    .label-contact {
        margin-bottom: 10px;
    }

    .page .img-ref {
        min-height: 600px;
    }

}

@media (max-width: 767px) {

    .deco-slide,
    .img-slide {
        display: none;
    }

    .titre-slide {
        font-size: 16px;
    }

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

    .bloc-avis {
        padding: 30px;
        gap: 20px;
    }

    .section-avis .bloc-title br {
        display: none;
    }

    .Mypage.page .item-slide,
    .Mypage.contact .item-slide {
        height: 330px;
    }
}

@media (max-width: 575px) {
    section.section-slide {
        margin-bottom: 20px !important;
    }

    .bloc-contact,
    .bloc-service {
        padding: 30px;
    }

    .btn-avis,
    .bloc-avis {
        flex-direction: column;
        align-items: center;
    }

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

    .section-avis .sect-title {
        text-align: center;
    }

    .flex-footer {
        flex-direction: column;
    }

    .info-footer {
        flex-direction: column;
        align-items: center;
        margin-left: 0px;
    }

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

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

    .Mypage.page .slide-acueil {
        margin-top: 105px;
        position: relative;
    }

}


@media (max-width: 448px) {

    .bloc-contact {
        padding: 30px 20px;
    }

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

    .page .img-ref {
        min-height: 470px;
    }
}