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

    /* CUSTOM CLASSES */

    .mobile-only {
        display: none;
    }
    
    .mobile-tablet-only {
        display: none;
    }

    .tablet-only {
        display: none;
    }

    .tablet-desktop-only {
        display: block;
    }

    .desktop-only {
        display: block;
    }

    /* HEADER */

    header {
        position: sticky;
        top: 0;
        left: 0;
        padding: 0;
    }

    .header--burger {
        display: none;
    }

    .header--nav {
        overflow: initial;
    }

    .header--nav.hidden {
        height: auto;
    }

    .header--wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-height: 94px;
        max-width: 1285px;
        margin: 0 auto;
    }

    .header--items {
        position: relative;
        max-height: unset;
    }

    .header--logo--wrapper.primary {
        visibility: hidden;
    }

    .header .header--logo--wrapper {
        position: unset;
        transform: unset;
        max-width: 100%;
        width: 100%;
        max-height: inherit;
        height: auto;
        transition: 0.3s;
    }

    .header .header--logo--wrapper img {
        max-height: 94px;
    }

    .header--logo--secondary {
        position: absolute;
        left: 0;
        top: 1rem;
        width: 100%;
        display: block;
        transition: 0.25s;
    }
    .header--logo--secondary.initial {
        top: 0;
    }

    .header .header--logo--secondary .header--logo--wrapper {
        max-width: unset;
        width: 115%;
    }
    .header .header--logo--secondary.initial .header--logo--wrapper {
        width: 100%;
    }

    .header .header--logo--secondary .header--logo--wrapper img {
        max-height: unset;
        width: 100%;
        height: auto;
    }
    .header .header--logo--secondary.initial .header--logo--wrapper img {
        max-height: 94px;
        width: auto;
        height: 100%;
    }

    header .navigation {
        position: initial;
        flex: auto;
    }

    header ul {
        display: flex;
        flex-direction: row;
        -ms-flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: center;
    }

    header ul li {
        width: fit-content;
        display: inline-block;
        padding-left: 0.5%;
        padding-right: 0.5%;
    }

    header ul li a,
    header .submenu-name {
        color: white;
        font-size: 1.25rem;
        text-transform: uppercase;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.50);
    }

    header .submenu {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 100%;
        border: none;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.50);
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.25s, opacity 0.25s linear;
    }

    header .header--nav--item:hover .submenu,
    header .submenu:hover {
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity 0s linear;
    }

    header .submenu,
    header .submenu.hidden {
        display: block;
    }

    header .submenu-items {
        display: list-item;
    }

    header .submenu-item {
        display: list-item;
        padding: 0.25rem 0.75rem;
    }

    header .submenu-item:last-of-type {
        padding-bottom: 0.75rem;
    }

    header .header-menu-plus {
        display: none;
    }

    .header--nav--item.socials {
        display: inline-flex;
    }

    .header--nav--item.cta a {
        font-size: 0.8rem;
        padding: 1rem;
        text-shadow: none;
    }

    .pageGeneric .container-width h1{
        font-size: 2.5rem;
    }

    /* VOUCHERS */

    .componentBlockHpBlockVouchers {
        padding: 55px 0;
        background-image: url("img/BG-voucher-desktop-f3ccf999c3bb4bedabce5e662a4e8bb5.webp");
    }

    .componentBlockHpBlockVouchers > .container-width {
        max-width: 1285px;
        width: 90%;
        padding-top: 33px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        -ms-flex-direction: row;
        justify-content: center;
        align-items: flex-end;
    }

    .vouchers-left,
    .vouchers-right {
        flex: 1;
    }

    .vouchers-title {
        font-size: 4.375rem;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 55px;
    }

    .vouchers-edbm {
        justify-content: flex-start;
    }

    .vouchers-edbm-catchphrase {
        font-size: 1.875rem;
        max-width: 360px;
    }

    .vouchers-edbm img {
        max-width: 150px;
    }

    .vouchers-cta {
        margin-top: 55px;
    }

    .vouchers-cta .cta {
        font-size: 1.375rem;
        max-width: 282px;
        margin: 0;
    }

    .vouchers-products img {
        max-width: 100%;
    }

    /* RECIPES SLIDER */

    .slick-slider {
        max-width: initial;
    }

    .recipes_slider .recipes-title {
        font-size: min(5.85vw, 70px);
    }

    .recipes_slider .recipes-slider-cta .cta {
        max-width: min(12.88vw, 17.25rem);
        padding: 10px min(4vw, 3.75rem);
    }

    /* page recipe */

    .pageRecipe-tip-title {
        font-size: 1.875rem;
        margin: 1.25vw 0;
    }

    /* pageArticlesList - Articles list */

    .pageArticlesList .articles {
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 50px;
    }

    /* Page Brand */

    .pagebrandBlockUnique {
        padding: 0;
        background-image: url("img/frame_brand-babf418a17a880ca37868732583dc7ba.webp");
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #359546;
        align-items: center;
    }
    
    .slider-history-wrapper .pagebrand_item_block-slider {
        max-width: calc(48% - 104px);
    }

    .pagebrandBlockUnique .slick-arrow-container {
        width: 48%;
    }

    .pagebrand_item_block-slider-content_img {
        max-width: 50%;
        padding: 0 40px 0 0;
    }
    
    .pagebrand_item_block-slider-content-wrapper {
        display: flex;
        flex-direction: row;
    }

    /* Timeline */
    .timeline {
        --col-gap: 76px;
        --row-gap: 52px;
        --margin-inline-start: 30px;
        grid-template-columns: 1fr var(--line-w) 1fr;
        /* start second card */
    }
    .timeline:before {
        grid-column: 2;
    }
    .timeline-year {
        grid-column-start: 1;
        grid-column-end: 4;
    }
    .timeline-event {
        margin-inline-end: 0;
    }
    .timeline-event:nth-child(odd) {
        grid-column: 1;
        text-align: right;
    }
    .timeline-event:nth-child(odd) .timeline-even-inner:before,
    .timeline-event:nth-child(odd) .timeline-even-inner::after {
        left: calc(100% + var(--col-gap) + var(--line-w) / 2 - var(--width) / 2);
        right: initial;
    }
    .timeline-event:nth-child(even) {
        grid-column: 3;
    }
    .timeline .timeline-event:nth-of-type(2) {
        grid-row: 2/4;
    }
    .timeline-event[data-year]:before {
      left: 50%;
      transform: translateX(-50%);
    }
}

/* Tablet (landscape) */
@media screen and (min-width: 992px) and (max-width: 1365px) {
    
    /* HEADER */

    header ul li a,
    header .submenu-name {
        font-size: 1.67vw;
    }

    /* INSPIRATION */

    .leerdammer_inspiration .inspiration-title {
        font-size: min(5.85vw, 4.375rem); /* 70px */
        margin: 0 auto min(5.85vw, 4.375rem);
    }

    /* UNIQUE */

    .homepage-unique-title {
        font-size: 3.85vw;
        max-width: 688px;
        margin: 40px 0 40px auto;
    }

    .homepage-unique-description {
        font-size: 1.67vw;
    }

    /* PRODUCTS SLIDER */

    .products_slider-title {
        font-size: 5.85vw;
    }

    .products_slider-cta .cta {
        font-size: 1.67vw;
    }

    /* VOUCHERS */

    .vouchers-title {
        font-size: 5.85vw;
    }

    /* PAGE - CONTACT */

    .page-contact_wrapper {
        padding-top: 2.5vw;
    }

    .page-contact_wrapper .contact-phone-title,
    .page-contact_wrapper .contact-mail-title{
        font-size: 2rem !important;
    }

    /* PAGE - BRAND */

    .pagebrand_wrapper {
        padding-top: 2.5vw;
    }

    .pagebrand_item_history_title_text {
        font-size: 5.85vw;
    }

    .pagebrand_item_anchor {
        flex-direction: row;
    }

    .pagebrand_item_title_1 {
        font-size: 5.85vw;
    }

    .pagebrand_item_title_2 {
        font-size: 5.85vw;
    }

    /* PAGE - RECIPES LIST */

    .pageRecipesList-title {
        font-size: 5.85vw;
    }

    .pageRecipesList-subtitle {
        font-size: 2.5vw;
    }

    .pageRecipesList-filter-select > img:first-of-type {
        max-width: 2.5vw;
    }

    .pageRecipesList-filter {
        font-size: 1.67vw;
    }

    /* PAGE - SINGLE RECIPE */

    .pageRecipe-subtitle {
        font-size: 2.5vw;
    }

    .pageRecipe-picto-text {
        font-size: 1.67vw;
    }

    .pageRecipe-product-introduction {
        font-size: 1.67vw;
    }

    .pageRecipe-product-image img {
        max-width: 32vw;
    }

    .pageRecipe-people-catchphrase {
        font-size: 1.67vw;
    }

    .pageRecipe-people {
        font-size: 1.67vw;
    }

    .pageRecipe-ingredients {
        padding-left: 1.67vw;
    }

    .pageRecipe-ingredient {
        font-size: 1.67vw;
        line-height: 2.5vw;
    }

    .pageRecipe-steps {
        padding-left: 1.67vw;
    }

    .pageRecipe-step {
        font-size: 1.67vw;
        line-height: 2.5vw;
    }

    .pageRecipe-tip-text {
        font-size: 1.25vw;
        line-height: 1.67vw;
        margin: 1.25vw 0;
    }

    .pageRecipe-vouchers-title {
        font-size: 2.5vw;
    }

    .pageRecipe-vouchers .cta {
        font-size: 1.8vw;
    }

    /* PAGE - PRODUCTS LIST */

    .pageProductsList-title {
        font-size: 5.85vw;
    }

    .pageProductsList-subtitle {
        font-size: 2.5vw;
    }

    .pageProductsList-range-wrapper {
        margin-top: 2.5vw;
    }

    /* PAGE - SINGLE PRODUCT */

    .pageProduct-tip {
        width: 50%;
    }

    .pageProduct-tip-content {
        width: 90%;
    }

    .pageProduct-tip-text {
        /*font-size: 15px;*/
        line-height: 1.67vw;
    }

    .pageProduct-title {
        font-size: 5.85vw;
    }

    .pageProduct-subtitle {
        font-size: 2.5vw;
    }

    .pageProduct .topic-text-title {
        font-size: 2.08vw;
    }
    
    .pageProduct .topic-text-text {
        font-size: 1.67vw;
    }

    .pageProduct-table {
        font-size: 1.67vw;
    }
}