@media screen and (min-width: 1501px) and (max-width: 1730px) {}

@media screen and (min-width: 1025px) and (max-width: 1440px) {}


@media screen and (min-width: 851px) and (max-width: 1024px) {}


@media screen and (max-width: 850px) {

    /* BASE  */

    header.navbar {
        height: 65px;
        padding: 0px 0px 0 30px;
    }

    header.navbar:before {
        min-height: 130px;
    }

    .cadreintern {
        font-size: 1em;
        width: 90%;
        padding: 0 15px;
        left: 5%;
        text-align: left;
        top: 40%;
    }

    .cadreintern h1,
    .cadreintern h2,
    .cadreintern h3 {
        font-size: 1.8em;
    }

    .fleches {
        position: absolute;
        bottom: 20px;
        left: 15px;
        height: 55px;
        width: 150px;
    }

    .logo {
        position: absolute;
        top: -28px;
        left: -5px;
    }

    .logo img {
        padding: 0;
        width: auto;
        height: 45px;
        margin-top: 6px;
        margin-left: 0;
    }

    header.navbar.stickback {
        top: 0px;
    }

    .flex-entete-d {
        display: none !important;
    }

    .MenuBox {
        display: flex;
        padding: 10px;
        cursor: pointer;
        line-height: 1;
        text-align: center;
        text-transform: uppercase;
        overflow: hidden;
        border: 1px solid #C71631;
        background-color: #C71631;
        border-radius: 0;
        position: relative;
        left: 0;
        height: 65px;
        width: 65px;
        color: #fff;
        justify-content: center;
        align-items: center;
    }


    .MenuBox img.menuouvert {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }

    .MenuBox.open .menufermer {
        display: block;
    }

    .MenuBox.open img.menuouvert {
        display: none;
    }

    .menufermer {
        display: none;
    }


    ul#menu-entete {
        display: none;
    }

    .ajoutemenu a::before {
        display: none;
    }

ul#menu-entete.menu.open {
        display: block !important;
        position: absolute;
        left: 0;
        top: 65px;
        background: #c71631;
        width: 100%;
        padding: 15px 15px;
        transform: translateY(0);
        opacity: 1;
        box-shadow: inset 0px 15px 30px #00000055;
        overflow-y: scroll;
        height: 100vh;
    }

    ul#menu-entete li.menu-item-has-children.openLi .sub-menu {
        display: block;
        padding: 0;
        background: transparent;
        min-width: 190px;
        top: 0;
        overflow: hidden;
        width: auto;
        grid-template-columns: 1fr;
        position: relative;
        margin: 0;
        gap: 0px 30px;
    }

    .wrapper-submenu {
        background: transparent;
        padding: 20px 25px 0px 25px;
    }

    ul#menu-entete>li:before,
    ul#menu-entete>li.current-menu-item:before {
        bottom: auto;
        margin-top: 35px;
    }

    ul#menu-entete li {
        list-style: none;
        position: relative;
        margin-bottom: 10px;
    }

    ul#menu-entete li.menu-item-has-children.openLi .sub-menu li {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    ul#menu-entete li a {
        padding: 5px 0;
        display: block;
        color: #fff;
        font-weight: 400;
    }

    ul#menu-entete li.menu-item-has-children.openLi .wrapper-submenu {
        display: block;
        position: relative;
        top: 0;
        box-shadow: none;
    }


    .sub-menu li:last-child {
        margin: 0 !important;
    }

    li.menu-item-has-children:after {
        right: 10px;
        top: 0px;
		display:none;
    }

    a.prendre_rdv.btn.bordure.icoagenda {
        color: #bea160 !important;
    }

    li.ajoutemenu {
        display: flex;
        gap: 10px;
    }

    .ajoutemenu a {
        margin: 0 !important;
    }


    /* SUITE */


    .flottant-rapide {
        display: none !important;
    }


    .ItemSliderHome {
        overflow: hidden;
    }

    .Filedariane {
        margin-top: 17px;
        background: #C71631;
        padding: 25px;
        color: #fff;
    }


    .containerPost,
    .wp-link {
        margin: 0 20px;
    }


    .CarouDecalage .listCard__item {
        min-width: auto;
        margin: 0px 15px;
        margin-bottom: 25px;
        height: 210px;
        box-shadow: 0px 15px 13px #00000029;
    }



.menu-item-type-custom a[href="#"]:first-of-type::after {
    content: "\276F";
    position: absolute;
    right: 5px;
    transform: rotate(90deg);
    top: -2px;
    color: #FFBA00;
    font-size: 20px;
}



.slider_homepage .slick-list, #home_slider .overflowhiddenSlider {
    overflow: hidden;
}



}


@media screen and (max-width: 430px) {


    .espace-menu {
        display: flex;
        z-index: 2;
        order: 3;
    }

    .flex-entete-d {
        display: flex !important;
    }

    a.demarche,
    .cntSearch em {
        display: none !important;
    }


    .rechercheblock.ouvert {
        top: 50px;
        height: 120px;
        z-index: 2;
    }

    /* SUITE */

    .gridmagazine,
    .griddb,
    .intramuros,
    .blocken1clic,
    .gridImageTexte,
    .gridfichier,
    .cntBox,
    .grid3_blocks {
        grid-template-columns: 1fr !important;
        padding: 0;
    }

    .GridServices,
    main.Gridconseilblock {
        grid-template-columns: 1fr 1fr !important;
    }


    .titrebase h1,
    .titrebase h2,
    .titrebase h3,
    .titrebase h4 {
        font-size: 1.5em;
    }

    .cadreintern h1,
    .cadreintern h2,
    .cadreintern h3 {
        font-size: 1.2em !important;
    }


    div#banniereIntern {
        height: 22vh;
    }

    #banniereIntern:before {
        width: 100%;
        height: 21px;
        background-size: contain;
    }


    .filters {
        flex-direction: column;
    }

    .filters select,
    input#filter-keyword {
        padding: 10px 20px;
    }

    .cardlistesite {
        flex-direction: column;
        align-items: center;
    }

    .cardlistesite img {
        width: 100%;
        object-fit: cover;
        height: 160px;
        flex-basis: inherit;
    }

    .Filedariane.pageint h1 {
        color: #FFBA00;
        font-size: 1.6em;
        margin: 20px 0;
    }


    /* CONTENU  */


    .element-fichier {
        border-right: none;
    }


    .detailmagazine {
        margin-left: 0px;
    }

    .container,
    .contenumagazine,
    .griddb,
	.container-form	{
        padding: 0 20px;
    }

    .CarouDecalage {
        overflow: hidden;
        margin-right: 0;
    }

    main.Gridblocken1clic {
        width: 100%;
        max-width: 370px;
    }


    /* IMAGES & AUTRES  */

    .cadreServices {
        height: 160px;
    }

    .borduimgslider {
        position: relative;
        width: 100%;
        border-radius: 0;
    }

    #home_slider .overflowhiddenSlider {
        height: 530px;
        margin-top: 5px;
    }

    section#block_en_1_clic {
        padding-top: 50px !important;
    }


    .Rondjaune {
        font-size: 1.6em;
        margin: 0;
        line-height: 1em;
        margin-bottom: 20px;
        margin-top: 0;
        font-weight: 100;
        position: relative;
        margin-left: 50px;
    }

    .Rondjaune:before {
        content: "";
        width: 80px;
        height: 80px;
        background: #FFBA00;
        position: absolute;
        left: -50px;
        top: -9px;
        z-index: -1;
        border-radius: 50%;
    }

    h2.RondTitre:before,
    h3.RondTitre:before {
        content: "";
        width: 80px;
        height: 80px;
        background: #fff2ce;
        position: absolute;
        left: -50px;
        top: -9px;
        z-index: -1;
        border-radius: 50%;
    }

    h2.RondTitre,
    h3.RondTitre {
        font-size: 2.8em;
        margin-left: 50px;
    }


    .contenumagazine h4,
    .contenumagazine h3,
    .contenumagazine h2 {
        font-size: 1.4em;
    }

    .gridImageTexte .LayTexte hr,
    hr.special,
    hr.hrspecial {
        margin-left: 0px;
    }

    .magazine-carousel {
        padding-top: 30px;
    }


    .texteintramuros {
        position: relative;
        color: #fff;
        font-size: 1.1em;
    }

    .texteintramuros p,
    .imageintramuros {
        padding-left: 50px;
    }

    .intramuros .imageintramuros img {
        height: 155px;
        width: auto;
        object-fit: cover;
    }


    /* SLIDER   */


    main.Gridblocken1clic {
        width: 100%;
        max-width: 330px;
        display: grid;
        grid-auto-columns: 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 15px 15px;
        margin: auto;
    }

    #block_en_1_clic .sous_galerie_photos {
        display: none;
    }


    /* FOOTER  */


    footer.footerbg {
        margin-top: -50px;
    }


    .main-footer {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "logo"
            "nav"
            "reservation"
            "credits";
        color: #fff;
        padding: 30px 20px;
        gap: 10px 50px;
        max-width: 1200px;
        margin: auto;
    }

    .footer-logo img {
        height: 60px;
        width: auto;
    }

    .footer-nav {
        margin-left: 0;
    }

    .bordtop ul {
        flex-direction: column;
        align-items: flex-start;
    }

    .bordtop ul li {
        border: none;
        margin-bottom: 5px;
    }

    .bordtop ul li a {
        color: #fff;
        font-size: 13px;
        letter-spacing: 1.4px;
        padding: 0;
    }
}