@media (min-width: 1200px) {
    .container.nav-co {
        max-width: 1763px;
    }

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

    .container.certifie {
        max-width: 1172px;
    }

    .container {
        max-width: 1200px;
    }

    .section-carousel .card-carousel:hover {
        width: calc(((1170px - (30px * 4)) / 5) * 2 + 30px);
    }

    .section-carousel .card-carousel {
        width: calc(((1170px - (30px * 4)) / 5));
    }
}

@media screen and (min-width: 1200px) and (max-width: 1329px) {
    .formulaire1 .radio button {
        width: 163px;
        padding: 10px 20px;
    }
}

@media screen and (min-width: 1330px) {
    .container {
        max-width: 1330px;
    }

    .section-carousel .card-carousel:hover {
        width: calc(((1300px - (60px * 4)) / 5) * 2 + 60px);
    }

    .section-carousel .card-carousel {
        width: calc(((1300px - (60px * 4)) / 5));
    }
}

@media (max-width: 1700px) {
    .owl-carousel.part21 .owl-nav {
        left: 50px !important;
    }
}

@media (max-width: 1650px) {
    .section-navigateur .gap {
        gap: 10px;
    }
}

@media (max-width: 1599px) {
    .section-navigateur.fixed a.nav-contact {
        display: none;
    }

    .section-navigateur.fixed .devis-text,
    .section-navigateur.fixed .number-text,
    .section-navigateur.fixed .connexion-text {
        display: none;
    }

    .section-navigateur.fixed .nav-btn a.btn-number-phone-nav img,
    .section-navigateur.fixed .nav-btn a.btn-devis-nav img,
    .section-navigateur.fixed .nav-btn a.btn-connexion-nav img {
        margin-right: 0px;
    }

    .owl-carousel.part21 .owl-nav {
        top: 88% !important;
        left: 5% !important;
    }
}

@media screen and (max-width: 1471px) {
    ul.menu>li {
        margin-right: 16px
    }

    .section-navigateur .liste ul li a.padding-nav {
        max-width: 135px;
        display: block;
        min-height: 128px
    }

    .section-navigateur .liste ul li a.padding-nav.ity {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 1360px) {

    .section-navigateur .number-text,
    .section-navigateur .connexion-text {
        display: none;
    }

    a.btn-number-phone-nav img,
    a.btn-connexion-nav img {
        margin-right: 0px;
    }

    .section-navigateur .btn-gap {
        gap: 10px;
    }
}

@media (max-width: 1400px) {
    .container.nav-co-phone {
        max-width: 1763px;
    }

    .petit-para-acc {
        font-size: 56px;
    }
}

section.section-nav-phone {
    background-color: transparent;
    position: absolute;
    padding: 19px 0;
    width: 100%;
    z-index: 3;
    border-bottom: 2px solid var(--color-white);
}

.section-nav-phone img.img-nav {
    width: 270px;
    height: 65px;
}

.section-nav-phone .gap {
    gap: 40px;
}

.section-nav-phone .btn-gap {
    gap: 29px;
}

.menu-deroulant {
    background-color: transparent;
    position: absolute;
    top: 82%;
    left: 0;
    z-index: 999;
    width: 100%;
    padding: 0 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    max-height: calc(100vh - 80px);
}

.menu-deroulant .font {
    font-family: var(--font-yantramanav);
    font-weight: 600;
    font-style: normal;
    color: rgba(85, 85, 85, 1);
    ;
}

section.resp-mobile-section {
    padding: 10px 0;
}

@media (max-width: 1300px) {
    .petit-para-acc {
        font-size: 46px;
    }
}

@media (max-width: 1199px) {
    .para-title {
        font-size: 32px;
    }

    .owl-carousel.diagnostic .owl-nav {
        position: relative;
        justify-content: center;
        top: 0;
        transform: none;
        right: inherit;
        padding-top: 40px;
    }

    .section-carousel .card-carousel:hover {
        width: 100%;
    }

    .section-carousel .card-carousel {
        width: 100%;
    }

    .card-carousel {
        width: 478px;
        z-index: 100;
    }

    .card-carousel .default-view {
        /*display: none !important; */
        opacity: 0;
    }

    .card-carousel .card-carousel-hover {
        display: block;
    }

    .item-slide::before {
        width: 599px;
    }

    section.formulaire1.particuliers,
    section.formulaire1 {
        position: relative;
        z-index: 1;
        padding: 113px 0;
        height: 0;
        top: 0;
        right: 0;
        height: auto;
        background: #f3f7fc;
    }

    .responsive-form {
        display: flex;
        justify-content: center !important;
    }

    .section-valeur .nbr {
        right: 146px;
    }

    .resp-position {
        display: flex;
        justify-content: start !important;
    }

    .section-presentation .img-principal {
        margin-bottom: 140px;
    }

    section.section-certification {
        top: -57px;
    }

    .responsive-actu-last {
        display: flex;
        justify-content: flex-start !important;
        padding-left: 34px;
    }

    .para-reactivite p {
        font-size: 14px;
        padding-left: 18px;
    }

    section.section-nav-phone {
        padding: 6px 0;
    }

    .owl-carousel.part21 .owl-nav button.owl-prev,
    .owl-carousel.part21 .owl-nav button.owl-next {
        display: none;
    }

    .item-slide.particuliers,
    section.section-slide.particuliers,
    .item-slide,
    section.section-slide {
        height: 450px;
    }

    section.formulaire1.particuliers,
    section.formulaire1 {
        padding: 60px 0;
    }

    .petit-para-acc {
        font-size: 40px;
    }

    .text-slide {
        top: 60%;
    }

    .formulaire1 .titre-form {
        font-size: 27px;
    }

    section.section-presentation {
        padding: 70px 0;
    }

    .formulaire1 .titre-form-particuliers {
        font-size: 25px;
    }

    .section-presentation .para-title {
        font-size: 30px;
    }

    section.section-carousel {
        padding-top: 70px;
    }

    section.section-valeur {
        padding-top: 73px;
        padding-bottom: 0;
    }

    .section-valeur .valeur-style-pb {
        margin-bottom: 60px;
    }

    section.section-actualite {
        padding-bottom: 70px;
        padding-top: 150px;
    }

    section.section-carousel.particuliers {
        padding-bottom: 200px
    }

    footer {
        padding-top: 96px;
    }

    .text-slide-contact {
        top: 25%;
    }

    .owl-carousel .owl-item img.img-slide-contact {
        height: 376px;
    }

    .item-slide-contact::before {
        width: 711px;
    }

    .section-avis-google .bg-google {
        padding-top: 35px !important;
        padding: 0 15px;
    }

    .section-avis-google .para-title-diag {
        font-size: 35px;
    }
}

@media (max-width: 991px) {
    .petit-para-part {
        font-size: 24px;
    }

    .petit-para-part br {
        display: none;
    }

    .para-title {
        font-size: 30px;
    }

    .reactivite {
        width: 285px;
    }

    .section-valeur .nbr {
        right: 64px;
    }

    .section-certification .titre-cert {
        margin-left: 20px;
    }

    .img-klarity {
        margin-right: 20px;
    }

    .footer-resp {
        display: flex;
        justify-content: center;
    }

    .responsive-actu-last {
        display: flex;
        justify-content: center !important;
        padding-left: 14px;
    }

    footer .offset-1 {
        margin-left: 0;
    }

    .section-actualite .para-actu p {
        font-size: 20px;
    }

    section.section-nav-phone {
        padding: 3px 0;
    }

    .item-slide::before {
        width: 549px;
    }

    .abonner-footer {
        font-size: 18px;
    }

    .qt-section .titre-form {
        font-size: 30px;
        margin-bottom: 15px;
    }

    section.section-map {
        padding-bottom: 190px;
    }

    .section-info .contact-phone {
        font-size: 20px;
    }

    .section-info .contact-num {
        font-size: 16px;
    }

    .block-contact {
        height: 188px;
        max-width: 240px;
        margin: 0 auto;
    }

    .text-slide-contact {
        font-size: 25px;
        line-height: 1;
        top: 160px;
    }

    .item-slide-contact::before {
        width: 555px;
    }

    .boutton-lien-google {
        padding: 35px 0;
    }

    .section-avis-google .titre-google {
        padding-top: 21px;
        padding-bottom: 21px;
    }

    .section-avis-google .bg-logo {
        position: absolute;
        top: 50%;
        right: -43px;
        transform: translateY(-50%);
        width: 70px;
        height: 70px;
        padding: 13px 16px;
    }

    section.section-actualite {
        padding-bottom: 140px;
        padding-top: 170px;
    }

    section.section-certification {
        top: -124px;
    }

    footer {
        padding-top: 150px;
    }

    .resp-cert {
        margin-bottom: 24px;
    }

    .para-footer p {
        max-width: 360px;
    }

    .para-footer {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    section.section-actualite {
        padding-top: 250px;
    }

    img.main-image {
        width: 403px;
    }

    .section-presentation img.image-deco {
        width: 280px;
    }

    .section-presentation .image-deco {
        bottom: 45px;
        right: -9px;
        border-radius: 18px;
    }

    .pr-1-perso {
        padding-right: 15px;
    }

    .pl-1-perso {
        padding-left: 15px;
    }

    .resaux-footer {
        width: 215px;
    }

    .boutton-lien-google .btn-lien-google {
        font-size: 12px;
    }

    .section-valeur .nbr {
        right: 40px;
    }

    .item-slide::before {
        width: 489px;
    }

    .formulaire1 .titre-form-particuliers,
    .formulaire1 .titre-form {
        font-size: 24px;
    }

    .item-slide-contact::before {
        width: 351px;
    }

    .formulaire1 .radio button {
        width: 100%;
    }

    .section-avis-google .para-title-diag {
        font-size: 24px;
    }

    .section-avis-google .titre-google {
        padding-left: 55px;
    }

    .arobiz .d-flex {
        flex-direction: column;
        text-align: center;
    }

    section.section-avis-google {
        top: -50px;
    }
}

@media (max-width: 575px) {
    .para-title {
        font-size: 24px;
    }

    .card-carousel-hover img.img1 {
        margin: 20px 0 10px;
    }

    .section-carousel .style-img {
        bottom: 10px;
    }

    .card-carousel-hover .info-hover br {
        display: none;
    }

    .card-carousel-hover .info-hover {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .bg-text-google {
        padding-right: 0;
    }

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

    section.section-valeur {
        padding-top: 53px;
    }

    .section-valeur .titre-valeur {
        margin-bottom: 76px;
    }

    section.section-actualite {
        padding-top: 250px;
    }

    .section-actualite .titre-actualite {
        margin-bottom: 81px;
    }

    .item-slide-contact::before {
        width: 300px;
    }

    .section-certification .titre-klarity,
    .section-certification .titre-cert {
        font-size: 11px;
    }

    .petit-para-acc {
        font-size: 28px;
    }

    .logo-fixed,
    .logo-default {
        width: 80%;
    }

    .section-presentation img.image-deco {
        display: none;
    }

    .section-presentation .img-principal {
        margin-bottom: 30px;
    }

    .section-avis-google .para-title-diag {
        font-size: 20px;
    }

    .section-avis-google .titre-after-diag::before {
        content: "04";
        position: absolute;
        top: -17px;
        left: -33px;
        font-size: 100px;
    }

    .section-valeur .para-title-diag,
    .section-carousel .para-title-diag,
    .section-presentation .para-title {
        font-size: 25px;
    }

    .qt-section .champ-text {
        background: #f3f7fc;
        border-radius: 8px;
        height: 46px;
        font-size: 15px;
        padding: 10px 15px;
    }

    .item-slide::before {
        width: 300px;
    }

    .section-valeur .nbr {
        right: 64px;
    }
}

@media (max-width: 448px) {
    .formulaire1 .form {
        width: 100%;
    }

    .titre-form {
        font-size: 20px;
    }

    .label-form {
        color: var(--color-grey);
    }

    .formulaire1 .btn-form button {
        font-size: 13px;
    }

    .formulaire1 .radio button {
        width: 100%;
    }

    .custom-mb-18 {
        margin-bottom: 0px !important;
    }

    .formulaire1 .titre-form {
        margin-bottom: 14px;
    }

    .formulaire1 .form-particuliers {
        width: 100%;
    }

    .section-avis-google .para-title-diag {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .number-text {
        display: none;
    }

    .para-footer p,
    .input-footer form {
        max-width: 100%;
        width: 100%;
    }

    .input-footer .champ-footer {
        width: 100%;
        padding: 10px 20px;
        height: 58px;
    }

    .input-footer .btn-footer {
        position: relative;
        top: 0;
        transform: none;
        right: 0;
        margin-top: 20px;
    }

    .section-avis-google .titre-google {
        padding: 20px;
    }
}