@media only screen and (max-width: 1550px) {
    .temoignages-wrap.owl-carousel {
        padding: 0 60px;
    }
    body .owl-carousel .owl-nav button.owl-next,
    body .owl-carousel .owl-nav button.owl-prev {
        margin: 0px -2px 0 -60px;
    }
}
@media only screen and (max-width: 1450px) {
    .je-test-mon-section .ui-tabs .ui-tabs-tab {
        min-width: 13.7%;
    }
}
@media only screen and (max-width: 1199px) {
    header .header-logo {
        max-width: 238px;
    }
    header nav>ul>li:not(:last-child) {
        padding-right: 40px;
    }
    .banner-section .banner-title {
        font-size: 38px;
    }
    .banner-section .banner-desc p {
        font-size: 17px;
    }
    .banner-section ul li {
        font-size: 21px;
    }
    .banner-section ul li::before {
        top: 3px;
    }
    .banner-section .banner-img-wrap {
        height: 480px;
    }
    .banner-section {
        padding-top: 113px;
    }
    .banner-section .banner-btn-wrap {
        margin-top: 31px;
    }
    .je-test-mon-section {
        padding: 60px 0;
    }
    .section-title {
        font-size: 32px;
        line-height: 140%;
    }
    body .tab-inside-content-wrap h3 {
        font-size: 24px;
    }
    .je-test-mon-section .votre-wrap h2 {
        font-size: 26px;
        margin: 47px 0 30px;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-nav {
        padding: 35px 0 53px 79px;
        max-width: 850px;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-tab {
        min-width: 17.6%;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size: 15px;
        margin: -15px 0 0 -50px;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-tab:nth-child(4) .ui-tabs-anchor {
        margin-left: -90px;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-tab:nth-child(5) .ui-tabs-anchor {
        margin-left: -62px;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-tab:nth-child(6) .ui-tabs-anchor {
        margin-left: -78px;
    }

    .beneficiez-col-wrap .col-left {
        width: 50.7%;
        padding-right: 20px;
    }
    .beneficiez-col-wrap .col-right {
        width: 49.3%;
    }
    .beneficiez-col-wrap .video-wrap iframe {
        height: 340px;
    }
    .beneficiez-col-wrap .col-left p {
        line-height: 168%;
        margin-bottom: 8px;
    }
    .beneficiez-col-wrap .video-wrap::before {
        left: -10px;
        bottom: -43px;
        background-size: 100% 100%;
    }
    .beneficiez-section {
        padding: 68px 0 68px;
    }
    .beneficiez-section .beneficiez-col-wrap {
        margin-bottom: 28px;
    }
    .nos-part-section {
        padding: 65px 0 65px;
    }
    .temoignages-clients-section {
        padding: 67px 0 140px 0;
    }
    .temoignages-clients-section .temo-img-wrap {
        height: 96px;
        width: 96px;
    }
    .temoignages-clients-section .temoignages-item {
        padding: 55px 15px 22px;
    }
    .temoignages-clients-section .temo-desc {
        font-size: 16px;
        line-height: 158%;
    }
    .temoignages-clients-section .client-name {
        font-size: 17px;
    }
    .temoignages-clients-section .temo-rating-wrap i {
        font-size: 16.1px;
        margin: 0 2px;
    }
    .nos-part-section .nos-col-wrap {
        max-width: 920px;
    }
    .nos-part-section .nos-col-wrap .nos-logo-item {
        width: 22%;
        padding: 0 8px;
    }
    .nos-part-section .nos-col-wrap .logo-parent {
        height: 215px;
    }
    .nos-part-section .nos-col-wrap a {
        max-width: 110px;
    }
    .Pourquoi-nous-section .lists li span {
        font-size: 17px;
        padding-top: 17px;
        line-height: 137%;
    }
    .Pourquoi-nous-section {
        padding: 75px 0 90px;
    }
    .Nos-marques-partenaires-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .Pourquoi-nous-section .lists .list-img {
        height: 55px;
        width: 56px;
    }
    .Nos-marques-partenaires-section .lists li {
        padding: 27px 0;
    }
    .Qui-peut-section .text-column {
        padding-right: 24px;
    }
    .condition .condtion-list li {
        font-size: 16px;
        padding-top: 25px;
    }
    .Qui-peut-section .text-column p {
        font-size: 16px;
        line-height: 168%;
    }
    .condition-title {
        font-size: 16px;
    }
    .Qui-peut-section {
        padding: 88px 0 78px;
    }
    .Nos-marques-partenaires-section .lists .list-img img {
        max-width: 180px;
    }
    footer .text-wrap {
        padding-right: 96px;
    }
    footer .testez {
        padding: 25px 31px;
        top: -41px;
    }
    .testez-button-wrap .button {
        font-size: 16px;
    }
    footer .testez-para {
        font-size: 22px;
    }
    footer .ma-primeo {
        padding-top: 110px;
        padding-bottom: 23px;
    }
    footer .links li:not(:last-child) {
        padding-bottom: 0px;
    }
    footer .links {
        padding-left: 30px;
        padding-right: 21px;
    }
    footer .links h2 {
        font-size: 18px;
    }
    footer .links ul {
        padding-top: 3px;
    }
    footer .links li a {
        font-size: 16px;
    }
    footer .text p {
        font-size: 12px;
        padding-left: 10px;
        padding-top: 10px;
    }
    footer .copy p {
        font-size: 15px;
    }
    footer .reserve {
        width: 52.6%;
    }
    footer .legals {
        width: 18%;
    }
    footer .politique {
        width: 29.4%;
    }
    .footer-reserves a {
        font-size: 16px;
    }

}
@media only screen and (max-width: 1024px) {
    header.fixed {
        box-shadow: 0 0 4px #404040;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        right: 0;
        padding: 11px 0 13px;
        background: #fff;
    }
    header.fixed .header-logo {
        max-width: 197px;
    }
}
@media only screen and (max-width: 1023px) {
    html.show-menu {
        overflow: hidden;
    }
    /* hamberger */
    nav.menu-act {
        background: #21a366;
        bottom: 0;
        height: auto;
        right: 0;
        overflow: hidden;
        padding: 70px 0px 20px;
        position: fixed;
        left: auto;
        top: 0;
        /* transition: none; */
        width: 100%;
        z-index: 999;
        color: #fff;
        transform: translateX(100%);
        /* display: none; */
        transition: 0.5s all;
        display: block;
    }
    header .menu-act>ul>li:first-of-type {
        border-top: 1px solid #fff;
    }
    #header .menu-act {
        margin-top: 0;
        float: none;
    }
    .menu-act .close-button {
        display: block;
        position: absolute;
        top: 25px;
        right: 15px;
        cursor: pointer;
        text-align: center;
    }
    nav#desktop-nav .close-button .fa.fa-times {
        vertical-align: top;
        line-height: 29px;
    }
    header .menu-act ul {
        display: flex !important;
        flex-direction: column;
    }
    header .menu-act>ul>li {
        float: none;
        padding: 12px 15px;
        margin: 0 0;
        border-bottom: 1px solid white;
        font-size: 14px;
    }
    .close-button {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 30px;
        height: 30px;
        background: #fff;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 0;
        color: #477334;
    }
    nav#desktop-nav .close-button {
        display: block;
    }
    nav.menu-act ul li a {
        padding-right: 20px;
        font-weight: normal;
        font-size: 16px;
        color: #fff;
    }
    nav.menu-act li.active>a,
    nav.menu-act li:hover>a:hover {
        color: #ffb622;
    }
    /* ham */
    /*404*/
    .error-404 #content-area small {
        font-size: 73px;
        text-shadow: 2px 1px 2px #666;
        margin: 0 0 12px 0;
        display: block;
    }
    .error-404 #content-area .main-title {
        font-size: 20px;
        margin: 0px 0 12px 0 !important;
        line-height: 140%;
    }
    .error-404 .grve-subtitle {
        font-size: 18px;
        margin: 0 0 00;
    }
    .error-404 .button {
        height: auto;
        padding: 0 35px;
        font-size: 20px;
        letter-spacing: 0.30px;
        font-size: 16px;
        min-height: auto;
        line-height: 44px;
    }
    .error-404 .button span {
        line-height: 41px;
    }
    html.error404-html {
        /* height: 100% !important;*/
        background: #fff;
    }
    /*404*/
    a.button,
    .button,
    button,
    form input[type="submit"] {
        line-height: 45px;
        padding: 0 28px;
        font-size: 16px;
    }
    header.fixed .menu-trigger {
        margin-top: 2px;
    }
    header .header-logo {
        max-width: 208px;
    }
    header.fixed .header-logo {
        max-width: 177px;
    }
    .banner-section .banner-img-wrap {
        height: 360px;
    }
    .banner-section .banner-title {
        font-size: 28px;
    }
    .banner-section .banner-desc p {
        font-size: 15px;
    }
    .banner-section ul li {
        font-size: 19px;
    }
    .banner-section .banner-btn-wrap a {
        line-height: 55px;
        font-size: 17px;
        padding: 0 21.2px;
    }
    body p {
        font-size: 16px;
        line-height: 160%;
    }
    .je-test-mon-section {
        padding: 50px 0;
    }
    .section-title {
        font-size: 28px;
        padding-top: 45px;
    }
    .section-title::before {
        height: 40px;
        width: 28px;
        background-position: 0 -147px;
        background-size: auto 184px;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-nav {
        padding: 30px 0 33px 40px;
        max-width: 730px;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-tab {
        padding: 37px 0 0 0px;
        margin: 0 15px;
        min-width: 13.7%;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size: 11px;
        margin: -15px 0 0 -43px;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-tab:nth-child(3) .ui-tabs-anchor {
        margin-left: -52px;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-tab:nth-child(4) .ui-tabs-anchor {
        margin-left: -71px;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-tab:nth-child(5) .ui-tabs-anchor {
        margin-left: -53px;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-tab:nth-child(6) .ui-tabs-anchor {
        margin-left: -64px;
    }
    .je-test-mon-section .question {
        font-size: 18px;
    }
    .je-test-tab-wrap #tabs-4 .tab-image-cont-wrap-inside h6, .je-test-tab-wrap #tabs-6 .tab-image-cont-wrap-inside h6 {
        font-size: 11.3px;
    }
    .je-test-tab-wrap .tab-img-wrap {
        height: 55px;
    }
    .je-test-tab-wrap .tab-image-cont-wrap-inside h6 {
        font-size: 16px;
        margin-top: 15px;
    }
    .je-test-tab-wrap .tab-image-cont-wrap-inside {
        min-width: 172px;
        min-height: 172px;
    }
    .je-test-mon-section .tab-btn-wrap .précedent-btn {
        font-size: 16px;
        margin-right: 10px;
    }
    body .tab-inside-content-wrap h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .je-test-tab-wrap #tabs-7 .tab-image-wrap {
        margin: 27px auto 28px;
    }
    .tab-inside-content-wrap a {
        font-size: 18px;
    }
    .je-test-mon-section .votre-wrap h2 {
        font-size: 21px;
        margin: 32px 0 20px;
    }
    .je-test-mon-section .votre-image-wrap {
        grid-gap: 17px 17px;
    }
    .je-test-mon-section .votre-img-wrap {
        height: 55px;
    }
    .je-test-mon-section .votre-image-wrap h6 {
        font-size: 17px;
    }
    .je-test-mon-section .votre-image-wrap .votre-img-con-wrap {
        min-height: 162px;
    }
    .je-test-tab-wrap .tab-image-cont-wrap {
        padding: 0px 8px;
        margin-bottom: 16px;
    }
    .je-test-tab-wrap .tab-image-wrap {
        margin: 35px -8px 18px;
    }
    .je-test-mon-section #tabs-7 .subquestion, .subquestion {
        margin: 23px 0 0 0;
        font-size: 17px;
    }
    .tab-inside-content-wrap h5 {
        font-size: 18px;
        margin-bottom: 14px;
    }
    .je-test-tab-wrap #tabs-7 .tab-image-wrap.tab-radio {
        grid-gap: 15px 15px;
    }
    .je-test-tab-wrap #tabs-7 .contact-form {
        grid-gap: 15px;
    }
    .beneficiez-section {
        padding: 58px 0 58px;
    }
    .beneficiez-col-wrap .col-left p {
        line-height: 157%;
        margin-bottom: 7px;
    }
    .beneficiez-col-wrap .col-left p {
        line-height: 157%;
        margin-bottom: 7px;
    }
    .beneficiez-col-wrap .col-left {
        width: 100%;
        margin-top: 40px;
    }
    .beneficiez-col-wrap .col-right {
        width: 100%;
        max-width: 591px;
    }
    .beneficiez-section .button {
        padding: 0 25px;
    }
    .beneficiez-section .beneficiez-col-wrap {
        flex-direction: column-reverse;
    }
    .nos-part-section {
        padding: 55px 0 55px;
    }
    .nos-part-section .nos-col-wrap {
        max-width: 738px;
        margin-top: 17px;
    }
    .nos-part-section .nos-col-wrap .logo-parent {
        height: 200px;
    }
    .nos-part-section .nos-col-wrap .nos-logo-item {
        width: 25%;
    }
    .beneficiez-section .section-title {
        margin-bottom: 12px;
    }
    .temoignages-clients-section {
        padding: 47px 0 120px 0;
    }
    .Pourquoi-nous-section {
        padding: 70px 0 80px;
    }
    .Pourquoi-nous-section .lists .list-img {
        height: 44px;
        width: 44px;
    }
    .Pourquoi-nous-section .lists {
        grid-gap: 16px;
    }
    .Pourquoi-nous-section .lists li span {
        font-size: 15px;
        padding-top: 14px;
        line-height: 137%;
    }
    .Nos-marques-partenaires-section .lists .list-img img {
        max-width: 142px;
        padding: 7px;
    }
    .Qui-peut-section .text-column p {
        font-size: 15px;
        line-height: 158%;
    }
    .condition-title {
        padding-top: 13px;
    }
    .Qui-peut-section .image-column .Qui-peut-image {
        height: 386px;
    }
    .condition .condtion-list li {
        font-size: 15px;
        padding-top: 16px;
    }
    .condition .condtion-list {
        padding-bottom: 11px;
    }
    .Qui-peut-section {
        padding: 65px 0 65px;
    }
    .box-section .box-wrap-inside {
        grid-gap: 15px;
        padding-bottom: 32px;
    }
    .box-section .box {
        padding: 10px 5px;
    }
    .box-section .box p {
        font-size: 15px;
    }
    .box-section .box .amount {
        font-size: 16px;
    }
    .Nos-marques-partenaires-section .lists li {
        padding: 20px 0;
    }
    .Qui-peut-section .image-text {
        padding-bottom: 25px;
    }
    .Pourquoi-nous-section .lists li {
        padding: 25px 10px 25px 10px;
    }
    footer .text-wrap {
        padding-right: 30px;
    }
    .testez-button-wrap .button {
        font-size: 14px;
    }
    footer .testez {
        padding: 25px 20px;
        top: -41px;
    }
    .testez-button-wrap .button {
        padding: 0 13px;
    }
    footer .ma-primeo {
        padding-top: 84px;
        padding-bottom: 15px;
    }
    footer .text p {
        padding-left: 8px;
        padding-top: 4px;
    }
    footer .links {
        padding-left: 15px;
        padding-right: 15px;
    }
    footer .testez-para {
        font-size: 18px;
    }
    footer .links h2 {
        font-size: 14px;
    }
    footer .links li a {
        font-size: 14px;
    }
    footer .links h2 {
        padding-bottom: 5px;
    }
    footer .links h2::before {
        width: 32px;
    }
    footer .copy {
        padding-top: 5px;
        padding-bottom: 0px;
    }

}
@media only screen and (max-width: 767px) {
    body p {
        font-size: 15px;
    }
    .banner-section .banner-col-wrap {
        flex-direction: column-reverse;
    }
    .banner-section .banner-col-wrap .col-left {
        width: 100%;
    }
    .banner-section .banner-col-wrap .col-right {
        width: 100%;
    }
    .banner-section {
        padding-top: 83px;
        padding-bottom: 35px;
    }
    .banner-section .banner-img-wrap {
        height: 170px;
    }
    .banner-section .banner-title {
        font-size: 18px;
    }
    .banner-section .banner-desc p {
        font-size: 14px;
    }
    .banner-section ul li {
        font-size: 16px;
    }
    .banner-section ul li::before {
        top: 4px;
        height: 20px;
        width: 15px;
        background-size: auto 220px;
    }
    .banner-section ul li {
        font-size: 16px;
        padding-left: 23px;
    }
    .banner-section .banner-btn-wrap a {
        line-height: 40px;
        font-size: 14px;
        padding: 0 19.2px;
    }
    .banner-section .banner-btn-wrap {
        margin-top: 20px;
    }
    .banner-section .banner-btn-wrap {
        margin-top: 15px;
    }
    .section-title {
        font-size: 20px;
        padding-top: 40px;
    }
    .section-title.section-title-left {
        text-align: center;
    }
    .section-title.section-title-left::before {
        right: 0;
    }
    .je-test-mon-section {
        padding: 40px 0;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-nav {
        padding: 15px 0 0 0;
        max-width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0;
        flex-direction: column;
    }
    body .je-test-mon-section .ui-tabs .ui-tabs-tab {
        margin: 0;
        padding: 0 0 30px 30px;
        min-width: auto;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-tab::after {
        top: -3px;
        left: 0;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-tab::before {
        left: 9px;
        top: 0;
        bottom: 0;
        border-radius: 0;
        width: 3px;
        height: auto;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size: 14px;
        margin: 0 0 0;
        max-width: 100%;
        display: block;
        text-align: left;
        line-height: 120%;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-nav .ui-tabs-anchor br {
        display: none;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-nav li.ui-state-active .ui-tabs-anchor {
        text-align: left;
    }
    .je-test-mon-section .question {
        font-size: 16px;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-tab {
        padding: 36px 0 0 0;
        margin: 0 16px;
        min-width: 9.7%;
    }
    .tab-inside-content-wrap h5 {
        font-size: 17px;
        letter-spacing: 0.4px;
        margin-bottom: 12px;
    }
    body .tab-inside-content-wrap h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .je-test-tab-wrap .tab-image-wrap {
        margin: 24px -8px 21px;
    }
    .je-test-tab-wrap .tab-img-wrap {
        height: 45px;
    }
    .je-test-tab-wrap .tab-image-cont-wrap-inside {
        min-width: 152px;
        min-height: 149px;
        padding: 25px 5px;
    }
    .je-test-tab-wrap .tab-image-cont-wrap-inside h6 {
        font-size: 15px;
    }
    .je-test-mon-section .tab-btn-wrap button {
        line-height: 40px;
        padding: 0 26px;
    }
    .je-test-mon-section .tab-btn-wrap .précedent-btn {
        font-size: 15px;
        margin-right: 10px;
    }
    .je-test-mon-section .votre-wrap h2 {
        font-size: 17px;
        margin: 21px 0 20px;
    }
    .je-test-mon-section .votre-image-wrap {
        grid-gap: 13px 12px;
        grid-template-columns: repeat(2, 1fr);
    }
    .je-test-mon-section .votre-image-wrap h6 {
        font-size: 15px;
    }
    .je-test-mon-section .votre-image-wrap .votre-img-con-wrap {
        min-height: 162px;
    }
    .je-test-mon-section .votre-image-wrap .votre-img-con-wrap:last-child {
        grid-column: 1/3;
    }
    .je-test-mon-section .ui-tabs .ui-tabs-tab:nth-child(3) .ui-tabs-anchor,
    .je-test-mon-section .ui-tabs .ui-tabs-tab:nth-child(4) .ui-tabs-anchor,
    .je-test-mon-section .ui-tabs .ui-tabs-tab:nth-child(5) .ui-tabs-anchor,
    .je-test-mon-section .ui-tabs .ui-tabs-tab:nth-child(6) .ui-tabs-anchor {
        margin-left: 0;
    }
    .je-test-tab-wrap .tab-image-cont-wrap:last-child {
        margin-bottom: 0;
    }
    .je-test-tab-wrap #tabs-4 .tab-image-cont-wrap, .je-test-tab-wrap #tabs-6 .tab-image-cont-wrap {
        padding: 0 5px;
        width: 100%;
    }
    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
        font-family: 'Gilroy-regular',sans-serif;
        height: 50px;
    }
    .je-test-tab-wrap #tabs-7 .radio-wrap {
        padding: 13.2px 0;
    }
    .je-test-tab-wrap #tabs-7 .tab-image-wrap.tab-radio {
        margin-bottom: 15px;
    }
    .je-test-tab-wrap #tabs-7 .radio-wrap label {
        font-size: 14px;
    }
    .je-test-mon-section #tabs-5 .tab-image-wrap label {
        font-size: 16px;
    }
    .form-field label {
        font-size: 14px;
        top: 16px;
    }
    .je-test-mon-section #tabs-7 .subquestion, .subquestion {
        margin: 18px 0 0 0;
        font-size: 15px;
    }
    .je-test-tab-wrap #tabs-7 .contact-form {
        margin-bottom: 22px;
    }
    .beneficiez-col-wrap .video-wrap iframe {
        height: 208px;
        max-width: 400px;
        margin: 0 auto;
    }
    .beneficiez-col-wrap .video-wrap::before {
        max-width: 400px;
    }
    .beneficiez-col-wrap .col-left {
        width: 100%;
        margin-top: 27px;
    }
    .beneficiez-section {
        padding: 40px 0 40px;
    }
    .beneficiez-section::before {
        height: 24px;
    }
    .beneficiez-col-wrap .col-left p {
        line-height: 137%;
    }
    a.button,
    .button,
    button,
    form input[type="submit"] {
        line-height: 40px;
        padding: 0 20px;
        font-size: 15px;
    }
    .beneficiez-section .button {
        padding: 0 20px;
    }
    .nos-part-section {
        padding: 40px 0 40px;
    }
    .nos-part-section .nos-col-wrap .nos-logo-item {
        width: 25%;
        padding: 0 4px;
    }
    .nos-part-section .nos-col-wrap .logo-parent {
        height: 90px;
    }
    .nos-part-section .nos-col-wrap a {
        max-width: 56px;
    }
    .nos-part-section .nos-col-wrap {
        max-width: 345px;
        margin-top: 17px;
    }
    .nos-part-section .nos-col-wrap .nos-logo-item:nth-last-child(-n+3) {
        margin-top: -14px;
    }
    .temoignages-clients-section::before {
        height: 17px;
    }
    .temoignages-clients-section .owl-stage-outer {
        padding-top: 74px;
    }
    .temoignages-clients-section .owl-stage {
        align-items: flex-start;
    }
    .temoignages-clients-section .temo-img-wrap {
        height: 83px;
        width: 83px;
    }
    .temoignages-clients-section .temo-desc {
        font-size: 15px;
        line-height: 158%;
    }
    .temoignages-clients-section .client-name {
        font-size: 16px;
    }
    .temoignages-clients-section .temoignages-item {
        padding: 45px 10px 20px;
    }
    .temoignages-clients-section .owl-dots {
        margin-top: 22px;
    }
    header .header-logo {
        max-width: 188px;
    }
    header.fixed .header-logo {
        max-width: 164px;
    }
    .Pourquoi-nous-section {
        padding: 50px 0 60px;
    }
    .Pourquoi-nous-section::before,
    .Pourquoi-nous-section::after {
        height: 26px;
    }
    .Pourquoi-nous-section .lists {
        grid-gap: 14px;
        grid-template-columns: repeat(2, 1fr);
        max-width: 345px;
        margin: 0 auto;
    }
    .Pourquoi-nous-section .lists li span {
        font-size: 14px;
        padding-top: 14px;
        line-height: 126%;
    }
    .Nos-marques-partenaires-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .Nos-marques-partenaires-section .lists {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 15px 11px;
        padding-top: 17px;
    }
    .Nos-marques-partenaires-section .lists .list-img img {
        max-width: 75%;
        padding: 0;
    }
    .Nos-marques-partenaires-section .lists li {
        padding: 10px 0;
        border-radius: 8px;
    }
    .Qui-peut-section {
        padding: 40px 0 40px;
    }
    .Qui-peut-section::before,
    .Qui-peut-section::after {
        height: 26px;
    }
    .Qui-peut-section .image-text {
        padding-bottom: 25px;
        display: block;
    }
    .Qui-peut-section .text-column {
        padding-right: 0;
        width: 100%;
    }
    .Qui-peut-section .image-column {
        width: 100%;
        margin-top: 25px;
    }
    .box-section .box-wrap-inside {
        grid-gap: 15px;
        padding-bottom: 18px;
        grid-template-columns: repeat(1, 1fr);
    }
    .Qui-peut-section .image-column .Qui-peut-image {
        height: 316px;
        max-width: 345px;
        margin: 0 auto;
    }
    .Nos-marques-partenaires-section .lists .list-img {
        height: 50px;
    }
    .owl-nav {
        text-align: center;
        margin: 20px 0 0 0;
    }
    body .owl-carousel .owl-nav button.owl-next,
    body .owl-carousel .owl-nav button.owl-prev {
        position: static;
        margin: 0 5px;
    }
    .temoignages-wrap.owl-carousel {
        padding: 0;
    }
    footer .testez {
        padding: 15px 15px;
        display: block;
        text-align: center;
    }
    footer .testez-para {
        text-align: center;
    }
    footer .text-wrap {
        width: 100%;
        padding-right: 120px;
        padding-bottom: 10px;
        padding-right: 0px;
    }
    footer .test {
        display: none;
    }
    footer .lien {
        display: none;
    }
    footer .ma-primeo .middle {
        display: block;
    }
    footer .footer-logo .logo {
        height: 65px;
    }
    footer .ma-primeo {
        padding-top: 134px;
    }
    footer .links {
        width: 100%;
    }
    footer .Réseaux {
        padding-top: 15px;
    }
    footer .footer-logo {
        width: 100%;
    }
    footer .Réseaux {
        width: 100%;
    }
    footer .links {
        padding-left: 0px;
        padding-right: 0px;
    }
    footer .links h2 {
        font-size: 20px;
    }
    footer .links h2 {
        padding-bottom: 7px;
    }
    footer .links li a {
        font-size: 17px;
    }
    footer .links li {
        padding-right: 0px;
    }
    footer .lock {
        width: 100%;
        padding-top: 20px;
    }
    footer .text p {
        padding-left: 12px;
        padding-top: 18px;
        font-size: 16px;
    }
    footer .copy {
        display: block;
    }
    .alert-danger, .alert-success {
        font-size: 14px;
    }
}
@media only screen and (min-width: 580px) and (max-width: 767px) {
    .box-section .box-wrap-inside {
        grid-template-columns: repeat(2, 1fr);
    }
}