@media (min-width: 1200px) {
    .container.container-navigateur {
        max-width: 1650px;
    }

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

    .section-formulaire {
        padding: 0;
        margin-top: -90px;
        z-index: 3;
    }

    .bloc-form .banner-form:nth-of-type(2) {
        min-width: 650px;
    }

    .container-g {
        max-width: 1188px;
    }

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

    .container-footer {
        max-width: 1294px;
    }

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

    .bloc-contact {
        margin-top: -91px;
    }

    .section-form-contact {
        padding-top: 0;
    }

}



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

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

    .les-form {
        padding: 40px;
    }

    .item-service {
        height: 280px;
    }

    .p-80 {
        padding: 60px 0;
    }

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

    .bloc-titre-slide {
        padding-top: 50px;
    }

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

    ul.dropdown li a {
        padding: 5px 16px
    }

    .bloc-navigateur {
        padding: 0;
    }

    .section-navigateur {
        background: #FFF;
        top: 0;
    }

    .section-navigateur.fixed {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        top: 0;
    }

    .section-navigateur.fixed .bloc-navigateur {
        box-shadow: none;
        top: 0;
    }

    .sect-title {
        margin-bottom: 20px;
    }
.img-int.img-1{
    display: none;
}
}

@media (max-width: 991px) {
    .champ-form button {
        width: 196px;
    }

    .champ-form {
        width: unset;

    }

    .flex-form {
        justify-content: center;
    }

    .flex-valeur {
        flex-direction: column;
        gap: 15px;
    }

    .flex-service {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

    .champ-form button {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .bloc-contact {
        padding: 30px 20px;
    }

    .champ-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .logo-footer {
        max-width: 200px;
    }
}


@media (max-width: 448px) {

    .bloc-valeur,
    .les-form {
        padding: 20px;
    }
}