@media(max-width: 1300px) {
    .fullpage__slide {
        padding-right: 80px;
    }
}
@media(max-width: 1200px) {
    .headerLogo {
        margin-top: 0;
    }
    .homePage__mav__slide h2 {
        width: calc(100% - 400px);
    }    
    .pswp__zoom-level-indicator {
        top: 50px;
        right: 50px;
    }
    .pageTimeline__nav {
        margin: 2rem 0 3rem;
    }
    .pageTimeline__content {
        padding: 2rem;
        margin-bottom: 2rem;
    }
    .fullpage__slide h1 {
        font-size: 2rem;
        line-height: 1;
        margin-bottom: 10px;
    }
    .fullpage__slide h2 {
        font-size: 1.75rem;
        line-height: 1;
        margin-bottom: 5px;
    }
    .fullpage__slide h3 {
        font-size: 1.25rem;
        line-height: 1;
        margin-bottom: 5px;
    }
    .fullpage__slide[data-anchor="1"] .fullpage__slide__description {
        font-size: 1rem;
    }
    .pageEvent__head img {
        width: 50%;
    }
}
@media(max-width: 1100px) {
    h1 {
        font-size: 2.5rem;
    }
    .themesList li {
        margin-top: 2rem;
    }
    .themesList li a {
        height: 250px;
    }
    .themesList li a span {
        font-size: 2rem;
    }
    .blogPage__categories {
        margin: 1rem 0 0;
    }
    .blogList {
        gap: 1rem;
        margin: 1rem 0;
    }
    .blogList__item {
        width: calc(33% - 0.5rem);
    }
    .blogPage__categories li {
        margin: 0 10px 10px 0;
    }
    .eventsList__item {
        gap: 2rem;
    }
    .eventsList__item__date {
        width: 20%;
    }
    .eventsList__item picture {
        width: 30%;
    }
    .eventsList__item__description {
        width: 50%;
    }
    .eventsList__item--first picture {
        width: 50%;
    }
    .eventsList__item--first .eventsList__item__description {
        padding: 2rem;
        font-size: 1rem;
    }
    .eventsList__item--first .eventsList__item__categories {
        font-size: 0.875rem;
    }
    .eventsList__item--first .eventsList__item__date,
    .eventsList__item__date {
        font-size: 1rem;
    }
    .eventsList__item--first h3 {
        font-size: 1.5rem;
    }
    .pageSoldat__header {
        padding: 2rem 0;
    }
    .pageSoldats__list {
        gap: 30px;
    }
    .pageSoldats__item {
        max-width: calc(16.6% - 25px);
        flex: 1 0 calc(16.6% - 25px);
    }
    .pageTimeline__content .w1210 {
        gap: 30px;
    }
    .pageTimeline__content__image {
        width: 40%;
    }
    .pageTimeline__content__description {
        width: 60%;
    }
    .pageTimeline {
        margin: 0;
    }
    .pageTimeline__content {
        margin-bottom: 1rem;
    }
    .fullpage__slide {
        padding-right: 40px;
    }
    .fullpageNav {
        top: auto;
        right: 25px;
        bottom: 20px;
        transform: none;
        z-index: 10;
    }
    .fullpageNav__circle {
        width: 16px;
        height: 16px;
    }
    .fullpageNav__circle:before {
        width: 16px;
        height: 16px;
        border: 3px solid #FFF;
    }
    .fullpageNav__title.active .fullpageNav__circle:before, 
    .fullpageNav__title.prev_active .fullpageNav__circle:before {
        width: 16px;
        height: 16px;
    }
    .fullpageNav ul {
        width: 16px;
    }
    .fullpageNav ul:after {
        border-right: 2px solid #fff;
        right: 7px;
    }
    .fullpage__slide__content--1, .fullpage__slide__content--2 {
        gap: 1rem;
        margin-top: 1rem;
    }
    .fullpage__slide__content--1 .fullpage__slide__description, 
    .fullpage__slide__content--2 .fullpage__slide__description {
        width: 70%;
    }
    .lp__video {
        padding: 2rem 1rem;
    }
    .lp__axes {
        padding: 2rem 0;
    }
    .lp__main h1 {
        font-size: 4rem;
        line-height: 4rem;
    }
    .lp__main h1 strong {
        font-size: 10rem;
        line-height: 10rem;
    }
    .homePage__collections__mois,
    .homePage__collections__list {
        padding: 1.5rem;
    }
}
@media(max-width: 1000px) {
    .header {
        clear: both;
        border-top: 4px solid #8B1813;
        border-bottom: 4px solid #010820;
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #FFF;
        z-index: 99;
    }
    .simple-banner {
        transform: translateY(58px);
    }
    .header + div,
    .header + main {
        margin-top: 57px;
    }
    .page-template-page-frise .header + div,
    .page-template-page-frise .header + main {
        margin-top: 0;
    }
    /* .admin-bar .header {
        top: 32px;
    } */
    #primary {
        clear: both;
    }
    #desktopSecondary {
        display: none;
    }
    #billetterie {
        overflow: hidden;
    }
    #billetterie li {
        margin: 0;
        float: left;
    }
    #billetterie li a {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0;
        width: 70px;
        height: 50px;
        padding: 0;
    }
    #billetterie li:nth-child(1) a {
        border: none;
    }
    #billetterie li:nth-child(1) a::before,
    #billetterie li:nth-child(2) a::before {
        width: 25px;
        height: 25px;
        background-size: contain;
        margin: 0;
    }
    .languageToggle {
        display: flex;
        align-items: center;
        gap: 5px;
        justify-content: center;
    }
    .secondary-navigation {
        height: 50px;
    }
    .secondary-navigation__lang {
        float: right;
        position: relative;
        width: 60px;
        height: 50px;
        padding: 0;
    }
    .secondary-navigation__lang ul {
        position: absolute;
        display: none;
        top: 100%;
        z-index: 99;
    }
    .secondary-navigation__lang:hover ul {
        height: auto;
    }
    .secondary-navigation__lang li.current-lang {
        display: none;
    }
    .secondary-navigation__lang a {
        width: 60px;
        height: 50px;
        text-align: center;
        line-height: 40px;
        background: #010820;
    }
    .secondary-navigation__top > div {
        float: right;
    }
    .header .w1440 {
        position: relative;
        display: inline-block;
        width: auto;
    }
    .headerLogo {
        width: auto;
        margin: 0 0 0 43px;
        padding: 0 15px;
        border-right: 2px solid #EFEFEF;
        border-left: 2px solid #EFEFEF;
    }
    .headerLogo img {
        display: none;
    }
    img.headerLogo__responsive {
        display: inline-block;
        margin: 4px 0;
        height: 36px;
    }
    .main-navigation .menuToggle {
        width: 60px;
        height: 50px;
        padding: 10px 15px;
        border: none;
        background: transparent;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 0;
    }
    .main-navigation .menuToggle svg {
        width: 100%;
        height: 100%;
    }
    .mainNavigation {
        position: fixed;
        left: 0;
        margin-top: 14px;
        width: 100%;
        height: calc(100vh - 50px);
        padding: 30px 20px;
        background: #FFF;
        z-index: 99;
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    .secondary-navigation {
        float: right;
        border: none;
    }
    .main-navigation li {
        position: static;
    }
    .main-navigation li a {
        text-transform: uppercase;
    }
    .main-navigation .sub-menu {
        box-shadow: none;
        width: 100%;
        height: 100%;
        left: 0 !important;
        top: 0;
        padding: 30px 20px;
        display: none;
    }
    .mainNavigation a {
        border: none !important;
        margin: 0 0 20px !important;
        padding: 5px 0 !important;
    }
    .mainNavigation li.current-menu-item > a {
       color: #8B1813;
    }
    .mainNavigation .menu-item-has-children a {
        position: relative;
    }
    .mainNavigation .menu-item-has-children > a::after {
        content: '';
        width: 8px;
        height: 12px;
        background-image: url("data:image/svg+xml,<svg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3 9L6 6L3 3' stroke='black' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/></svg>");
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
    }
    .homePage__billeterie {
        position: static;
        width: 100%;
    }
    .homePage__mav img {
        margin-bottom: -6px;
    }
    .blockChapo {
        font-size: 1.25rem;
        margin: 20px 0 10px;
    }
    .wp-block-image img {
        margin: 1rem 0;
    }
    .pageSimple h2 {
        margin: 1rem 0 0.5rem;
    }
    .pageEvent .entry-header__categories {
        margin-bottom: 1rem;
    }
    .pageSoldats__header {
        padding: 2rem 0;
    }
    .pageSoldats___formCol {
        width: calc(50% - 20px);
        margin-top: 1rem;
    }
    .pageSoldats___form label {
        width: 100px;
    }
    .pageSoldats___form input[type="text"] {
        width: calc(100% - 110px);
    }
    .pageSoldats__item {
        max-width: calc(20% - 25px);
        flex: 1 0 calc(20% - 25px);
    }
    .pageSoldat__info,
    .pageSoldat__medaille {
        gap: 30px;
    }
    .pageSoldat__medailles__list .pageSoldat__medaille, .pageMedailles__list .pageMedailles__item{
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding-top: 1rem;
    }
    .pageMedailles .pageMedailles__item__desc {
        max-width: 85%;
    }
    .pageSoldat__medaille__description {
        width: calc(100% - 250px);
    }
    .pageEvent__head__chapo {
        padding: 2rem;
    }
    .object__description {
        margin: 2rem auto 0;
    }
    .object__description p:last-child {
        margin-bottom: 0;
    }
    .object__description .btn--back, 
    .themesPage .btn--back, 
    .collectionPage .btn--back {
        margin: 1.5rem 0 0;
    }
}
@media(max-width: 900px) {
    html {
        font-size: 14px;
    }
    h1 {
        font-size: 2.25rem;
    }
    .titre--h2,
    .homePage__event__post h3, 
    .lp__event__post h3,
    .homePage__collections__list h2 {
        font-size: 2rem;
    }
    .homePage__pres {
        font-size: 1.5rem;
    }
    .home .socialBlock {
        margin: -50vh auto 0;
    }
    .footerTop {
        flex-flow: column;
        text-align: center;
        gap: 2rem;
    }
    .footerTop__item p:last-child {
        margin-bottom: 0;
    }
    .footerTop__item {
        width: 100%;
    }
    #menu-footer-1 li {
        display: inline-block;
        width: calc(50% - 3px);
        text-align: center;
    }
    .footerBottom {
        margin-top: 2rem;
    }
    .homePage__mav img {
        margin-bottom: -5px;
    }
    .homePage__blog__content {
        gap: 30px;
    }
    .collectionList__item {
        width: calc(33% - 6px);
        margin-bottom: 5px;
    }
    .collectionPage {
        padding: 2rem 0;
    }
    .collectionPage h1 {
        margin-bottom: 2rem;
    }
    .socialBlock {
        padding: 2rem 0;
    }
    .socialBlock h4 {
        font-size: 1.75rem;
        margin-bottom: 1rem;
    }
    .blockGallery {
        margin: 2rem 0;
    }
    .pswp__zoom-level-indicator {
        display: none;
    }
    .themesList li a {
        height: 200px;
    }
    .themesList li a span {
        font-size: 1.5rem;
    }
    .fullpageNav {
        right: 15px;
    }
    #sb_form {
        width: 90%;
        max-width: 900px;
        padding: 1rem;
    }
}
@media(max-width: 800px) {
    html {
        font-size: 13px;
    }
    .homePage__info {
        padding: 2rem 0;
    }
    .homePage__blog__content,
    .homePage__visite__options {
        gap: 20px;
    }
    .homePage__pres {
        padding: 3.25rem 0 3rem;
    }
    .homePage__ressources__item {
        padding: 10px;
    }
    .languageToggle {
        font-size: 14px;
    }
    .homePage__visite {
        margin-bottom: 240px;
    }
    .homePage__mav__slide h2 {
        width: calc(100% - 8rem);
    }
    .homePage__mav img {
        margin-bottom: -4px;
    }
    .eventsList__item {
        gap: 1rem;
    }
    .pageSoldats__item {
        max-width: calc(25% - 25px);
        flex: 1 0 calc(25% - 25px);
    }
    .pageTimeline__content {
        padding: 1rem;
    }
    .pageTimeline__content .w1210 {
        padding: 0;
    }
}
@media(max-width: 767px) {
    .themesList li a {
        background-size: cover;
    }
    .blogList__item {
        width: calc(50% - 0.5rem);
    }
    .lp__genese {
        padding: 4rem 0;
    }
    .homePage__event__post, 
    .lp__event__post {
        height: auto;
        padding: 4rem 2rem 2rem;
    }
    .lp__galerie__item {
        width: calc(33% - 6px);
    }
    .lp__axes__list {
        gap: 1rem;
    }
    .lp__axes__item:nth-child(3) {
        display: none;
    }
    .lp__video {
        flex-flow: column;
        gap: 1rem;
    }
    .lp__video__col {
        width: 100%;
        max-width: 100%;
    }
    .lp__video__col iframe {
        width: 100%;
    }
    .socialBlock__item li a {
        width: 30px;
        height: 30px;
    }
    .socialBlock__item li a svg {
        max-width: 70%;
        max-height: 60%;
    }
    .btn, .wp-block-button__link {
        padding: 8px 15px;
    }
    .main-navigation li a,
    .main-navigation .sub-menu li a {
        font-size: 1.5rem;
        width: 100%;
        margin-bottom: 10px !important;
    }
    .responsiveElement button {
        font-size: 1.25rem;
    }
    .addtoany_list.a2a_kit_size_32 a>span {
        width: 32px !important;
        height: 32px !important;
    }
    .homePage__collections .w1440 {
        flex-flow: column;
    }
    .homePage__collections__mois,
    .homePage__collections__list {
        width: 100%;
    }
    .homePage__visite__option picture {
        border: 5px solid #FFF;
    }
    .homePage__collections .w1440::after {
        right: -20%;
        width: 50%;
        background-size: contain;
    }
}
@media(max-width: 600px) {
    .homePage__info .w1210 {
        flex-flow: column;
        gap: 1rem;
    }
    .homePage__info h4 {
        margin: 0 0 1rem;
    }
    .homePage__info p {
        margin: 0 0 15px;
    }
    .homePage__info p:last-child() {
        margin-bottom: 0;
    }
    .homePage__visite {
        margin-bottom: 200px;
    }
    .homePage__ressources__content {
        flex-flow: column;
    }
    .homePage__ressources__item {
        padding: 20px;
    }
    .homePage__ressources__item picture,
    .homePage__ressources__item img {
        width: 100%;
    }
    .collectionPage h1 {
        font-size: 1.75rem;
    }
    .collectionList__item {
        width: calc(50% - 6px);
    }
    .eventsList__item:not(.eventsList__item--first) picture {
        display: none;
    }
    .eventsList__item__date {
        width: 30%;
    }
    .eventsList__item__description {
        width: 70%;
    }
    .eventsList__item--first {
        flex-flow: column;
        gap: 1rem;
        margin: 1rem 0 2rem;
    }
    .eventsList__item--first picture,
    .eventsList__item--first .eventsList__item__description {
        width: 100%;
    }
    .pageSoldats__item {
        max-width: calc(33% - 25px);
        flex: 1 0 calc(33% - 25px);
    }
    .pageSoldats___formRow {
        flex-flow: column;
    }
    .pageSoldats___formCol {
        width: 100%;
    }
    .pageSoldats__alphabet a {
        font-size: 1.5rem;
    }
    .pageSoldat__medaille img {
        width: 170px;
    }
    .pageSoldat__medaille__description {
        width: calc(100% - 200px);
    }
    .fullpage__slide__content--1 .fullpage__slide__images, 
    .fullpage__slide__content--2 .fullpage__slide__images {
        margin: 0 auto;
    }
    .fullpage__slide__content--1, 
    .fullpage__slide__content--2 {
        flex-flow: column;
    }
    .fullpage__slide__content--1 .fullpage__slide__description,
    .fullpage__slide__content--2 .fullpage__slide__description {
        width: 100%;
    }
    .fullpage__slide__content--3 .fullpage__slide__images {
        flex-flow: column;
        align-items: center;
    }
    .pageEvent__head {
        flex-flow: column;
        gap: 1rem;
    }
    .pageEvent__head img {
        width: 100%;
    }
    .breadcrumbs ul {
        padding: 15px 0 10px;
    }
    .espacePresse__list__item {
        gap: 2rem;
    }
    .espacePresse__list__photo {
        width: 160px;
    }
    .espacePresse__list__description {
        width: calc(100% - 160px);
    }
    .espacePresse__list__photo img {
        width: 100%;
    }
    .fullpage {
        z-index: 9;
    }
    .fullpageNav {
        z-index: 10;
    }
    .fullpage__slide__images img:nth-child(2) {
        display: none;
    }
    .fullpage__slide__content--3 .fullpage__slide__images img {
        max-width: 100%;
    }
    .homePage__histopad, 
    .homePage__boutique {
        background-position: left center;
    }
    .parallaxBlock__image,
    .homePage__visite {
        background-attachment: initial;
    }
    .homePage__reviews__row {
        flex-flow: column;
    }
    .homePage__mav {
        height: calc(100vh - 100px);
    }
    .homePage__mav img {
        max-width: 5000%;
        width: auto;
        height: 100%;
        margin-left: -130%;
    }
    .homePage__mav__slide h2 {
        width: calc(100% - 4rem);
        left: 2rem;
    }
    .pageDivision__container {
        flex-flow: column;
        align-items: center;
    }
}
@media(max-width: 480px) {
    .homePage__mav__slide h2 {
        font-size: 1.5rem;
    }
    .titre--h2, 
    .homePage__visite__description h3,
    .homePage__collections__list h2 {
        font-size: 1.75rem;
    }
    .homePage__event__post h3, 
    .lp__event__post h3 {
        font-size: 1.5rem;
    }
    .homePage__event__post {
        height: 340px;
    }
    .homePage__event__post__description p {
        display: none;
    }
    .homePage__pres {
        font-size: 1.25rem;
    }
    .homePage__histopad, .homePage__boutique {
        background-size: cover;
    }
    .homePage__blog__item h4,
    .homePage__visite__option a {
        font-size: 1.125rem;
    }
    .homePage__visite {
        margin-bottom: 160px;
    }
    .socialBlock__content {
        flex-flow: column;
        text-align: center;
        gap: 1rem;
        justify-content: center;
    }
    .pageSoldats__list {
        gap: 10px;
    }
    .pageSoldats__item {
        max-width: calc(33% - 8px);
        flex: 1 0 calc(33% - 8px);
    }
    .pageSoldats__alphabet {
        display: block;
        text-align: center;
        margin: 1.5rem 0 0;
    }
    .pageSoldats__alphabet li {
        display: inline-block;
        width: 7%;
    }
    .pageSoldat__medailles h2 {
        text-align: center;
    }
    .pageSoldat__info, 
    .pageSoldat__medaille {
        gap: 15px;
    }
    .pageSoldat__medaille {
        flex-flow: column;
        text-align: center;
    }
    .pageSoldat__medaille img,
    .pageSoldat__medaille__description {
        width: 100%;
    }
    .pageSoldat__medaille img {
        max-width: 220px;
        margin: 0 auto;
    }
    .pageTimeline__nav__list {
        padding: 0;
        width: calc(100% - 80px);
    }
    .pageTimeline__nav div {
        width: 40px;
    }
    .pageTimeline__nav div svg {
        width: 15px;
    }
    .pageTimeline__nav__list li:hover a span, 
    .pageTimeline__nav__list li:focus a span {
        display: none;
    }
    .lp__genese {
        padding: 2rem 0;
    }
    .homePage__event__post, 
    .lp__event__post {
        padding: 9rem 1rem 2rem;
    }
    .lp__galerie__item {
        width: calc(50% - 5px);
    }
    .lp__axes__item h4 a {
        font-size: 1.25rem;
    }
    .lp__video h2, 
    .lp__axes h2, 
    .lp__genese {
        font-size: 2rem;
    }
    .swiper-button-prev, .swiper-button-next {
        width: 20px;
    }
}
@media(max-width: 420px) {
    html {
        font-size: 12.5px;
    }
    .entry-header {
        margin-top: 1rem;
    }
    .pageTimeline__content .w1210 {
        flex-flow: column;
        gap: 10px;
    }
    .pageTimeline__content__image,
    .pageTimeline__content__description {
        width: 100%;
    }
    .header,
    .page-template-page-frise .header {
        top: auto;
        bottom: 0;
        z-index: 99;
    }
    #page {
        margin-bottom: 57px;
    }
    .header + div, .header + main {
        margin-top: 0;
    }
    .mainNavigation {
        margin-top: 0;
        top: 0;
    }
    .fullpageNav {
        bottom: 100px;
    }
    .secondary-navigation__lang ul {
        top: auto;
        bottom: 100%;
    }
    .simple-banner {
        transform: translateY(0);
    }
}
@media(max-width: 350px){
    #billetterie li a {
        width: 52px;
    }
}