/* ========================
   GRAND ÉCRANS
======================== */

/* max 1700px */
@media screen and (max-width: 1700px) {
    .padding-button-title {
        padding: 7px 50px !important;
    }
    .btn-galerie {
        min-width: 100px;
    }
    .btn-filter {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* max 1599px */
@media (max-width: 1599px) {
    .black-card01 {
        max-width: 380px;
        left: 0;
    }
}

/* max 1400px */
@media (max-width: 1400px) {
    .img-eco > img {
        margin-left: 0px;
        width: 400px !important;
        height: auto;
    }
    .div_padding {
        padding-top: 50px;
    }
}

/* max 1366px */
@media (max-width: 1366px) {
    .menu_contact {
        width: 300px;
    }
}

/* max 1199px */
@media (max-width: 1199px) {
    .black-card01 {
        max-width: 320px;
        top: 260px;
        left: 0;
    }
}

/* max 1024px */
@media (max-width: 1024px) {
    .visuals0 {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .black-card01 {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 20px;
        max-width: 100%;
    }
}

/* max 920px */
@media (max-width: 920px) {
    .wrap {
        padding: 10px;
        display: block;
    }
    .left {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .carousel-wrap {
        margin-top: 18px;
    }
    .track {
        width: 900px;
        padding: 6px 10px;
    }
}

/* max 720px */
@media (max-width: 720px) {
    .track {
        flex-direction: column;
        gap: 16px;
        padding: 0;
    }
    .card {
        width: 100%;
        max-width: none;
        box-sizing: border-box;
    }
    .logo_avis img {
        min-width: 150px;
        height: auto;
    }
    .custom-list {
        padding-left: 2.5em;
    }
    .logo_gallerie {
        display: none;
    }
}


/* ========================
   MIN-WIDTH
======================== */

/* min 900px */
@media (min-width: 900px) {
    .equip-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.6rem 2rem;
    }
}

/* min 1024px et max 1370px */
@media (min-width: 1024px) and (max-width: 1370px) {
    .room-text {
        max-width: 450px;
    }
    .room {
        gap: 50px;
    }
}

/* min 1300px */
@media (min-width: 1300px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 100%;
        padding-left: 158px;
        padding-right: 94px;
    }

    .col_section_1 {
        padding-right: 80px;
    }

    /* section services */
    .container-services-1 {
        max-width: 100%;
        padding-left: 112px;
        padding-right: 104px;
    }
    .container-services-2 {
        max-width: 100%;
        padding-left: 162px;
        padding-right: 164px;
    }

    /* section activites */
    .container-activites-1 {
        max-width: 100%;
        padding-left: 150px;
        padding-right: 113px;
    }
    .container-activites-2 {
        max-width: 100%;
        padding-left: 228px;
        padding-right: 159px;
    }

    /* section galerie */
    .container-galerie-1 {
        max-width: 100%;
        padding-left: 153px;
        padding-right: 112px;
    }
    .container-galerie-2 {
        max-width: 100%;
        padding-left: 84px;
        padding-right: 132px;
    }

    /* section visite 3D */
    .container-visite3d-1 {
        max-width: 100%;
        padding-left: 90px;
        padding-right: 187px;
    }
    .container-visite3d-2 {
        max-width: 100%;
        padding-left: 90px;
        padding-right: 144px;
        margin-top: 70px;
    }
}

/* min 1400px et max 1920px */
@media (min-width: 1400px) and (max-width: 1920px) {
    .img-eco > img {
        margin-left: 100px;
        width: 500px !important;
        height: auto;
    }
}