@media screen and (min-width: 1200px) {

    #header-s {
        display: none;
    }


    footer {
        margin-top: 40px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    #header-s {
        display: none;
    }
}


@media screen and (min-width: 1601px) and (max-width: 1990px) {
    #header-s {
        display: none;
    }
}

/* TABLETTES */
@media screen and (min-width: 900px) and (max-width: 1200px) {
    #logo_wrapper {
        height: 100%;
    }

    #header-s,
    #header-xl {
        display: none;
    }

    #logo_wrapper img {
        width: 100%;
    }

    #inscription2 h2 {
        font-size: 35px;
    }

    footer .container {
        position: absolute;
        top: 48%;
        left: 19%;
        font-size: 11px;
    }

    #mailpoet_submit {
        font-size: 22px;
    }

    #header_mobile {
        display: none;
    }

    #main h1,
    main h1,
    main h2,
    #main h2 {
        color: #cbb97d;
        font-size: 49px;
    }

    #traiteur_paragraphe {
        background: white;
        width: 311px;
    }
}

@media screen and (min-width: 720px) and (max-width: 900px) {
    #traiteur_paragraphe {
        background: white;
        width: 311px;
    }

    #inscription2 h2 {
        font-size: 35px;
    }

    #mailpoet_submit {
        font-size: 22px;
    }

    #logo_wrapper {
        height: 100%;
    }

    #logo_wrapper img {
        width: 100%;
    }

    #header_mobile {
        display: none;
    }

    #main h1,
    main h1,
    main h2,
    #main h2 {
        color: #cbb97d;
        font-size: 49px;
    }
}

/* MOBILE */
@media screen and (min-width: 200px) and (max-width: 720px) {

    #header-s {
        display: block;
    }

    #header-l,
    .header-top {
        display: none !important;
    }

    #demande_evenement {
        margin-top: 10px;
        scroll-margin-bottom: 10px;
    }

    #chambres_contenu #post-16 {
        margin-top: 20px;
    }

    #inscription2 .row {
        height: auto !important;
        padding-top: 10%;
        padding-bottom: 10%;
    }

    #header_mobile img {
        width: 100%;
        height: auto !important;
    }

    #inscription {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        bottom: 0;
        text-align: center;
    }

    #header_mobile .row {
        background-color: white;
    }

    #element1 {
        display: none;
    }

    .footer2 {
        text-align: center;
    }

    #navbar_main a {
        color: white !important;
        text-decoration: none;
    }

    #logos_partenaires {
        padding-top: 40px;
    }

    #header_ecran,
    .the_excerpt,
    .WidgetGetFlow-module_root_ScfUM,
    .n2-section-smartslider {
        display: none !important;
    }

    .HeroSlider-module_hero-slider_2-LvU,
    .HeroSlider-module_hero-slide-image_1uKxW {
        height: auto;
    }

    .bloc,
    .accueil_mobile {
        display: block;
        clear: both;
    }

    #cote_gauche,
    .accueil_ordi,
    .the_excerpt,
    #titre_accueil {
        display: none;
    }


    #menu_small a {
        font-size: 20px;
        line-height: 1.5;
    }

    #lien {
        display: block;
        text-align: center;
        color: #b3a258;
    }

    #lien img {
        width: 42px !important;
        height: 42px !important;
    }


    #menu_commande {
        display: none;
    }

    #image_footer {
        display: none;
    }

    footer {
        position: relative;
    }

    footer {
        font-size: 20px !important;
    }


    #contenu_footer {
        width: 100%;
        font-size: 1em;
    }

    #menu_haut {
        display: none;
    }

    #navbar_responsive {
        display: block !important;
    }

    #navbar_responsive i {
        font-size: 42px;
    }

    #afficher_menu {
        display: block !important;
        position: fixed;
        z-index: 999999;
    }

    .footer2 {
        padding-top: 40px;
    }

    .footer2 h2 {
        padding-top: 15px;
        padding-bottom: 6px;
    }

    /* Formulaire page contact */
    .wpcf7-form.init input {
        width: 100%;
    }

    .form.formulaire_inscription {
        margin-left: auto;
        width: 100%;
        position: relative;
        top: auto;
        height: auto;
    }

    /* Page évènements */
    #vague h1,
    #vague h2,
    #salle_reception h1,
    #salle_reception h2,
    #main h1,
    main h1,
    main h2,
    #main h2 {
        font-size: 38px;
        color: #b3a258;
    }

    #main {
        margin-top: 23%;
    }

    #salle_reception .col-md-6 {
        margin-top: 20px;
    }

    article {
        padding-left: 0;
    }

    /* Slider */
    .main-carousel h1 {
        font-size: 33px
    }

    .container {
        padding: 0;
    }

    .wc_payment_method {
        padding-left: 2px;
        font-size: 12px;
    }

    #galerie {
        margin-top: 80px;
    }

    /* Page domaine  */
    .tile-section-divider-container .m-section-title-container.m-position-absolute-xl .m-section-title {
        margin-top: 0 !important;
    }

    footer {
        font-size: 20px;
    }

}

#navbar_responsive {
    display: none;
}

#description_accueil {
    padding-left: 11%;
    padding-top: 12%;
}

/* Page le domaine */
#jardin_images_du_bas .col-12 {
    margin-top: 15px;
}

@media screen and (min-width: 641px) {}

.select-wrapper {
    display: block;
}


#menu_small li {
    display: block !important;
}

.section-category.gallery-changer .category-toggle ul li.selected {
    color: #a59451;
    font-weight: 600;
    position: relative;
    border-bottom: 1px solid #b3a258;
}

body.offcanvas-active {
    overflow: hidden;
}

.offcanvas-header {
    display: none;
}

.screen-darken {
    height: 100%;
    width: 0%;
    z-index: 30;
    position: fixed;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(34, 34, 34, 0.6);
    transition: opacity .2s linear, visibility 0.2s, width 2s ease-in;
}

.screen-darken.active {
    z-index: 10;
    transition: opacity .3s ease, width 0s;
    opacity: 1;
    width: 100%;
    visibility: visible;
}

/* ============ mobile view ============ */
@media all and (max-width: 991px) {

    .offcanvas-header {
        display: block;
    }

    .mobile-offcanvas {
        visibility: hidden;
        transform: translateX(-100%);
        border-radius: 0;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 1200;
        width: 80%;
        overflow-y: scroll;
        overflow-x: hidden;
        transition: visibility .3s ease-in-out, transform .3s ease-in-out;
    }

    .mobile-offcanvas.show {
        visibility: visible;
        transform: translateX(0);
    }

    .mobile-offcanvas .container,
    .mobile-offcanvas .container-fluid {
        display: block;
    }

    .no-lightbox img {
        max-width: 100% !important;
    }

}

#header-s img {
    max-width: 80%;
    height: auto;
    padding: 10px;
}