@media (min-width: 1200px) {
    .container.container-nav {
        max-width: 1605px;
    }
    .container.container-text-nav {
        max-width: 1326px;
    }
    .container.container-avis,
    .container.container-formulaire {
        max-width: 1350px;
    }
    .container.container-presentation {
        max-width: 1175px;
    }
    .container.container-atout {
        max-width: 1302px;
    }
    .container.container-carousel {
        max-width: 1354px;
    }
    .container.container-paiement {
        max-width: 1837px;
    }
    .container.container-footer {
        max-width: 1155px;
    }
    .container.container-actualite {
        max-width: 1512px;
    }
    .btn-nav-mobile {
        display: none;
    }
    .lien-nav a::before {
        content: "";
        position: absolute;
        bottom: 34px;
        left: 0;
        height: 2px;
        width: 100%;
        background: #84ABB0;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s ease;
    }
    .lien-nav li:hover a::before {
        transform: scaleX(1);
    }
    ul.menu>li:hover .dropdown {
        transform: translateY(0px);
        visibility: visible;
        opacity: 1;
    }
    .item-slide {
        max-height: calc(100vh - 400px);
        min-height: 400px;
    }
}

@media (max-width: 1550px) {
    .lien-nav .lien-nav-contact {
        display: none;
    }
    section.section-slide {
        padding: 0 0;
    }
}

@media (max-width: 1450px) {
    .btn-navigateur .ec {
        display: none;
    }
    a.btn-navigateur>img {
        margin-right: 0px;
    }
    .logo-nav {
        margin-right: 61px;
    }
}

@media (max-width: 1300px) {
    .bloc-form {
        padding: 32px 85px;
    }
}

@media (max-width:600px){
    .margin-b-80px {
        margin-bottom: 0px;
    }
    section.section-carousel.page, section.section-secteur.page, section.section-form-contact, section.section-contact-footer, section.section-actualite, section.section-paiement, section.section-secteur, section.section-avis, section.section-carousel, section.section-atout, section.section-presentation {
        padding-top: 60px !important;
    }
    .container.container-avis {
        z-index: 10;
        position: relative;
    }
    .container.container-formulaire {
        z-index: 10;
        position: relative;
    }
    .section-carousel .custom-nav-overlay {
        bottom: -20px !important;
    }
}

@media (max-width:400px){
    footer {
        padding-top: 45px;
    }
    div .container.container-avis {
        padding-top: 25px !important;
    }
    div section.section-carousel.page, div section.section-secteur.page, div section.section-form-contact, div section.section-contact-footer, div section.section-actualite, div section.section-paiement, div section.section-secteur, div section.section-avis, div section.section-carousel, div section.section-atout, div section.section-presentation {
        padding-top: 35px !important;
    }
    .container-presentation .img-float {
        margin-bottom: unset !important;
    }
    div div section.section-carousel {
        padding-top: unset !important;
    }
    div section.section-contact-footer {
        padding-top: 60px !important;
    }
}

@media (max-width: 1199px) {
    .label-form.mb-3.label-rdvdiag-typebien {
        margin-top: 12px;
    }
    div#rdv_diag_erp {
        margin-top: unset !important;
        margin-bottom: unset !important;
    }
    .section-secteur .img-float {
        margin: 0 auto 40px;
        max-width: 400px;
        margin-right: 90px;
    }
    ul.menu>li.has-submenu>a:after {
        content: '\f107';
        font-family: 'Fontawesome';
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
        color: #185E91;
        transition: 0.5s;
    }
    ul.menu>li.has-submenu>a.active:after {
        transform: translateY(-50%) rotate(-180deg);
    }
    .lien-nav {
        position: absolute;
        top: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        left: 0px;
        background-color: #fff;
        gap: 0px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        opacity: 0;
        overflow-y: auto;
        visibility: hidden;
        max-height: calc(100vh - 80px);
    }
    .lien-nav.actived {
        opacity: 1;
        visibility: visible;
    }
    .lien-nav>li {
        width: 100%;
    }
    .logo-nav img {
        padding: 15px 0;
    }
    .bloc-navigateur-principal {
        background: white;
    }
    .lien-nav a br {
        display: none;
    }
    .lien-nav li a {
        width: 100%;
        font-size: 14px;
        justify-content: space-between;
        color: #185E91;
        padding: 15px;
        display: flex;
    }
    ul.menu>li:not(:last-child) {
        border-bottom: 0.5px solid rgb(51, 48, 45, 0.2);
    }
    ul.dropdown {
        display: block;
        position: relative;
        left: 0;
        background: #FFFFFF;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.0);
        padding: 0;
        list-style: none;
        z-index: 1;
        width: 100%;
        text-align: left;
        transition: 0.5s;
        visibility: visible;
        opacity: 0;
        display: none;
    }
    ul.dropdown li:first-child,
    ul.dropdown li {
        padding: 0 !important;
    }
    .section-navigateur .bloc-navigateur {
        transition: 0.5s;
    }
    .section-navigateur.fixed .bloc-navigateur {
        border-radius: 0;
    }
    ul.dropdown li a {
        padding: 8px 20px !important;
    }
    .lien-nav.actived ul.dropdown.active {
        display: block;
        opacity: 1;
        transform: translateY(0px);
    }
    .has-dropdown .active img {
        transform: rotate(-180deg);
    }
    ul.dropdown li a {
        color: #185E91 !important;
    }
    section.section-nav-contact {
        padding-bottom: 10px;
        padding-top: 16px;
        padding-right: 0;
        padding-left: 0;
    }
    section.section-navigateur.fixed {
        position: fixed;
        width: 100%;
        z-index: 99999;
        margin-top: -85px;
    }
    .bloc-navigateur {
        position: relative;
    }
    section.section-nav-phone.fixed .bloc-navigateur {
        border-radius: 0;
    }
    .flex-responsive {
        display: flex;
        justify-content: center !important;
    }
    .bloc-form {
        padding: 32px 0px;
    }
    .bg-avis {
        padding-top: 64px;
        padding-bottom: 48px;
        padding-right: 115px;
    }
    img.deco-avis {
        right: 20px;
        bottom: 40px;
        width: 60px;
    }
    .item-slide {
        height: 536px;
        padding-top: 50px;
    }
    .section-slide.contact .item-slide {
        height: 400px;
    }
    .titre-slide {
        font-size: 48px;
    }
    .padding-l-60px {
        padding-left: 0px !important;
    }
    section.section-form-contact .img-float {
        margin-left: 0px;
        display: flex;
        justify-content: center;
        margin-bottom: 50px;
    }
    .section-carousel .titre2 {
        padding-bottom: 45px;
    }
    .section-slide.contact .custom-dots-container {
        bottom: 175px;
    }
    .custom-dots-container {
        bottom: 237px;
    }
    section.section-carousel.page,
    section.section-secteur.page,
    section.section-form-contact,
    section.section-contact-footer,
    section.section-actualite,
    section.section-paiement,
    section.section-secteur,
    section.section-avis,
    section.section-carousel,
    section.section-atout,
    section.section-presentation {
        padding-top: 150px;
        padding-bottom: 0;
    }
}

@media (max-width: 991px) {
    .section-secteur .img-float {
        float: unset;
        max-width: 100%;
        margin-right: unset;
        margin-left: 0px;
        display: flex;
        justify-content: center;
    }
    section.section-carousel.page, section.section-secteur.page, section.section-form-contact, section.section-contact-footer, section.section-actualite, section.section-paiement, section.section-secteur, section.section-avis, section.section-carousel, section.section-atout, section.section-presentation {
        padding-top: 100px;
    }
    .item-slide img {
        border-radius: 20px;
    }
    .diag-footer {
        display: block;
        text-align: center;
    }
    .section-nav-contact .lien-contact {
        gap: 15px;
    }
    .atout-titre1 {
        font-size: 26px;
    }
    .atout-para {
        font-size: 18px;
    }
    .svg-default,
    .svg-hover {
        width: 60px;
        height: auto;
    }
    .icon-atout {
        width: 52px;
        height: auto;
    }
    .bloc-atout {
        padding-bottom: 34px;
    }
    .atout-number {
        width: 63px;
        height: 69px;
        font-size: 30px;
        top: -51px;
        left: -11px;
    }
    .atout-before::before {
        top: -18px;
        left: 18px;
        width: 180px;
        height: 100px;
    }
    .atout-titre {
        margin-bottom: 15px;
    }
    .custom-nav-overlay {
        bottom: -50px;
        left: 50%;
        top: unset;
        right: unset;
        transform: translateX(-50%);
        display: inline;
    }
    .custom-nav-overlay button {
        width: 25px;
    }
    .owl-carousel.carousel {
        padding: 0 0rem;
    }
    .titre-actu {
        font-size: 18px;
    }
    .section-form-contact .img-float {
        margin-left: 10px;
    }
    .bloc-contact-footer {
        padding: 43px 70px;
    }
    .img-actu>img {
        min-height: 270px;
        border-radius: 50px 50px 0 50px;
    }
    .section-carousel .service-item {
        height: 350px;
    }
    .titre-actu {
        font-size: 15px;
        line-height: 1;
    }
    .bloc-dot {
        display: none;
    }
}

@media (max-width: 768px) {
    .lien-contact a.lien-message,
    .lien-contact a.lien-adresse {
        display: none;
    }
    section.section-nav-contact {
        padding-bottom: 13px;
        padding-top: 19px;
        padding-right: 0;
        padding-left: 0;
    }
    .section-nav-contact .lien-contact {
        gap: 35px;
    }
    section.section-nav-phone.fixed {
        margin-top: -90px;
    }
    .label-btn {
        font-size: 13px;
    }
    .custom-padding {
        padding-right: 0px !important;
    }
    .section-avis .titre2 {
        margin-bottom: 18px;
    }
    .bloc-img-actualite {
        margin-left: 30px;
    }
    .item-slide {
        height: 436px;
    }
    .titre-slide {
        font-size: 36px;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .sous-titre-slide {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .slide-before::before {
        width: 100px;
        height: 90px;
    }
    .bg-avis {
        padding: 30px 50px;
    }
    img.deco-avis {
        right: 19px;
        bottom: 15px;
        width: 39px;
    }
    .bg-paiement {
        padding: 60px 60px;
    }
    .bloc-img-actu {
        width: 100%;
        max-width: 300px;
    }
    .section-actualite .item-deco {
        font-size: 12px;
        background-size: 170px;
        background-repeat: no-repeat;
        width: 162.971542px;
        height: 49.99762px;
    }
    .titre-actu {
        margin-top: 10px;
    }
    .label-form {
        font-size: 16px;
    }
    .arobiz {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .section-carousel .titre2 {
        padding-bottom: 0;
    }
    .bg-avis {
        border-radius: 0 160px 0 0;
    }
    section.section-carousel.page,
    section.section-secteur.page,
    section.section-form-contact,
    section.section-contact-footer,
    section.section-actualite,
    section.section-paiement,
    section.section-secteur,
    section.section-avis,
    section.section-carousel,
    section.section-atout,
    section.section-presentation {
        padding-top: 100px;
        padding-bottom: 0;
    }
}

@media (max-width: 576px) {
    .container-text-nav {
        padding-left: 52px;
    }
    .pre-deco-2 {
        display: none;
    }
    .pre-deco-1>img {
        width: 50px;
    }
    .section-paiement .titre1,
    .titre1 {
        font-size: 16px;
    }
    .section-paiement .titre2,
    .titre2 {
        font-size: 28px;
    }
    .section-secteur .titre1::before {
        width: 100px;
        height: 69px;
    }
    .titre1::before {
        width: 100px;
        height: 69px;
    }
    .soumettre {
        margin-bottom: 27px;
    }
    .titre-contact-footer {
        font-size: 14px;
    }
    .bloc-form-footer {
        display: flex;
        flex-direction: column;
        gap:12px;
    }
    input.input-footer {
        padding: 20px 20px;
    }
    .d-flex-responsive {
        display: flex;
        justify-content: start !important;
    }
    .container.container-actualite {
        max-width: 100%;
    }
    .capchat {
        display: flex;
        justify-content: center !important;
        gap: 10px;
    }
    .section-slide.contact .item-slide {
        height: 340px;
    }
}

@media (max-width: 448px) {
    .atout-titre1 {
        font-size: 23px;
    }
    .atout-titre {
        margin-bottom: 10px;
    }
    .atout-para {
        font-size: 16px;
    }
    .bg-avis {
        padding-left: 40px;
    }
    .section-avis .titre2 {
        font-size: 16px;
    }
    .titre-slide {
        font-size: 28px;
    }
    .sous-titre-slide {
        font-size: 18px;
    }
    .pre-deco-1>img {
        width: 40px;
    }
    .pre-deco-4 {
        width: 120px;
        height: 150px;
        top: -16px;
        left: -16px;
    }
    .section-paiement a.btn-1,
    .section-avis a.btn-1 {
        padding: 15px 30px;
        font-size: 14px;
    }
    .bg-paiement {
        padding: 20px 24px;
    }
    .capchat {
        display: flex;
        justify-content: center;
        gap: 10px;
    }
    .bloc-contact-footer {
        padding: 30px 40px;
    }
    .container.container-actualite {
        max-width: 100%;
    }
    .section-slide.contact .item-slide {
        height: 283px;
    }
}

@media (max-width: 376px) {
    .pre-deco-1>img {
        width: 30px;
        top: 11px;
    }
    .pre-deco-4 {
        width: 90px;
        height: 100px;
        top: -11px;
        left: -9px;
    }
    .pre-deco-1>img {
        left: 17px;
    }
    .section-paiement .titre1,
    .titre1 {
        font-size: 14px;
    }
    .section-paiement .titre2,
    .titre2 {
        font-size: 24px;
    }
    .container.container-actualite {
        max-width: 100%;
    }
    .img-actu::before,
    .img-actu>img {
        border-radius: 60px 60px 0 60px;
    }
    .img-actu>img {
        min-height: 300px;
    }
}