@media (max-width: 1400px){
    /* ### LAYOUT ### */
    .banner .lieu,
    .container,
    .container.has-background .container-inner{
        width: calc(100% - 56px);
    }
    .container.no-margin,
    .container.has-background {
        max-width: initial;
        width: initial;
    }

    #header .header-navbar > .navbar-nav{
        gap: 24px;
    }

    .event {
        height: 320px;
    }
}

@media (max-width: 1200px){
    /* ### HEADER ### */
    #header {
        height: 58px;
    }

    #header #mobile-navbar {
        position: fixed;
        display: flex;
        justify-content: start;
        background-color: #fff;
        top: 0;
        bottom: 0;
        right: -350px;
        padding: 32px;
        min-width: 300px;
        transition: .3s right;
        z-index: 115;
    }
    #header .header-navbar {
        display: none;
    }
    #header #mobile-navbar.active {
        right: 0;
    }
    .admin-bar #header #mobile-navbar {
        margin-top: 32px;
    }

    #header .header-navbar-brand {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    #header img.logo-brand {
        height: 44px;
    }
    #header .logo-title-wrapper,
    .logo-title-wrapper {
        margin-top: 0;
    }
    #header #header-inner .logos-container .logo-rf,
    #header #header-inner .logos-container .logo-crous{
        width: 32px;
    }
    .logos-container {
        gap: 8px;
    }

    #header .header-mobile-togglers {
        display: flex;
        align-items: center;
        /*cursor: pointer;*/
    }

    #header #mobile-navbar > .navbar-nav {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 140px;
        gap: 16px;
    }
    #header .header-navbar > .navbar-nav .dropdown-menu{
        position: relative !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0;
        inset: 0 !important;
        padding-left: 5px;
        max-width: 90%;
        background-color: transparent !important;
    }
    #mobile-navbar .sub-menu-wrapper {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 32px;
        padding-top: 32px;
        gap: 16px;
        border-top: 1px solid #ccc;
    }
    #mobile-navbar .sub-menu-wrapper .navbar-nav {
        gap: 16px;
    }
    #mobile-navbar .sub-menu-wrapper .navbar-nav .nav-link {
        color: var(--default-text-color);
        font-family: 'BD Good Wood';
        padding: 0;
        line-height: 1;
        font-size: 18px;
    }
    #header .header-navbar > .navbar-nav > li a {
        font-size: 22px;
    }
    #header .header-navbar > .navbar-nav > li a:before {
        top: 11px;
    }
    #header .header-navbar > .navbar-nav > li:nth-of-type(2) > a:before {
        top: 12px;
    }
    #header .header-navbar > .navbar-nav > li ul li a {
        font-size: 18px;
    }
    #mobile-navbar .sub-menu-wrapper input {
        width: 100%;
    }

    #header #mobile-navbar > .navbar-nav {
        gap: 16px;
    }
    #header .header-navbar > .navbar-nav .dropdown-menu {
        background-color: transparent !important;
    }
    #header .header-navbar > .navbar-nav .dropdown-menu > li:first-of-type {
        margin-top: 16px;
    }
    #header .header-navbar > .navbar-nav > li:last-of-type > a {
        margin-left: 0;
    }
    #header .header-navbar > .navbar-nav > li ul li a {
        font-weight: 500;
        padding-left: 0;
    }
    #header .header-navbar > .navbar-nav .dropdown-menu > li:last-of-type{
        margin-bottom: 0;
    }
    #header .header-navbar > .navbar-nav > li .dropdown-menu a {
        color: var(--default-text-color) !important;
    }
    #header .header-navbar > .navbar-nav > li ul li:hover a{
        background-color: transparent;
    }

    /* ### BURGER MENU ### */
    header#header .header-navbar-toggler {
        display: flex;
        justify-content: end;
        cursor: pointer;
    }
    header#header .header-navbar-toggler.cross-toggler {
        left: 24px;
        top: 24px;
    }

    header#header .header-navbar-toggler.cross-toggler .burger-menu {
        width: 24px;
        height: 16px;
    }

    header#header .header-navbar-toggler.cross-toggler .burger-menu .item-burger-menu {
        height: 2px;
    }

    header#header .header-navbar-toggler.cross-toggler .burger-menu .item-burger-menu:first-of-type {
        top: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    header#header .header-navbar-toggler.cross-toggler .burger-menu .item-burger-menu:last-of-type {
        bottom: 50%;
        transform: translate(0, -50%) rotate(45deg);
    }

    header#header .header-navbar-toggler.cross-toggler .burger-menu:hover > .item-burger-menu:nth-of-type(2) {
        width: 100%;
    }

    .sub-menu-wrapper .search-form {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .sub-menu-wrapper .search-form .search-icon {
        width: 30px;
    }
    
    .page-recherche h1 {
        margin-top:20px;
    }
    .page-recherche .results-section {
        margin-top:0;
    }
    .page-recherche .container.results.events .container-inner h2 {
        margin-bottom:60px;
    }

    /* ### ###### ### */
    /* ### FOOTER ### */
    /* ### ###### ### */
    footer#footer .footer-inner-container {
        grid-template-columns: 60% 40%;
        height: 400px;
    }
    footer#footer .footer-inner-container > div {
        margin-bottom: 40px;
    }
    footer#footer h3 {
        margin-top: 40px;
    }
    footer#footer .footer-inner-container > .footer-dev-container {
        padding-bottom: 40px;
    }

    .home .graphic-elements{
        display: none;
    }

    /* Page */
    .bandeau .container.image_right,
    .bandeau .container.image_left,
    .bandeau .container {
        gap: 32px;
        padding: 32px 0;
    }
    .bandeau .container.img-full-height{
        padding: 0;
        gap: 0;
    }
    .bandeau .container .container-inner {
        padding: 0;
        width: 100%;
    }
    .bandeau .container .container-inner .texte-bandeau {
        padding: 0;
    }
    .bandeau .container.img-full-height .container-inner{
        padding: 32px 0;
    }
    .bandeau .container.img-full-height.image_right .container-inner{
        padding-right: 32px;
    }
    .bandeau .container.img-full-height.image_left .container-inner{
        padding-left: 32px;
    }
    .bandeau .button{
        margin-top: 24px;
    }

    /* ### Event ### */
    .event {
        border-top-left-radius: 40px;
        height: 280px;
    }
    .event-header {
        height: 280px;
    }
    .event-header img {
        /*height: 184px;*/
    }
    .event-content .title, .article-main .title {
        font-size: 20px;
    }

    /* ### Article ### */
    .article-header img {
        height: 176px;
    }
    .articles > .article-item:first-of-type .article-header img,
    .articles > .article-item:nth-of-type(2) .article-header img{
        height: 176px;
    }

    /* ### Lieu ### */
    .article .lieu .title,
    .event .lieu .title {
        display: none;
    }
    .banner-item .lieu .title {
        display: block;
    }

    /* Single event */
    .container.container-col {
        gap: 32px;
    }
    .single .container .container-inner {
        padding: 32px 0;
    }
    .container .container-inner.infos{
        padding-top: 0;
    }
    .single .container-inner.details {
        padding: 32px;
    }
    .container.container-col .left {
        width: calc(35% - 16px);
    }
    .container.container-col .right {
        width: calc(65% - 16px);
    }
    .infos .nav {
        gap: 40px;
    }
    .infos .nav .nav-item:after {
        right: -20px;
    }
    .single .container.no-margin .container-inner.banner img{
        height: 400px;
    }

    /* Single actu */
    .single-post .container-inner.details{
        margin-top: 36px;
    }

    #newsletter-modal{
        width: 70vw;
    }
}

@media (max-width: 992px){
    /* ### LAYOUT ### */
    h1.page-title{
        font-size: 28px;
        padding: 10px 10px;
        padding-top: 45px;
    }
    h1.page-title:before, 
    h1.page-title:after {
        top: -10px;
        width: 100vw;
        height: 40px;
    }
    h1.page-title:after{
        display: none;
    }
    h1.page-title:before {
        right: initial;
        left: 50%;
        transform: translateX(-50%);
        background-position: center;
        background-size: cover;
    }

    .container.container-col.breadcrumb-container{
        display: none;
    }

    .home .description p{
        font-size: 28px;
    }

    /* ### FOOTER ### */
    #footer .container {
        justify-content: start;
        align-items: center;
        flex-direction: column;
        padding: 48px 0;
        gap: 48px;
    }

    .banner .title .inner-title {
        font-size: 20px;
    }

    /* Page */
    .bandeau .container.img-padding{
        flex-direction: column;
        align-items: center;
    }
    .bandeau .container.img-padding .img-container {
        margin-top: 0px;
        max-width: 400px;
    }

    /* Accueil */
    .home .banner {
        height: 400px;
    }

    /* Lieu */
    .single-lieu .texts {
        padding-right: 0;
    }
    .container.informations-pratiques-content .inner-container {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    /* Event */
    .event-item.focus .event,
    .event {
        height: 304px;
    }

    .container.container-col {
        flex-direction: column-reverse;
    }
    .container.container-col .left {
        margin-top: 0px;
        width: 100%;
    }
    .details .place, .details .places {
        margin: 16px 0;
    }
    .details .button {
        width: fit-content;
        margin-top: 0;
    }
    .medias .media.first {
        grid-column: initial;
    }
    .galeries .splide__slide img,
    .media.first img,
    .media img {
        height: 128px;
        width: 100%;
    }
    .container.container-col {
        gap: 0;
    }
    .single .container-inner.details {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 16px;
    }
    .container.container-col .right {
        width: 100%;
    }
    .single-evenement .container.container-col .left{
        margin-top: 0;
    }

    /* Single evenement */
    .suggestions .events{
        grid-template-columns: repeat(2, 1fr);;
    }

    /* Single actu */
    .single-post .details .place, .details .places {
        flex-direction: row;
    }
    .single-post .container-inner.details {
        display: block;
        margin-top: 0;
    }

    .single-lieu .texts .text-item .text-item-inner{
        flex-direction: column;
        gap: 24px;
    }
    .single-lieu .texts .text-item .text-item-inner > div{
        width: 100%;
    }
}

@media (max-width: 768px){
    /* ### LAYOUT ### */
    h1{
        font-size: 40px;
    }
    h1.page-title{
        font-size: 24px;
    }
    .graphic-elements{
        display: none;
    }
    .row>*:first-child{
        margin-top: 0;
    }

    .bandeau .container.img-padding{
        padding-top: 0;
    }

    /* ### HEADER ### */
    #header #header-inner.fixed .header-container-inner{
        padding-bottom: 0;
    }
    #mobile-navbar .sub-menu-wrapper .navbar-nav .nav-link {
        font-size: 16px;
    }
    #header .header-navbar > .navbar-nav > li a {
        font-size: 18px;
    }
    #header .header-navbar > .navbar-nav > li a:before {
        top: initial;
    }
    #header .header-navbar > .navbar-nav > li:nth-of-type(2) > a:before {
        top: initial;
    }
    #header .header-navbar > .navbar-nav > li ul li a {
        font-size: 16px;
    }

    /* ### ###### ### */
    /* ### FOOTER ### */
    /* ### ###### ### */
    #footer .container {
        flex-direction: column;
        align-items: start;
        justify-content: initial;
        padding: 40px 0;
        gap: 24px;
    }
    #footer .footer-lieux-infos {
        flex-direction: column;
        gap: 56px;
        margin-top: 32px;
        width: 100%;
    }
    #footer .footer-lieu:after {
            top: initial;
            bottom: -28px;
            left: 0;
            width: 100%;
            height: 1px;
    }
    footer#footer .footer-inner-container {
        grid-template-columns: 1fr;
    }

    /* ### Accueil ### */
    .banner .title .inner-title {
        font-size: 20px;
    }

    /* Page */
    .bandeau.simple .container.img-full-height .container-inner {
        width: 100%;
    }
    .bandeau .container.img-full-height {
        flex-direction: column;
    }
    .bandeau .container.img-full-height.image_right .container-inner {
        padding-right: 0;
    }
    .bandeau .container.img-full-height.image_left .container-inner{
        padding-left: 0;
    }

    .membres-equipe {
        grid-template-columns: 1fr;
    }
    .carte-membre-equipe {
        font-size: 14px;
    }
    .carte-membre-equipe .site {
        font-size: 12px;
    }
    .carte-membre-equipe .nom {
        font-size: 18px;
        margin: 8px 0;
    }
    .carte-membre-equipe .separator {
        width: 25%;
        margin-bottom: 16px;
    }
    .carte-membre-equipe .poste {
        margin: 8px 0;
    }
    .single-lieu .container-head > .title {
        margin-bottom: 16px;
    }
    .facets {
        gap: 16px;
        flex-direction: column;
        margin-bottom: 24px;
    }
    .filters .fs-wrap.multiple,
    .facets .facet .facetwp-type-dropdown {
        width: 100%;
    }
    .facet{
        width: 100%;
    }

    /* Agenda */
    .event.focus .event-header img{
        height: 200px;
    }
    .banner .lieu,
    .container,
    .container.has-background .container-inner {
        padding-bottom: 24px;
    }

    /* Actu */
    .article .article-header img,
    .article.focus .article-header img{
        height: 200px;
    }

    /* Lieu */
    .articles .article-item:first-of-type,
    .articles .article-item:nth-of-type(2){
        width: 100%;
    }
    .events, .articles{
        margin-bottom: 0;
    }
    .container.filters {
        padding-bottom: 0;
    }

    /* Single event */
    .single-evenement .banner {
        height: 264px;
    }
    .medias {
        grid-template-columns: repeat(5, 1fr);
    }
    .galeries .splide__slide img,
    .media.first img,
    .media img {
        height: 128px;
    }
    .single .container.no-margin .container-inner.banner img {
        height: 264px;
    }
    .single-evenement .container.has-background .container-inner {
        padding-bottom: 0;
    }
    .single-evenement .container-inner.content{
        padding-top: 0;
    }
    .suggestions .events{
        grid-template-columns: repeat(1, 1fr);;
    }

    #newsletter-modal{
        width: 90vw;
    }
}

@media (max-width: 576px){
    /* ### LAYOUT ### */
    .page-content {
        margin: 50px auto;
    }
    h1.page-title{
        padding-top: 25px;
    }
    h1.page-title:before, h1.page-title:after {
        height: 25px;
    }
    h2 {
        font-size: 24px;
    }
    .container .container-inner {
        padding: 40px 0;
    }
    .container .container-inner h2 {
        margin-bottom: 24px;
    }
    .banner > img {
        height: 200px;
    }

    /* ### HEADER ### */
    .banner .lieu, .container,
    .container.has-background .container-inner {
        width: calc(100% - 32px);
    }

    /* Page */
    .genre {
        font-size: 10px;
        padding: 0px 6px 0px 12px;
    }
    .article-main .resume {
        font-size: 12px;
    }
    .lieu-container {
        top: 24px;
    }
    .splide .splide__arrows.splide__arrows--ltr{
        top: -56px;
    }
    .facetwp-dropdown,
    .filters .fs-label-wrap .fs-label {
        font-size: 14px;
    }

    /* ### Accueil ### */
    .home .banner {
        height: 304px;
    }
    .banner .title .inner-title {
        font-size: 18px;
    }
    .banner .splide__pagination {
        display: none;
    }
    .banner .title.container {
        bottom: 24px;
        padding-bottom: 0;
    }
    .banner .title .inner-title {
        padding: 12px 16px;
        border-radius: 2px;
    }
    .banner .lieu .title {
        font-size: 18px;
    }
    .banner .lieu .title:before, .banner .lieu .title:after {
        height: 2px;
    }
    .banner .lieu svg {
        width: 32px;
        height: 32px;
    }
    .home .description p {
        font-size: 20px;
    }

    .banner .lieu,
    .container,
    .container.has-background .container-inner {
        padding-bottom: 16px;
    }

    /* Actu */
    .article {
        padding-top: 25px;
    }
    .article-category{
        font-size: 14px;
    }
    .article .article-header img,
    .article.focus .article-header img{
        height: 176px;
    }

    /* Event */
    .event {
        height: 280px;
    }
    .event-content .event-date {
        font-size: 12px;
    }
    .event-content .event-date svg {
        width: 8px;
        height: 8px;
    }
    .event-content .title,
    .article-main .title {
        font-size: 18px;
    }
    .event-content .artists {
        font-size: 12px;
    }

    /* Lieu */
    .single-lieu .filters .lieu .title{
        display: flex;
    }
    .container.informations-pratiques-content .inner-container .informations{
        padding: 16px 24px;
    }
    .single-lieu .nav {
        gap: 32px;
    }
    .single-lieu .nav .nav-item:after {
        right: -16px;
    }
    .single-lieu .nav .nav-item {
        font-size: 13px;
    }

    /* Single event */
    .single-evenement .banner {
        height: 200px;
    }
    .details .button {
        margin-top: 16px;
    }
    .single .container-inner.details {
        display: block;
    }
    .single .container .container-inner {
        padding: 16px 0 24px 0;
    }
    .single .container-inner.content {
        padding-top: 0;
    }
    .infos .nav {
        gap: 24px;
        row-gap: 16px;
    }
    .infos .nav .nav-item:after {
        height: 12px;
        right: -14px;
    }
    .details .button {
        margin-top: 16px;
    }
    .single .container-inner.details {
        display: block;
        padding: 24px;
    }
    .medias {
        grid-template-columns: repeat(2, 1fr);
    }
    .infos .nav .nav-item {
        font-size: 12px;
    }
    .container .container-inner.infos{
        padding-top: 0;
    }
    .galeries .splide__slide img,
    .media.first img,
    .media img {
        height: 152px;
    }
    .content .category {
        margin-bottom: 0;
    }
    .content .genders {
        margin-bottom: 4px;
    }
    .single .container.no-margin .container-inner.banner img {
        height: 200px;
    }

    /* Single Actu */
    .single-post .details .place, .details .places {
        flex-direction: column;
    }
}