@media (max-width: 1400px) {}

@media (max-width: 1200px) {}

@media (max-width: 992px) {
    .TallTitle {
        font-size: 40px;
        line-height: 44px;
    }

    .palmier-background::before,
    .fleur-rouge-background::before,
    .fleur-rose-background::before,
    .citron-background::before,
    .cactus-background::before,
    .palm-background::before,
    .arbre-background::before,
    .citron-jaune-background::before,
    .plante-rouge-background::before,
    .palmier-gauche-background::before,
    .plante-rouge-background::before,
    .fleur-violette-background::before,
    .roses-background::before,
    .rose-seule-background::before,
    .fleurs-mariages-background::before,
    .rose-rose-background::before,
    .rose-mauve-background::before,
    .roses-couleurs-background::before,
    .rose-seule-chambre-background::before,
    .arbre-suite-background::before,
    .palmier-chambre-background::before,
    .roses-restaurant-background::before,
    .fleur-fushia-background::before,
    .post-id-73 .roses-restaurant-background::before,
    .post-id-33 .roses-restaurant-background::before,
    .post-id-32 .roses-restaurant-background::before,
    .post-id-34 .roses-restaurant-background::before,
    .cactus-restaurant-background::before,
    .citron-restau-background::before,
    .cactus-patisserie-background::before,
    .arbre-experience-background::before,
    .rose-experience-background::before,
    .cactus-experience-background::before,
    .roses-mariages-background::before,
    .rose-informations-background::before,
    .cactus-informations-background::before,
    .fleur-recrutement-background::before,
    .feuille-recrutement-background::before {
        background-image: none;
        width: 0;
        height: 0;
    }

    .image-container-restau .small-image-right {
        top: 34%;
    }

    .image-container-restau .small-image-left {
        top: 42%;
    }
}

@media (max-width: 768px) {

    header .tel-link,
    header .lang-selector,
    header .header-right {
        display: none;
    }

    header .header .logo {
        text-align: left;
    }

    .menu-full-screen .v-left {
        min-width: 100%;
    }

    .overlay {
        width: 100%;
        left: 0;
        transform: translateY(-50%);
        padding: 20px;
    }

    .menu-full-screen .v-left {
        min-width: 100%;
    }

    .menu-full-screen .v-right {
        display: none;
    }

    .TallTitle {
        font-size: 34px;
        line-height: 40px;
    }

    .parallax-section .overlay {
        width: 600px;
    }

    .texte-star {
        margin-top: 0px;
    }

    .citation {
        font-size: 24px;
        line-height: 34px;
    }

    .nom-citation {
        font-size: 24px;
    }

    .nouveau {
        top: 20%;
    }

    .image-container-restau .small-image-right {
        top: 55%;
        left: 49%;
        width: 42%;
    }

    .image-container-restau .small-image-left {
        top: 21%;
        width: 38%;
    }

    .element-item,
    .grid-sizer {
        width: calc(50% - 10px);
    }
}

@media (max-width: 640px) {
    #widget-cta {
        position: fixed;
        bottom: 0;
        top: auto;
        left: 0;
        right: auto !important;
        width: 100%;
        transform: translateY(0px);
        display: flex;
    }

    .widget-cta-Left-bar {
        display: none;
    }

    .widget-cta-top-bar {
        width: 100%;
        border-bottom: 0px solid #E3D299;
        border-right: 1px solid #E3D299;
    }

    .widget-cta-bottom-bar {
        width: 100%;
    }

    .element-item {
        padding: 10px;
    }

    #iso-filter {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .widget-cta-top-bar,
    .widget-cta-bottom-bar {
        font-size: 15px !important;
    }
}

@media (max-width: 480px) {
    footer p.fst-italic.text-gold {
        font-size: 24px;
    }

    footer h4 {
        font-size: 24px;
    }

    footer .text-gold {
        font-size: 20px!important;

    }

    footer p.mentions a {
        margin-left: 10px;
        margin-right: 10px;
    }

    footer ul.list-unstyled {
        text-align: center;
    }

    .SmallTitle {
        font-size: 14px;
        letter-spacing: 3px;
    }

    .TallTitle {
        font-size: 28px;
        line-height: 36px;
    }

    .MediumTitle {
        font-size: 22px;
        line-height: 30px;
    }

    .pt-100 {
        padding-top: 30px;
    }

    .pb-100 {
        padding-bottom: 30px;
    }

    .masonry-five .zoom-container {
        max-height: 200px;
    }

    .masonry-five .overlay-text {
        top: 34%;
    }

    .parallax-section .overlay {
        width: 100%;
        max-width: none;
        height: auto;
        top: 7%;
        left: 0;
        transform: none;
        padding: 20px;
    }

    .parallax-section {
        height: 500px;
    }

    .text-start {
        padding: 15px;
    }

    .button-underline {
        font-size: 18px;
    }

    .slider-suite-section .slick-next {
        right: -3px;
    }

    .slider-suite-section .slick-prev {
        left: -3px;
    }

    .slider-suite-section .slick-prev,
    .slider-suite-section .slick-next {
        width: 40px;
        height: 40px;
    }

    .contain-hero {
        width: 300px;
    }

    .slider-suite-section .slick-prev::before {
        margin-top: 20px;
    }

    .slider-suite-section .slick-next::before {
        margin-top: -20px;
    }

    .citation {
        font-size: 22px;
        line-height: 34px;
    }

    .nom-citation {
        font-size: 22px;
    }

    .post-citation {
        font-size: 14px;
    }

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

    .blog-date {
        font-size: 12px;
    }

    .button-border-center {
        padding: 10px 38px;
        font-size: 16px;
    }

    .large-image {
        margin-left: 10px;
    }

    .hero-title {
        height: 46vh;
        background-attachment: inherit;
    }

    .citation {
        padding: 15px;
    }

    .hero-slider-chambre {
        height: 50vh;
    }

    .logo-restaurant img {
        width: 180px;
    }

    .image-container-restau .small-image-right {
        top: 70%;
        left: 35%;
        width: 55%;
    }

    .image-container-restau .small-image-left {
        top: 14%;
        left: 2%;
        width: 57%;
    }

    .nouveau {
        top: 12%;
    }

    .intro-produit p {
        font-size: 16px;
    }

    .titre-service {
        letter-spacing: 3px;
        font-size: 14px;
        line-height: 24px;
    }

    .element-item,
    .grid-sizer {
        width: 100%;
    }

    .image-404 {
        margin-top: 100px;

    }



}