@media only screen and (min-width: 320px) {
    .img-desktop,
    .btn-desktop,
    .banner-opacity {
        display: none;
    }
    .img-mobile,
    .btn-mobile {
        display: block;
    }
    /* 
    Header
    */

    .site-header__nav-menu {
        display: none;
    }
    .site-header__topbar {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
    }
    .site-header__wrapper {
        padding: 14px 20px;
    }
    .site-header__logo {
        text-align: center;
        display: flex;
        justify-content: center;
        width: auto;
    }
    .site-header__logo img {
        width: 120px;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    .site-header__hamburger,
    .site-header__nav-hamburger {
        display: block;
        background-color: var(--color-shades-white);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .site-header__hamburger-checkbox {
        height: 23px;
        width: 31px;
        position: absolute;
        z-index: 11116;
        top: 0;
        right: 0;
        opacity: 0;
        cursor: pointer;
    }
    .site-header__hamburger-checkbox:checked~.site-header__nav-hamburger {
        transform: translateX(0);
        /* display: block */
    }
    .site-header__hamburger .hamburger-lines {
        display: block;
        height: 18px;
        width: 24px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 11115;
        position: relative;
    }
    .site-header__hamburger .hamburger-lines .line {
        display: block;
        height: 2px;
        width: 100%;
        border-radius: 100px;
        background-color: var(--color-primary-laxman);
    }
    .site-header__hamburger .hamburger-lines .line1 {
        transform-origin: 0% 0%;
        transition: transform 0.4s ease-in-out;
    }
    .site-header__hamburger .hamburger-lines .line2 {
        transition: transform 0.2s ease-in-out;
    }
    .site-header__hamburger .hamburger-lines .line3 {
        transform-origin: 0% 100%;
        transition: transform 0.4s ease-in-out;
    }
    .site-header__hamburger input[type="checkbox"]:checked ~  .hamburger-lines .line {
        background-color: var(--color-primary-laxman);
    }
    .site-header__hamburger input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
        transform: rotate(45deg);
    }
    .site-header__hamburger input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
        transform: scaleY(0);
    }
    .site-header__hamburger input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
        transform: rotate(-45deg);
    }
    .site-header__nav-hamburger {
        display: none;
        visibility: hidden;
        height: calc(100% - 40px);
        width: 100%;
    }
    .site-header__nav-hamburger--wrapper {
        visibility: hidden;
        opacity: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        height: 100%;
    }
    /* .site-header__nav-hamburger--reserv {
        margin-left: 12px;
    } */
    .site-header__nav-hamburger--top {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        margin: 8px 0;
    }
    .navigation-header-menu-hamburger {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    .site-header__nav-hamburger--bottom {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
        margin: 8px 0 0;
    }
    .site-header__nav-hamburger--bottom__social {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .site-header__nav-hamburger--bottom__social-icon {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        gap: 20px;
    }
    .site-header__nav-hamburger--bottom__social-icon img {
        width: 24px;
        height: 24px;
    }
    .site-header__nav-hamburger--bottom__copy-right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .site-header__nav-hamburger--bottom__copy-right-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        column-gap: 32px;
        row-gap: 8px;
        align-items: center;
        flex-wrap: wrap;
    }

    /* 
    Footer
     */
    .site-footer__wrapper {
        max-width: calc(100% - 32px);
    }
    .site-footer__info {
        flex-direction: column;
        gap: 29px;
        width: 100%;
    }
    .site-footer__menu {
        width: 100%;
        column-gap: unset;
        column-gap: 32px;
        row-gap: 24px;
    }
    
    .site-footer__menu-col--cuisine,
    .site-footer__menu-col--group,
    .site-footer__menu-col--contact,
    .site-footer__menu-col--tel {
        width: calc(50% - 16px);
    }
    .site-footer__menu-col--tel {
        padding: 0;
    }
    .footer-h6,
    .navigation-menu-col--cuisine__wrapper > .menu-item > a,
    .navigation-menu-col--cuisine__wrapper > .menu-item > a:focus,
    .navigation-menu-col--group__item > a {
        padding: 0;
    }
    .site-footer__menu-col--social-icon {
        margin: 16px 0 0;
    }
    .site-footer__copy-right {
        flex-direction: column;
        gap: 20px;
    }
    .site-footer__logo > a > img {
        width: 128px;
        height: auto;
    }
    .navigation-menu-col--cuisine__wrapper > .menu-item > a,
    .navigation-menu-col--cuisine__wrapper > .menu-item > a:focus {
        font-family: "Collier", sans-serif;
        font-size: 0.875rem;
        line-height: 1rem;
    }
    /* home */
    .home-section--banner__wrapper-image::after,
    .home-section--banner__wrapper-video::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 100%;
    }
    .home-section--banner__wrapper-headline {
        position: relative;
        top: 0;
        left: 0;
        transform: unset;
        padding: 48px 0;
    }
    .home-section--banner__wrapper-headline .sita-gold-font {
        color: var(--color-primary-shiva-purple);
    }
    .home-section--about__wrapper {
        padding: 24px 0px;
        gap: 20px;
    }
    .home-dishes-swiper-slide__image-wrapper::after {
        content: "";
        display: block;
        padding-top: 100%;
    }
    .home-dishes-swiper-slide__dish-content {
        width: 100%;
        margin-top: 16px;
    }
    .homeDishesSwiper {
        margin: 0 16px;
    }
    .home-dishes-swiper__slider-controller {
        width: 100%;
        padding: 0 13px;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -35%);
    }
    .home-section--visite__content-info,
    .aboutus-section--visite__content-info {
        max-width: 100%;
        margin: 0 auto;
    }
    .home-section--headline-with-btn__wrapper {
        width: 100%;
    }
    .home-section--headline-with-btn_mobile {
        margin: 24px 0;
    }
    .home-section--headline-with-btn_mobile a.btn-mobile {
        display: inline-block;
    }
    .home-section--headline-with-btn {
        gap: 24px;
        margin-bottom: 24px;
        flex-direction: column;
        align-items: flex-start;
    }
    .home-section--news__pin-wrapper {
        gap: 24px;
    }
    .home-section--news__pin-image,
    .home-section--news__pin-content {
        grid-column: span 12;
    }
    .home-section--news {
        margin: 24px 0 48px;
        position: relative;
    }
    .home-section--news::after {
        background-image: url('../img/nara-home-news-decorative-mobile.svg');
        max-width:85px;
        max-height: 160px;
        margin-bottom: -48px;
    }
    .home-section--testimonials::after {
        background-image: url('../img/nara-home-testimonial-top-decoration-mobile.svg');
        max-width: 110px;
        max-height: 88.95px;
        margin-top: 0;
    }
    .home-section--testimonials::before {
        background-image: url('../img/nara-home-testimonial-bottom-decoration-mobile.svg');
        max-width: 65px;
        max-height: 111.62px;
        margin-bottom: 72px;
    }
    .home-testimonials-swiper-slide__text-content blockquote {
        display: block;
    }
    .home-section--visit,
    .aboutus-section--visit {
        padding: 48px 0;
    }
    .home-section--visit__content-wrapper,
    .aboutus-section--visit__content-wrapper {
        max-width: 100%;
        margin: 0 auto;
    }
    .home-visit-swiper-slide__image-wrapper::after,
    .aboutus-visit-swiper-slide__image-wrapper::after {
        content: "";
        display: block;
        padding-top: 100%;
    }
    .article-gallery-swiper-slide__image-wrapper::after {
        content: "";
        display: block;
        padding-top: 74.93%;
    }
    .article-section--template-image_gallery {
        margin: 0 auto;
        max-width: 100%;
    }
    .home-testimonials-swiper-slide__text-content {
        display: flex;
        /* flex-direction: column-reverse; */
        /* gap: 25px; */
    }
    .home-section--testimonials {
        position: relative;
        background-color: var(--color-secondary-purple-05);
        padding: 48px 0 10px;
        overflow: hidden;
    }

    /* about us */
    .aboutus-section--banner__wrapper-image::after,
    .aboutus-section--banner__wrapper-video::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 74.67%
    }
    .aboutus-section--about {
        margin: 48px 0;
        position: unset;
    }
    .aboutus-section--about::after {
        display: none;
    }
    .aboutus-section--about__wrapper p {
        max-width: 100%;
        margin: 0 auto;
    }
    .aboutus-section--highlight__image::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 74.67%;
    }
    .aboutus-section--highlight__content {
        max-width: 80.53%;
        width: 100%;
    }
    
    .aboutus-section--services__cards {
        flex-direction: column;
        gap: 48px 0;
    }
    .aboutus-section--services::after {
        content: "";
        position: absolute;
        background-image: url("../img/nara-aboutus-services-decoration-mobile.svg");
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        max-width: 85px;
        max-height: 199px;
        margin-top: -24px;
        margin-right: 0;
    }
    .aboutus-section--services {
        margin: 24px 0 48px;
        position: relative;
        /* overflow: hidden; */
    }
    .aboutus-section--services__wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }
    .aboutus-section--services__card-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 32px;
    }
    .tab-pane {
        display: none;
        margin: 0;
    }
    .branches-section--visit__content-wrapper {
        max-width: 100%;
        margin: 0 auto;
    }
    .branches-section--visit__content-info {
        padding: 0;
    }
    .branches-section--visit,
    .branches-section--intro,
    .eandp-section--intro {
        padding: 48px 0;
    }
    .branches-section--intro__wrapper {
        max-width: 100%;
        gap: 32px;
    }
    .branches-section--intro::after,
    .eandp-section--intro::after {
        content: "";
        position: absolute;
        top: unset;
        bottom: -25px;
        right: 0;
        background-image: url(../img/nara-branches-intro-decoration-mobile.svg);
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 100%;
        max-width: 110px;
        max-height: 120px;
    }
    .branches-map::after {
        content: "";
        display: block;
        padding-top: 100%;
    }
    .branches-section--cover {
        margin: 0px 0 48px;
    }
    .branches-section--intro__image {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden;
        margin: 0 auto;
    }
    
    .branches-section--intro__image::after {
        content: "";
        display: block;
        padding-top: 56%;
    }
    
    .branches-section--intro__image img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        object-fit: cover;
    }
    .branches-section--tab-content {
        gap: 20px;
    }
    .accordion-body {
        padding: 0 12px;
        flex-direction: column;
    }
    .accordian-branches-group__wrapper {
        flex-direction: column;
    }
    .accordion-image,
    .accordion-content {
        width: 100%;
    }
    .accordion-content-address {
        padding: 0 12px;
    }
    .accordion-image::after {
        content: "";
        display: block;
        padding-top: 54.86%;
    }
    .contact-section--intro__copy-wrapper,
    .eandp-section--intro__wrapper {
        width: 100%;
    }
    .contact-section--form__wrapper {
        flex-direction: column-reverse;
    }
    .contact-section--form__image {
        width: 100%;
    }
    .contact-section--form__form {
        width: 100%;
    }
    .contact-section--intro::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url("../img/nara-contact-intro-decoration-mobile.svg");
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 100%;
        max-width: 110px;
        max-height: 110px;
        margin-bottom: 0px;
    }
    .site-footer__navigation,
    .site-footer__info {
        flex-direction: column;
        gap: 24px;
    }
    .site-footer__menu-col--social, .site-footer__menu-col--contact {
        padding: 0;
    }
    .site-footer__social {
        width: 100%;
    }
    
    .site-footer__menu-col--headquater {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 32px;
        margin-top: 23px;
        width: 100%;
        /* gap: 0; */
    }
    .privacy-section--heading__wrapper {
        width: 100%;
        z-index: 11;
        position: relative;
    }
    .menu-section--intro__wrapper {
        flex-direction: column;
    }
    .menu-section--intro__image.img-mobile {
        margin-top: 24px;
    }
    .menu-section--intro__copy,
    .menu-section--intro__image {
        width: 100%;
    }
    .menu-section--intro__group {
        position: relative;
    }
    .menu-section--intro__group::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url("../img/nara-contact-intro-decoration-mobile.svg");
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 100%;
        max-width: 110px;
        max-height: 110px;
        margin-bottom: 0px;
    }
    .menu-section--intro::after {
        display: none;
    }
    .menu-section--recommended-dishes__wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .menu-section--intro__image::after {
        content: "";
        display: block;
        padding-top: 74.93%;
    }
    .menu-section--intro {
        position: relative;
        margin: 48px 0;
    }
    /* Single Article */
    .article-section--cover__image::after {
        padding-top: 74.93%;
    }
    .article-section--intro {
        position: relative;
        margin: 32px 0 12px;
    }
    .article-section--intro__wrapper {
        gap: 24px;
    }
    .article-section--intro__back-cta > a {
        padding: 10px 0;
    }
    .article-section--intro__title {
        gap: 24px;
        max-width: 100%;
    }

    .article-section--intro::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url(../img/nara-single-article-intro-decoration-mobile.svg);
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
        position: absolute;
        width: 85px;
        height: 199px;
        max-width: 85px;
        max-height: 199px;
        margin-bottom: -12px;
    }
    .article-tpl__two-col-image--wrapper {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .article-tpl__two-col-with-image--wrapper.article-row {
        flex-direction: column;
    }
    .article-tpl__two-col-with-image--wrapper {
        gap: 24px;
    }
    .article-tpl__two-col-with-image--wrapper.article-row-reverse {
        flex-direction: column;
    }
    .article-tpl__two-col-with-image--text, .article-tpl__two-col-with-image--img {
        width: 100%;
    }
    .article-section--template-highlight_text {
        margin: 0;
    }
    .article-section--template-highlight_text-wrapper {
        text-align: center;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }
    .article-deco-left::after,
    .article-deco-right::after {
        display: none;
    }

    .article-tpl__two-col-image--wrapper-left::after, .article-tpl__two-col-image--wrapper-right::after {
        content: "";
        display: block;
        padding-top: 74.93%;
    }
    .article-section--template-highlight_text {
        position: relative;
    }
    .article-section--template-highlight_text::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../img/nara-single-article-highlight-deco-mobile.svg);
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
        position: absolute;
        width: 80px;
        height: 199px;
        max-width: 80px;
        max-height: 199px;
        /* margin-bottom: -12px; */
    }
    .article-related-swiper-slide__image-wrapper::after {
        content: "";
        display: block;
        padding-top: 63.78%;
    }
    .article-section--related__headline {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        margin-bottom: 48px;
    }
    .article-section--related {
        margin: 24px 0 48px;
        overflow: hidden;
    }
    .articleRelatedSwiper {
        overflow: visible;
    }
    .eandp-section--post__pin-card {
        margin-top: 20px;
    }
    .post__card--image-wrapper,
    .post__normal-card--image-wrapper {
        grid-column: span 12;
        position: relative;
    }
    .eandp--section--post__card-wrapper {
        column-gap: 0;
        row-gap: 32px;
        padding-bottom: 32px;
        border-bottom: 1px solid var(--color-primary-laxman);
    }
    .post__card--info-wrapper,
    .post__normal-card--info-wrapper {
        display: grid;
        grid-column: span 12;
        row-gap: 15px;
    }
    .post__card--info__content,
    .post__normal-card--info__content {
        gap: 20px;
    }
    .post__card--info__cta,
    .post__normal-card--info__cta {
        margin-top: 5px;
    }
    .error-404{
        width: 100%;
        height: calc(100vh - 78px);
        background: var(--color-secondary-purple-05);
    }
    .reservation-fix-btn {
        display: block;
        position: fixed;
        bottom: 0;
        right: 0;
        margin-bottom: 20px;
        margin-right: 10px;
        z-index: 9999;
    }
    .locate-time {
        display: flex;
        flex-direction: column;
    }
    #confirm-modal-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding:32px;
        text-align: center;
    }
    .confirm-modal.is-open {
        max-width: 310px;
        margin: 0 auto;
        width: 100%;

    }
    .select2-container {
        margin-top: 38px;
    }
}


@media only screen and (min-width: 540px) {
    /* .img-desktop,
    .btn-desktop {
        display: block;
    }
    .img-mobile,
    .btn-mobile {
        display: none;
    } */
    .navigation-menu-col--cuisine__wrapper > .menu-item > a,
    .navigation-menu-col--cuisine__wrapper > .menu-item > a:focus {
        font-family: "Collier", sans-serif;
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .site-footer__copy-right {
        flex-direction: row;
        gap: unset;
    }
    .site-footer__logo > a > img {
        width: 90px;
        height: auto;
    }
    .site-footer__menu {
        /* column-gap: 55px; */
        row-gap: 55px;
    }
    
    /* home */
    .home-section--banner__wrapper-image::after,
    .home-section--banner__wrapper-video::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 43.33%;
    }
    .home-dishes-swiper-slide__image-wrapper::after {
        content: "";
        display: block;
        padding-top: 100%;
    }
    .home-dishes-swiper-slide__dish-content {
        width: 100%;
        margin-top: 16px;
    }
    .homeDishesSwiper {
        margin: 0;
    }
    .home-dishes-swiper__slider-controller {
        width: 70%;
        padding: 0;
    }
    .home-section--headline-with-btn__wrapper {
        width: calc(50% - 32px);
    }
    .home-section--headline-with-btn {
        gap: 32px;
        margin-bottom: 32px;
    }
    .home-section--news__pin-wrapper {
        gap: 32px;
    }
    .home-section--news__pin-image {
        grid-column: span 7;
    }
    .home-section--news__pin-content {
        grid-column: span 5;
    }
    .home-section--headline-with-btn {
        flex-direction: row;
        align-items: flex-start;
    }
    .home-section--news::after {
        background-image: url('../img/nara-home-news-decorative-tablet.svg');
        max-width: 124px;
        max-height: 239px;
        margin-bottom: -80px;
    }
    .home-section--news {
        margin: 80px 0;
        position: relative;
    }
    .home-section--testimonials::after {
        background-image: url('../img/nara-home-testimonial-top-decoration.svg');
        max-width: 267px;
        max-height: 291px;
        margin-top: 17px;
    }
    .home-section--testimonials::before {
        background-image: url('../img/nara-home-testimonial-bottom-decoration.svg');
        max-width: 154px;
        max-height: 177px;
        margin-bottom: 0px;
    }
    .home-section--visit,
    .aboutus-section--visit {
        padding: 60px 0;
    }
    .home-visit-swiper-slide__image-wrapper::after,
    .aboutus-visit-swiper-slide__image-wrapper::after,
    .article-gallery-swiper-slide__image-wrapper::after {
        content: "";
        display: block;
        padding-top: 53.54%;
    }
    .home-testimonials-swiper-slide__text-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        /* gap: 75px; */
        height: 100%;
    }
    .home-section--testimonials {
        position: relative;
        background-color: var(--color-secondary-purple-05);
        padding: 30px 0;
        overflow: hidden;
    }
    /* about us */
    .aboutus-section--banner__wrapper-image::after,
    .aboutus-section--banner__wrapper-video::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 45.83%;
    }
    .aboutus-section--about {
        margin: 60px 0;
    }
    /* .aboutus-section--highlight__image::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 41.67%;
    } */
    .aboutus-section--services::after {
        content: "";
        position: absolute;
        background-image: url("../img/nara-aboutus-services-decoration.svg");
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        max-width: 224px;
        max-height: 522px;
        margin-top: 0;
        margin-right:0;
    }
    .aboutus-section--services {
        margin: 40px 0 80px;
        position: relative;
    }
    .aboutus-section--services__wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 48px;
    }
    
}

@media only screen and (min-width: 768px) {
    .img-desktop,
    .btn-desktop {
        display: block;
    }
    .img-mobile,
    .btn-mobile {
        display: none;
    }
    .aboutus-section--services__cards {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 32px;
    }
    .aboutus-section--highlight__image::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 41.67%;
    }
    .site-footer__wrapper {
        max-width: calc(100vw - 64px);
    }
    
    .site-footer__navigation, .site-footer__info {
        flex-direction: row;
        gap: 87px;
    }
    .site-footer__menu-col--headquater {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0;
        margin-top: 0;
    }
    .site-footer__menu-col--social, .site-footer__menu-col--contact {
        padding: 0 0 12px;
    }
    .site-footer__menu {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        column-gap: 64px;
        row-gap: 32px;
        flex: 1 0 0;
        width: max-content;
    }
    .site-footer__menu-col--tel {
        padding: 0 12px;
    }
    .site-footer__social,
    .site-footer__menu-col--cuisine,
    .site-footer__menu-col--group,
    .site-footer__menu-col--contact,
    .site-footer__menu-col--tel  {
        width: max-content;
    }
    .menu-section--intro__wrapper {
        flex-direction: row;
        gap: 32px;
    }
    .menu-section--intro__copy {
        width: 37.22%;
    }
    .menu-section--intro__image {
        width: 49%;
    }
    .menu-section--intro::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        background-image: url("../img/nara-menu-intro-decoration.svg");
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 100%;
        max-width: 266px;
        max-height: 191px;
        margin-bottom: -60px;
    }
    .menu-section--intro::after {
        display: block;
    }
    .menu-section--intro__group::after {
        display: none;
    }
    .menu-section--recommended-dishes__wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    /* Single Article */
    .article-section--cover__image::after {
        content: "";
        display: block;
        padding-top: 24.38%;
    }
    .article-section--intro {
        position: relative;
        margin: 80px 0 30px;
    }
    .article-section--intro__wrapper {
        gap: 32px;
    }
    .article-section--intro__back-cta > a {
        padding: 10px 12px;
    }
    .article-section--intro__title {
        gap: 32px;
        max-width: calc(50% - 32px);
    }

    .article-section--intro::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url(../img/nara-single-article-intro-decoration.svg);
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
        position: absolute;
        width: 221px;
        height: 390px;
        max-width: 221px;
        max-height: 390px;
        margin-bottom: -30px;
    }
    .article-tpl__two-col-image--wrapper {
        display: flex;
        flex-direction: row;
        gap: 32px;
    }
    .article-tpl__two-col-with-image--wrapper.article-row {
        flex-direction: row;
    }
    .article-tpl__two-col-with-image--wrapper {
        gap: 32px;
    }
    .article-tpl__two-col-with-image--wrapper.article-row-reverse {
        flex-direction: row-reverse;
    }
    .article-tpl__two-col-with-image--text, .article-tpl__two-col-with-image--img {
        width: calc((100% - 32px) / 2);
    }
    .article-section--template-highlight_text {
        margin: 48px 0;
    }
    .article-section--template-highlight_text-wrapper {
        text-align: center;
        max-width: calc(100% - 350px);
        width: 100%;
        margin: 0 auto;
    }
    .article-deco-left::after,
    .article-deco-right::after {
        display: block;
    }
    .article-tpl__two-col-image--wrapper-left::after, .article-tpl__two-col-image--wrapper-right::after {
        content: "";
        display: block;
        padding-top: 64.86%;
    }
    .article-section--template-highlight_text::after {
        display: none;
    }
    .article-related-swiper-slide__image-wrapper::after {
        content: "";
        display: block;
        padding-top: 75%;
    }
    .article-section--template-image_gallery {
        margin: 0 auto;
        max-width: calc(100vw - 64px);
    }
    .article-section--related__headline {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 32px;
        gap: 0;
    }
    .article-section--related {
        margin: 60px 0;
    }
    .articleRelatedSwiper {
        overflow: hidden;
    }
    .eandp-section--post__pin-card {
        margin-top: 40px;
    }
    .post__card--image-wrapper {
        grid-column: span 7;
        position: relative;
    }
    .post__card--info-wrapper {
        display: grid;
        grid-column: span 5;
        row-gap: 12px;
    }
    .post__card--info__content {
        gap: 12px;
    }
    .post__card--info__cta {
        margin-top: 12px;
    }
    .post__normal-card--image-wrapper {
        grid-column: span 4;
    }
    .post__normal-card--info-wrapper {
        grid-column: span 6;
        row-gap: 15px;
    }
    .post__normal-card--info__content {
        gap: 32px;
    }
    .post__normal-card--info__cta {
        margin-top: 17px;
    }
    .eandp--section--post__card-wrapper {
        /* padding-bottom: 0;
        border-bottom: none; */
        column-gap: 32px;
    }
    .branches-map {
        margin-top: 60px;
    }
    
    .branches-map::after {
        content: "";
        display: block;
        padding-top: 34.72%;
    }
    .menu-section--intro__image::after {
        content: "";
        display: block;
        padding-top: 63.70%;
    }
    .locate-time {
        display: inline-flex;
        align-items: flex-start;
        gap: 8px;
    }
}
@media only screen and (min-width: 820px) {

}

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

}

@media only screen and (min-width: 1024px) {
    .site-header__nav-menu {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 48px;
    }
    .site-header__hamburger,
    .site-header__nav-hamburger {
        display: none;
    }
    .site-header__topbar {
        display: flex;
        justify-content: center;
    }
    .site-header__logo img {
        width: 140px;
        height: auto;
    }
    .site-header__wrapper {
        padding: 14px 48px 12px;
        gap: 10px;
    }
    .home-section--banner__wrapper-headline {
        padding: 60px 0;
        text-align: center;
        position: absolute;
        z-index: 5;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .home-section--banner__wrapper-headline .sita-gold-font {
        color: var(--color-primary-sita-gold);
    }
    .reservation-fix-btn {
        display: none;
    }
    .banner-opacity {
        display: block;
    }
    .aboutus-section--about {
        position: relative;
    }
    .aboutus-section--about::after {
        display: block;
    }
    .aboutus-section--about__wrapper p {
        max-width: calc(100% - 450px);
        margin: 0 auto;
    }
    .aboutus-section--highlight__image::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 41.67%;
    }
    .aboutus-section--highlight__content {
        max-width: 40.42%;
    }
    .aboutus-section--services__card-wrapper {
        width: calc(100% / 3);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        min-height: 100%;
        gap: 30px;
    }
    .tab-pane {
        display: none;
        margin: 0 104px;
    }
    .branches-section--cover__wrapper-image::after {
        padding-top: 56.25%;
    }
    .accordion-body {
        padding: 0 16px;
        flex-direction: row;
    }
    .accordion-content-address {
        margin: 20px 0 32px;
        padding: 0 20px;
    }
    .accordian-branches-group__wrapper {
        flex-direction: row;
    }
    .accordion-image {
        width: 46%;
    }
    .accordion-content {
        width: 58%;
    }
    .accordion-image::after {
        content: "";
        display: block;
        padding-top: 75%;
    }
    .contact-section--intro::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url("../img/nara-branches-intro-decoration.svg");
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 100%;
        max-width: 211px;
        max-height: 296px;
        margin-bottom: 14px;
    }
    .contact-section--intro__copy-wrapper,
    .eandp-section--intro__wrapper {
        width: 50%;
    }
    .contact-section--form__wrapper {
        flex-direction: row;
    }
    .contact-section--form__image {
        width: calc(100% / 2 - 32px);
    }
    .contact-section--form__form {
        width: calc(100% / 2 - 32px);
    }
    .home-section--headline-with-btn {
        flex-direction: row;
        align-items: flex-start;
    }
    .site-footer__navigation {
        flex-direction: row;
        gap: 0;
    }
    .site-footer__info {
        flex-direction: row;
        gap: 87px;
    }
    .site-footer__menu-col--social, .site-footer__menu-col--contact {
        padding: 12px;
    }
    .site-footer__menu-col--headquater {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0;
        margin-top: 0;
    }
    .home-section--visite__content-info,
    .aboutus-section--visite__content-info {
        margin-bottom: 12px;
        max-width: 720px;
        margin: 0 auto;
    }
    .menu-section--intro {
        position: relative;
        margin: 60px 0;
    }
    .branches-section--tab-content {
        gap: 60px;
    }
    #confirm-modal-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 80px 48px;
        text-align: center;
    }
    .confirm-modal.is-open {
        max-width: 582px;
        margin: 0 auto;

    }
    
}

@media only screen and (min-width: 1280px) {
    .site-header__nav-menu {
        display: flex;
    }
    .site-header__hamburger {
        display: none;
    }
    .site-header__wrapper {
        padding: 20px 64px;
    }
    .site-header__topbar {
        justify-content: center;
    }
    .site-footer__wrapper {
        max-width: calc(100% - 224px);
    }
    .site-footer__info {
        flex-direction: row;
        gap: 87px;
    }
    .site-footer__menu {
        column-gap: 32px;
        row-gap: 32px;
    }
    .footer-h6 {
        padding: 10px 12px;
    }
    .navigation-menu-col--cuisine__wrapper > .menu-item > a,
    .navigation-menu-col--cuisine__wrapper > .menu-item > a:focus {
        padding: 0px 12px;
    }
    .site-footer__menu-col--social-icon {
        margin: 20px 0 0;
    }
    .site-footer__copy-right {
        flex-direction: row;
        gap: unset;
    }
    .navigation-menu-col--cuisine__wrapper > .menu-item > a,
    .navigation-menu-col--cuisine__wrapper > .menu-item > a:focus {
        font-family: "Collier", sans-serif;
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .navigation-menu-col--group__item > a {
        padding: 0 12px;
    }

    /* Home */
    .site-header__logo img {
        width: 241px;
        height: auto;
    }
    .home-section--banner__wrapper-headline {
        padding: 60px 0;
        text-align: center;
        position: absolute;
        z-index: 5;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .home-section--banner__wrapper-headline .sita-gold-font {
        color: var(--color-primary-sita-gold);
    }
    .home-section--banner__wrapper-image::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 43.33%;
    }
    .home-section--about__wrapper {
        padding: 60px 139.5px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
        text-align: center;
    }
    .home-dishes-swiper-slide__image-wrapper::after {
        content: "";
        display: block;
        padding-top: 75.13%;
    }
    .home-dishes-swiper-slide__dish-content {
        width: 55%;
        margin-top: 32px;
    }
    .homeDishesSwiper {
        margin: 0;
    }
    .home-section--news__pin-content {
        grid-column: span 4;
    }
    .home-section--news::after {
        background-image: url('../img/nara-home-news-decorative.svg');
        max-width: 221px;
        max-height: 522px;
        margin-bottom: -40px;
    }
    .home-section--testimonials::after {
        background-image: url('../img/nara-home-testimonial-top-decoration.svg');
        max-width: 267px;
        max-height: 291px;
        margin-top: 17px;
    }
    .home-section--testimonials::before {
        background-image: url('../img/nara-home-testimonial-bottom-decoration.svg');
        max-width: 154px;
        max-height: 177px;
        margin-bottom: 0;
    }
    .home-visit-swiper-slide__image-wrapper::after,
    .aboutus-visit-swiper-slide__image-wrapper::after,
    .article-gallery-swiper-slide__image-wrapper::after {
        content: "";
        display: block;
        padding-top: 53.54%;
    }
    .branches-section--visit__content-wrapper {
        max-width: calc(100% - 224px);
        margin: 0 auto;
    }
    .branches-section--visit__content-info {
        padding: 0 58px;
    }
    .branches-section--visit,
    .branches-section--intro,
    .eandp-section--intro {
        padding: 60px 0;
    }
    .branches-section--intro__wrapper {
        max-width: 37.22%;
        gap: 32px;
    }
    .branches-section--intro::after,
    .eandp-section--intro::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/nara-branches-intro-decoration.svg);
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 100%;
        max-width: 211px;
        max-height: 249px;
    }
    
    .branches-section--cover {
        margin: 40px 0 60px;
    }
    .privacy-section--heading__wrapper {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        width: calc(50% - 32px);
    }
    .error-404 {
        width: 100%;
        height: calc(100vh - 185px);
        background: var(--color-secondary-purple-05);
    }
  
    
    .select2-container {
        /* margin-top: 0px; */
    }
}

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

}

@media only screen and (min-width: 1440px) {
    .article-section--template-image_gallery {
        margin: 0 auto;
        max-width: calc(100vw - 224px);
    }

}

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

}

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

}

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

}