@media (min-width: 1200px) {


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

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

    .mt-xl-88 {
        margin-top: 88px;
    }

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

    .section-slide {
        overflow: hidden;
    }
}

@media (max-width: 1400px) and (min-width: 1200px) {
    .row-pre .col-12 {
        max-width: 33%;
        flex: 0 0 33%;
        margin-bottom: 24px !important;
    }
}

@media (max-width: 1300px) {

    .btn-2,
    .btn-1,
    ul.dropdown li a,
    .has-dropdown>a {
        font-size: 16px;
        line-height: 1;
    }

    .lien-mobile {
        gap: 20px;
    }

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

    .bloc-items-slide {
        gap: 15px;
    }
}


@media (max-width: 1199px) {
	.icon-soutien {
    margin-top: 15px;
}
    section {
        padding: clamp(50px, 10vw, 100px) 0;
    }

    .Mypage.page .section-marque {
        margin-bottom: clamp(50px, 10vw, 100px);
    }

    .container-navigateur {
        padding: 0 30px;
    }

    .item-slide {
        padding: 40px 15px;

        display: flex;
        flex-direction: column-reverse;
    }

    .has-dropdown>a {
        text-align: left;
    }

    .lien-mobile {
        gap: 0px;
        border-radius: 5px;
    }

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

    .titre-slide {
        margin-bottom: 20px;
    }

    section.section-slide {
        padding: 15px;
        padding-bottom: 18px;
    }

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

    .bloc-items-slide {
        position: relative;
        inset: 0;
    }

    .sub-title {
        font-size: 16px;
    }

    .img-valeur {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 377px;
    }

    .img-valeur>img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .deco2-valeur {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        scale: 0.8;
        transform-origin: left;
    }

    .img-action {
        height: 450px;
    }

    .fleche-soutien2,
    .fleche-soutien {
        display: none !important;
    }

    .section-marque,
    .section-soutien {
        margin: 0;
    }

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

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

    footer {
        padding-top: 0;
		padding-bottom: 0;
    }

    .section-marque {
        padding: 30px 0;
    }

}

@media (max-width: 991px) {
	.mb-5, .my-5 {
    margin-bottom: 30px !important;
}

    .banner-action {
        right: 20px;
    }

    .banner-action2 {
        right: unset;
        left: 20px;
    }

    .img-actu {
        height: 220px;
    }

    .banner-actu {
        margin-top: 24px;
    }

    .text-actu,
    .flex-actu .text-actu {
        line-height: 1.3;
        font-size: 18px;
    }
}

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

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

    .flex-valeur {
        align-items: center;
    }

    .row-soutien>div {
        display: flex;
        justify-content: center;
    }

    .bloc-copyright {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .bloc-copyright li.arobiz {
        justify-content: center;
    }

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

    .section-marque {
        padding: 25px 0;
    }
}

@media (max-width: 575px) {
	section.section-reference {
    padding-bottom: 30px;
}
    .img-pre {
        flex-direction: column;
    }

    .section-presentation .img-pre {
        height: 100%;
    }

    .section-presentation .img-pre img {
        height: 200px;
    }

    .bloc-autre-pre {
        flex-direction: column;
    }

    .deco-pre {
        position: absolute;
        top: 10px;
        left: 157px;
        z-index: 5;
        scale: -1;
    }

    .banner-action2,
    .banner-action {
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 20px);
    }


    .lien-mobile {
        left: 50%;
        width: calc(100% + 26px);
        transform: translate(-50%, -15px);
    }

    .lien-mobile.actived {
        transform: translate(-50%, 0px);
    }
}


@media (max-width: 448px) {

    .banner-action2,
    .banner-action {
        padding: 30px;
        padding-bottom: 70px;
    }

    .icon-valeur {
        width: 70px;
        height: 70px;
        min-width: 70px;
    }

    .bloc-autre-pre {
        padding: 35px 30px
    }
}