@media (max-width: 849px) {
    .map-section .container,
    .reserve-section .container,
    .atmosphere .container{
        max-width: 408px !important;
    }
    .atmosphere .container.container-full {
        max-width: 428px !important;
        padding-left: 20px;
        padding-right: 20px;
    }
    .our-cuisine .container {
        max-width: 428px !important;
    }
    .about-us .container {
        max-width: 428px !important;
    }
    .contact-section .container,
    .gift_vouchers .container,
    .menu-section .container {
        max-width: 428px !important;
    }
}
@media (max-width: 1239px) {
    /* galerie */
    .map-section-contact .map-iframe {
        display: flex;
        flex-direction: column;
        height: 400px;
        margin-top: 0;
        border-radius: 12px;
        overflow: hidden;
    }
    .map-section-contact .main-map {
        flex-direction: column;
    }
    .box-map-item a, .box-map-item p {
        font-size: 16px;
        margin: 0;
    }
    .map-section-contact .box-map-list.wow.animate__fadeIn {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .banner-contact .page-banner-content {
        transform: translateY(40px);
    }
    .banner-page .container .content p {
        font-size: 18px;
    }
    .our-cuisine-res .button-list a.button.secondary {
        margin: 0 !important;
    }
    .our-cuisine-res {
        padding-left: 20px;
        padding-right: 20px;
    }
    .our-cuisine.our-cuisine-res .container {
        border-radius: 12px;
    }
    .glightbox-clean .gprev {
        top: 47%;
        left: 10px;
    }
    .glightbox-clean .gnext {
        top: 47%;
        right: 10px;
    }
    .gallery-section .tab-btn.active {
        border-bottom: 1.5px solid #1A1A1A;
    }
    .gallery-section .tabs-nav {
        overflow-x: auto;
    }
    .gallery-section .tab-btn {
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: 0;
        white-space: nowrap;
        padding: 0 0 14px 0;
    }
    .gallery-grid{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        margin: auto;
    }
    .gallery-grid.even > a:nth-child(4n+4),
    .gallery-grid > a:nth-child(8n+1) {
        display: none;
    }
    .gallery-grid.even > a:nth-child(1){
        display: block;
        height: 263px !important;
    }
    .gallery-grid.even > a:nth-child(4n+1),
    .gallery-grid > a:nth-child(8n+2) {
        grid-column: span 2;
        height: 263px;
        grid-row: unset;
    }
    .gallery-grid.over-item.odd > a:nth-child(8n+2) {
        height: 263px !important;
    }
    .gallery-grid.even > a:nth-child(4n+4),
    .gallery-grid.even > a:nth-child(4n+3),
    .gallery-grid > a {
        height: 169px !important;
        min-height: 169px !important;
        grid-column: unset;
        grid-row: unset;
    }
    .banner-page .container .content p:last-child {
        margin-bottom: 0;
    }
    /* galerie */
    /* gift */
    body .wpcf7 form .wpcf7-response-output {
        margin-right: 0;
        margin-left: 0;
    }
    span.wpcf7-spinner { 
        position: fixed;
        left: 50%;
        top: 50%;
        margin: auto;
        transform: translate(-50%, -50%);
    }
    .cf7-custom-form .cf7-row {
        flex-direction: column;
    }
    .cf7-custom-form .cf7-row {
        gap: 14px;
        margin-bottom: 14px;
    }
    .cf7-custom-form .cf7-col {
        width: 100%;
    }
    .cf7-submit-wrap input[type="submit"] {
        width: 100%;
    }
    .contact-inner {
        display: grid;
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .gift-voucher-content .desc p:last-child {
        margin-bottom: 0;
    }
    .gift-voucher-content .desc p {
        font-size: 16px;
        line-height: 1.4;
    }
    .gift-voucher-content h3 {
        font-size: 22px;
        line-height: 1.2;
    }
    .gift-voucher-content {
        padding: 14px;
    }
    .gift-voucher-thumb img {
        object-fit: contain;
    }
    .gift-voucher-thumb {
        padding: 20px;
        margin-bottom: 14px;
        height: fit-content;
        overflow: hidden;
        display: block;
    }
    .gift-vouchers-wrap {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .banner-page .container .content p {
        line-height: 1.2;
    }
    /* gift */
    /* menu */
    .menu-content ul.menu-item div.menu-item-text {
        font-size: 14px;
        line-height: 1.8;
        margin-top: 14px;
    }
    .menu-content ul.menu-item div.menu-item-text p{
        font-size: 14px;
        line-height: 1.8;
        text-align: left !important;
    }
    .menu-content ul.menu-item p.menu-item-name span.menu-item-price {
        font-size: 24px;
    }
    span.menu-item-line {
        flex: 1;
        height: 1px;
        background: url('../images/Line 1.svg') center center/cover repeat;
        top: unset;
        position: relative;
        margin: 0 10px;
        min-width: 30px;
    }
    .menu-content ul.menu-item p.menu-item-name {
        display: flex;
        align-items: flex-end;
    }
    .menu-content ul.menu-item p.menu-item-name {
        font-size: 18px;
        line-height: 1;
    }
    .menu-section .menu-sidebar > .tabs-content > .tab-content .nav-link + .nav-link{
        margin-left: 32px !important;
    }
    .menu-section .menu-sidebar > .tabs-content > .tab-content .nav-link span {
        white-space: nowrap;
    }
    .menu-section .menu-sidebar > .tabs-content > .tab-content a.nav-link.active {
        color: #1A1A1A !important;
        border-bottom: 2px solid;
    }
    .menu-section .menu-sidebar > .tabs-content > .tab-content a.nav-link {
        color: #8C8B89;
        font-size: 20px;
        font-family: var(--heading-font-semibold); 
        padding: 0 0 10px 0;
        line-height: 1.2;
    }
    .menu-section .menu-sidebar > .tabs-content > .tab-content {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .menu-section .menu-sidebar .nav {
        background-color: #FBF6EE;
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        gap: unset;
    }
    .menu-section .tab-btn.active {
        background: #F0DFC7;
        color: #1A1A1A;
        outline: none !important;
    }
    .menu-section .tab-btn {
        font-size: 1.5rem;
        line-height: 1.2;
        letter-spacing: 0;
        padding: 20px 0;
        width: 50%;
        color: #1A1A1A;
    }
    
    .menu-sidebar .tab-content:not(.active) {
        display: none !important;
    }
    body .carte-gallery .flickity-prev-next-button.previous {
        left: -24px;
    }
    body .carte-gallery .flickity-prev-next-button.next {
        right: -24px;
    }
    /* menu */
    /* restaurant */
    .carte-gallery .gallery-item {
        width: 100%;
        margin: 0 1.25rem 0 0;
    }
    .our-cuisine-res h2.title {
        max-width: 277px;
        margin: 0 auto 20px;
    }
    .about-us.image-right .container a.button.primary {
        width: 100%;
    }
    .about-us.image-left .container,
    .about-us.image-right .container {
        display: flex;
        flex-direction: column-reverse;
    }
    .carte .container {
        max-width: 428px !important;
    }
    .banner-page .container {
        max-width: 317px !important;
    }
    .page-banner-content h1 {
        font-size: 40px;
        line-height: 1.4;
        letter-spacing: -0.02em;
        padding-top: 0;
    }
    /* restaurant */
    /* home */
    .map-content a.button.primary {
        position: relative;
        top: 0;
        right: 0;
        transform: unset;
        width: 100%;
    }
    .map-iframe {
        display: flex;
        flex-direction: column;
        height: 400px;
        margin-bottom: 2rem;
    }
    .main-map {
        display: flex;
        grid-template-columns: 1fr;
        gap: 0;
        margin-top: 2rem;
        flex-direction: column;
    }
    .reserve-content .content {
        max-width: 300px;
    }
    .reserve-section .container h2.title {
        max-width: 280px;
    }
    body .flickity-prev-next-button.previous {
        left: -15px;
    }
    body .flickity-prev-next-button.next {
        right: -15px;
    }
    .map-section .container,
    .reserve-section .container,
    .atmosphere .container{
        /* max-width: 408px !important; */
    }
    .atmosphere .container.container-full {
        /* max-width: 428px !important; */
        padding-left: 20px;
        padding-right: 20px;
    }
    .gallery-item {
        height: 380px;
        overflow: hidden;
        border-radius: .75rem;
        width: calc(100% - 1.25rem);
        margin: 0 20px;
    }
    .button-list a.button.secondary+a.button.secondary {
        margin-top: 14px !important;
    }
    .button-list a.button.secondary {
        width: 100%;
    }
    
    .p-100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .ab-left-inner h2 {
        max-width: 300px;
    }
    .about-us {
        padding: 60px 0;
    }
    .ab-right img {
        width: 100%;
    }
    .about-us .container a.button.secondary {
        width: 100%;
    }
    .about-us .container {
        grid-template-columns: 1fr;
        gap: 2rem;
        /* max-width: 428px !important; */
    }
    .inner-content-right h3 {
        font-size: 1.125rem;
    }
    .inner-content-right ul li, .inner-content-right p {
        font-size: 14px;
    }
    .inner-content-right {
        padding: 20px;
        border-radius: .75rem;
        margin-right: 0;
        margin-top: 2rem;
    }
    #welcome-slideshow .slick-slide .has-content-right .slide-text {
    margin-left: 0;
    }
    #welcome-slideshow .slick-slide .has-content-right .slide-button, #welcome-slideshow .slick-slide .has-content-right .slide-text p, #welcome-slideshow .slick-slide .has-content-right .slide-text h2, #welcome-slideshow .slick-slide .has-content-right .slide-text h1 {
        text-align: center;
    }
    .container.has-content-right.clearfix {
        flex-direction: column;
    }
    body .preloader-inner-left span {
        font-size: 30px;
        line-height: 1.2;
    }
    #welcome-slideshow {
        min-height: 907px;
    }
    #welcome-slideshow .container {
        max-width: 328px !important;
    }
    #welcome-slideshow .slick-slide .slide-text h2, 
    #welcome-slideshow .slick-slide .slide-text h1 {
        margin-bottom: .75rem;
        font-size: 2.5rem;
        line-height: 1.2;
        letter-spacing: -0.02em;
        text-align: center;
    }
    #welcome-slideshow .slick-slide .slide-text p {
        font-size: 1rem;
    }
    .slide-button {
        display: flex;
        flex-direction: column;
    }
    .slide-button a.button + a.button {
        margin-left: 0;
        margin-top: .875rem;
    }
    .container.icon-row img {
        max-width: 38px;
    }
    #welcome-slideshow ul.slick-dots {
        justify-content: center;
        bottom: 3.2rem;
        margin: 0 auto;
        padding: 0 .9375rem!important;
        padding-left: 0 !important;
    }
    .container.dot-row {
        bottom: 2rem;
    }
    /* home */
    /* global */
    :root {
        --input-height: 54px !important;
        --input-height-50: 54px !important;
    }
    .container {
        padding-right: 20px;
        padding-left: 20px;
    }
    html {
        font-size: 100% !important;
    }
    h1 {
        font-size: 40px;
        line-height: 1.4;
        letter-spacing: -0.02em;
    }
    .h2, h2 {
        font-size: 32px;
    }
    body, p {
        font-size: 18px;
    }
    .pb-100 {
        padding-bottom: 60px !important;
    }
    .pt-100 {
        padding-top: 60px !important;
    }
    .hide-for-medium{
        display: none !important;
    }
    .hide-for-desk{
        display: block !important;
    }
    /* global */
    /* header */
    #site-navigation.show span.close {
        display: block;
        filter: invert(1);
        opacity: 1;
        right: 10px;
        position: absolute;
        top: 10px;
    }
    nav#site-navigation {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        padding-top: 0;
    }
    body #site-header a.logo {
        display: flex;
    }
    #site-header button.toggle-navigation.collapsed {
        display: inline-flex;
        cursor: pointer;
    }
    .site-brand img {
        max-width: 2.625rem;
    }
    #site-header .container {
        padding: 0px 20px;
    }
    #site-header .site-brand {
        position: relative;
        padding: 18px 0px;
        display: flex;
        flex-direction: row-reverse;
    }
    
    #site-header button.toggle-navigation {
        right: unset;
        left: 0;
    }
    #site-header {
        padding: 0px 0px;
    }
    #site-header button.toggle-navigation {
        right: unset;
        left: 0;
        background-position: 0px 0px;
        background: transparent;
        box-shadow: unset;
        outline: unset;
        border: 0 !important;
        color: #fff;
        text-transform: uppercase;
        font-family: var(--text-medium);
        font-size: .875rem;
        line-height: 1.2;
        letter-spacing: 0.05em;
        vertical-align: middle;
        width: auto;
        height: auto;
        align-items: center;
    }
    #site-navigation ul.menu > li + li {
        margin-left: 0;
    }
    ul#menu-main-menu {
        display: none;
        justify-content: center;
        background: #000;
    }
    #site-navigation.show ul#menu-main-menu {
        display: block;
    }
    /* header */
    /* footer */
    #site-footer .footer-copyright .container {
        max-width: 428px !important;
    }
    #site-footer .footer-widgets {
        padding: 24px 0;
    }
    body #site-footer .footer-widgets .widget figure.wp-block-image.size-full {
        max-width: 10rem;
        margin: auto;
    }
    #site-footer .footer-widgets h4.widget-title {
        font-size: 16px;
        text-align: center;
    }
    #site-footer .footer-widgets {
        text-align: center;
    }
    /* footer */
}