@media (max-width: 1780px) {
    .menu-primary-block nav ul {
        gap: 64px;
    }
    .menu-primary-block nav ul li a {
        font-size: 18px;
    }
    .language-block {
        margin-left: 56px;
    }
    /* header .logo a img, header .logo a svg {
        width: 124px;
        height: 92px;
    } */
    .machine-container:not(:has(.intro-copy)) .machine-swiper .swiper-slide {
        max-width: calc(33.33% + 56px);
    }
}
@media (max-width: 1620px) {
    .menu-primary-block nav ul {
        gap: 44px;
    }
    .language-block.cta-btn {
        margin-left: 36px;
    }
    .feature-card {
        max-width: calc(33% - 17px);
    }
    .lr-image-cntn .flex-box {
        gap: 90px;
    }
    .lr-image-cntn .cntn-box {
        width: calc(50% - 170px);
    }
    .machine-container:not(:has(.intro-copy)) .machine-swiper .swiper-slide {
        max-width: calc(33.33% + 40px);
    }
}
 @media (max-width: 1500px) {
    .machine-container {
        grid-template-columns:
            minmax(440px, 500px)
            minmax(0, 1fr);
        column-gap: 30px;
    }
   
    .machine-section h2 {
        font-size: 38px;
    }
    .machine-section p {
        font-size: 18px;
    }
    .machine-card h3{
        font-size: 35px;
    }
    .slider-pagination {
        right: 50px !important;
    }
}
@media (max-width: 1440px) {
    .menu-primary-block nav ul {
        gap: 40px;
    }
    .menu-primary-block nav ul li a {
        font-size: 17px;
    }
    .language-block {
        margin-left: 40px;
    }
    .pb-200 {
        padding-bottom: 150px;
    }
    .pt-200 {
        padding-top: 150px;
    }
    .mb-200 {
        margin-bottom: 150px;
    }
    .mt-200 {
        margin-top: 150px;
    }
    .pt-150 {
        padding-top: 100px;
    }
    .pb-150 {
        padding-bottom: 100px;
    }
    .pb-300 {
        padding-bottom: 200px;
    }
    .pt-300 {
        padding-top: 200px;
    }
    .cell-cntn-box {
        padding: 50px 60px;
        gap: 20px;
    }
    .cell-wrapper .table-cell {
        min-height: 235px;
    }
    .letter-cntn-wrapper {
        padding:130px 0px;
    }
    .lr-image-cntn .flex-box {
        gap: 80px;
    }
    .lr-image-cntn .cntn-box {
        width: calc(50% - 160px);
    }
    .footer-top-menu-wrapper .ftr-aditional-info, .footer-top-menu-wrapper .footer-hours-info, .footer-top-menu-wrapper .footer-menu-lists {
        padding: 2rem 2rem;
    }
    .footer-top-menu-wrapper h4, .footer-top-menu-wrapper .footer-hours-info ul {
        margin-bottom: 25px;
    }
    .footer-top-menu-wrapper .footer-menu-lists {
        gap: 30px 35px;
    }
}

@media (max-width: 1399px) {
    .intro-copy {
        max-width:420px;
    }
    .machine-swiper .swiper-slide {
        height: 388px;
    }
    .machine-container {
        grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
    }
    .machine-container:not(:has(.intro-copy)) .machine-swiper .swiper-slide{
        height: 320px;
        max-width: calc(33.33% + 24px);
    }
}

@media (max-width: 1350px) {
    .language-block {
        margin-left: 30px;
    }
    header .logo a img, header .logo a svg {
        width: 90px;
        height: 70px;
    }
    .menu-primary-block nav ul {
        gap: 30px;
    }
    .venue-info-card {
        padding: 0 11px;
    }
    .restaurant-bar-main .retaurant-wrapper {
        display: flex;
        gap: 30px 40px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
@media (max-width: 1280px) {
    header {
        padding: 13px 0;
    }
    .menu-primary-block nav ul {
        gap: 24px;
    }
    .menu-primary-block nav ul li a {
        font-size: 16px;
    }
    .language-block.cta-btn .cta-button-box {
        padding: 0 1.0rem;
        width: 100%;
    }
    .language-block ul li a {
        padding: 6px 25px 5px 16px;
    }
    .language-block {
        margin-left: 28px;
    }
    .lr-image-cntn .flex-box {
        gap: 60px;
    }
    .lr-image-cntn .cntn-box {
        width: calc(50% - 140px);
    }
    .footer-top-menu-wrapper .ftr-aditional-info, .footer-top-menu-wrapper .footer-hours-info, .footer-top-menu-wrapper .footer-menu-lists {
        padding:2rem 1rem;
    }
    .footer-top-menu-wrapper .footer-menu-lists {
        gap: 30px 15px;
    }
    .footer-top-menu-wrapper li {
        margin: 4px 0px;
    }
}
@media (max-width: 1200px) {
    .menu-primary-block {
        position: fixed;
        left: 100%;
        bottom: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        padding: 124px 0 90px;
        background-color: var(--color-primary);
        z-index: -1;
        transition: 300ms left;
        justify-content: center;
        height: 100vh;
        display: block;
    }
    .menu-primary-block:after {
        content: '';
        position: absolute;
        inset: 0;
        background-image: url(../images/big-o-crop-icon1.png), url(../images/big-o-crop-icon1.png);
        background-position: 0 0, 50px 47px;
        background-size: 100px 94px;
        background-repeat: repeat;
        opacity: 0.1;
        z-index: -2;
    }
    .header-right-section .language-block{
        display: none;
    }
    .header-right-section {
        margin-left: auto;
    }
    .mobile-lang {
        display: block;
    }
    
    .menu-primary-block nav ul li.current_page_item:before {
        content: normal;
    }
    body.menu-opened .logo .s0 {
        fill: var(--color-white);
    }
    .header-menu-btn {
        display: block;
    }
    .menu-primary-block nav ul {
        display: block;
        text-align: center;
    }
    .menu-primary-block nav ul li {
        margin-bottom: 20px;
    }
    .menu-primary-block nav ul li a {
        font-size: 30px;
    }
    .language-block.cta-btn {
        margin-left: 0;
        width: 100%;
        height: 38px;
    }
    .language-block.cta-btn .cta-button-box {
        color: var(--color-primary) !important;
        background-color: var(--color-white) !important;
        /* background-color: var(--color-pink) !important; */
    }
    .language-block.cta-btn .cta-button-box svg path {
        fill: var(--color-primary);
    }
    .language-block.cta-btn {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 20px;
        width: 100%;
        padding: 0 30px;
        background-color: transparent;
    }
    .menu-primary-block nav {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow-y: auto;
    }
    body.menu-opened .menu-primary-block {
        left: 0;
    }
    body.menu-opened {
        overflow: hidden;
    }
    .feature-card {
        max-width: calc(50% - 17px);
    }
    .white-view-port.menu-opened .menu-primary-block nav ul li a, header.scrolled .menu-primary-block nav ul li a{
        color: var(--color-white);
    }
    .white-view-port .nav-icon span, .blue-view-port .scrolled .nav-icon span{
        background-color: var(--color-primary);
    }
    .menu-opened .nav-icon span, .blue-view-port.menu-opened header.scrolled .nav-icon span{
        background-color: var(--color-white);
    }
    .home.menu-opened .home-blue-menu .menu-primary-block nav ul li a, .home.menu-opened .home-white-menu .menu-primary-block nav ul li a{
        color: var(--color-white);
    }
    .home.menu-opened .home-blue-menu .nav-icon span, .home.menu-opened .home-white-menu .nav-icon span{
        background: var(--color-white);
    }
    header.scrolled .nav-icon span{
        background: var(--color-primary);
    }
    .menu-opened header.scrolled .nav-icon span{
        background: var(--color-white);
    }
    .menu-line {
        display: block;
        overflow: hidden;
    }
    .menu-words {
        display: inline-block;
        will-change: transform;
    }
    .main-nav ul li a,
    .language-list li a {
        display: inline-block;
    }
    .menu-primary-block nav ul li a {
        color: var(--color-white);
    }
    .language-block {
        will-change: transform, opacity;
    }
    .current-language {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }
    .current-language .menu-line {
        display: block;
        overflow: hidden;
    }
    .language-block ul.language-list {
        left: 30px;
        right: 30px;
        top: auto;
        bottom: calc(100% - 20px);
        padding-bottom: 24px;
        border-radius: 1rem 1rem 0 0;
    }
    .language-block ul.language-list li {
        border-bottom: 1px solid var(--color-white);
    }
    .language-block ul.language-list li:last-child {
        border-bottom: none;
    }
    .language-block ul li a {
        padding: 12px 25px;
    }
    .language-block.cta-btn .cta-button-box svg {
        transform: rotate(180deg);
        margin-bottom: -3px;
    }
    .language-block.cta-btn.list-opened .cta-button-box svg {
        transform: rotate(0deg);
        margin-bottom: 4px;
    }
    .image-block-wrap {
        width: 984px;
    }
    .image-block-wrap figure {
        width: 380px;
    }
    .image-block-wrap figure img {
        height: 460px;
    }
    .lr-image-cntn .flex-box {
        gap: 60px;
    }
    .lr-image-cntn .cntn-box {
        width: calc(50% - 60px);
    }
    .header-right-buttons{
        display: none;
    }

    .machine-container {
        column-gap: 28px;
    }
    .intro-copy {
        padding-top: 45px;
    }
    .machine-section h2 {
        max-width: 380px;
        font-size: 34px;
    }
    .machine-card h3{
        left: 26px;
        bottom: 30px;
        font-size: 31px;
    }
    .venue-info-card h3 {
        font-size: 40px;
    }
    .slider-pagination {
        right: 40px !important;
    }
    .home .home-white-menu .nav-icon span{
        background: var(--color-primary);
    }
    .machine-swiper .swiper-slide {
        width: 70%;
    }
    .machine-container:not(:has(.intro-copy)) .machine-swiper .swiper-slide{
        height: 320px;
        width: calc(33.33% + 48px);
        max-width: inherit;
    }
    .mobile-card-slider-block .feature-card, .mobile-card-slider-block .cartes-card{
        max-width: 100%;
        width: 100%;
        height: 100%;
    }
    .feature-cards-block .desktop-view-only{
        display: none;
    }
    .feature-cards-block .mobile-view-only {
        display: flex;
        padding-bottom: 40px;
    }
    .card-swiper-slider{
        padding-bottom:50px;
    }
    
}

@media (max-width: 1024px) {
    h1{
        font-size: 39px;
        line-height: 48px;
    }
    h2 {
        font-size: 34px;
        line-height: 43px;
    }
    h4, .logo-content-button-sec h4{
        font-size: 25px;
        line-height: 34px;
    }
    .letter-cntn-wrapper p {
        padding: 25px 0px;
    }
    .pb-150 {
        padding-bottom: 80px;
    }
    .pt-150 {
        padding-top: 80px;
    }
    .pb-200 {
        padding-bottom: 100px;
    }
    .pt-200 {
        padding-top: 100px;
    }
    .mb-200 {
        margin-bottom: 100px;
    }
    .mt-200 {
        margin-top: 100px;
    }
    .pb-300 {
        padding-bottom: 150px;
    }
    .pt-300 {
        padding-top: 150px;
    }
    .logo-content-button-sec svg {
        margin-bottom: 25px;
        max-width: 41px;
    }
    .cell-cntn-box p {
        font-size: 22px;
        line-height: 27px;
    }
    /* section {
        margin: 25px 0px;
    } */
    .letter-cntn-wrapper {
        padding: 75px 0px;
    }
    .cell-wrapper .table-cell:nth-child(4){
        display: none;
    }
    .cell-wrapper .table-cell {
        width: calc(33.33% - 0px);
        min-height: 150px;
    }
    .cell-wrapper .table-cell:nth-child(3){
        border-right: 0px;
    }
    .cell-wrapper .cell-left-box{
        display: none;
    }
    .cell-wrapper:has(.cell-cntn-box) .table-border-box{
        display: none;
    }
    .cell-cntn-box {
        width: 100%;
        padding: 60px 50px;
        gap: 20px;
    }
    .md-container:has(.mobile-view-only.scroll-section) {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    
    .features-cards .feature-card {
        width: 40vw;
        max-width: 100%;
    }
    .features-cards {
        display: flex;
        gap: 20px;
        padding-left:6vw;
        padding-right:6vw;
    }
    .cell-cntn-box {
        padding: 40px 30px;
        gap: 20px;
    }
    .cta-btn {
        height: 43px;
    }
    .newsletter-inner-box {
        border-radius: 40px;
    }
    .table-cell-boxs {
        border-radius: 30px;
    }
    body.white-view-port, body.blue-view-port, .blue-motif-view-port {
        padding-top: 100px;
    }
    .heading-bottom-space-60 h1 {
        margin-bottom: 25px;
    }
    .contact-form-section h1 {
        margin-bottom: 25px;
    }
    .lr-image-cntn .image-box {
        max-width: 100%;
        width: 500px;
        border-radius: 50px;
        margin: auto;
    }
    .lr-image-cntn h3{
        font-size: 25px;
        line-height: 34px;
    }
    .vd-slider-subtitle{
        font-size: 20px;
        line-height: 30px;
    }
    .h-left.lr-image-cntn .cntn-box{
        text-align: left;
        gap: 20px;
    }
    .text-symbol-animate-bloc .btn-wrap .btn-wrap {
        margin-top: 0px;
    }
    /* .lr-image-cntn .lg-container {
        padding-left: 0px;
        padding-right: 0px;
    } */
    .lr-image-cntn .cntn-box {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .lr-image-cntn .cntn-box a.cta-btn {
        margin: auto;
    }
    .full-width-image-above-content p{
        font-size: 22px;
        line-height: 27px;
    }
    .head-one-size h2 {
        font-size: 39px;
        line-height: 48px;
    }
    .buttons-box {
        gap: 20px;
        width: 100%;
        justify-content: center;
    }
    .lr-image-cntn .cntn-box .buttons-box a.cta-btn {
        margin: inherit;
    }
    .feature-cards-block .small-heading-box {
        max-width: calc(100% - 60px);
        margin: auto;
    }
    .radius-60 .small-heading-box {
        border-radius: 30px;
    }
    .text-border-note-wrapper {
        padding: 50px 30px;
        border-radius: 30px;
        gap: 25px;
    }
    .small-heading-box {
        padding: 50px 30px;
    }
    .text-note-box p{
        font-size: 17px;
        line-height: 23px;
    }
    .feature-card h3, .cartes-card .card-cntn-box h3 {
        font-size: 25px;
        line-height: 35px;
    } 
    
    form.contact-form.pt-80 {
        padding-top: 60px;
    }
    .cta-btn .cta-button-box {
        gap: 8px;
        padding: 0 2rem;
    }
    .newsletter-social {
        padding-bottom: 25px;
        gap: 10px 15px;
    }
    .form-grid .full-width, .form-grid .half-width {
        grid-column: 1 / -1;
    }
    .full-width-animate-section p, .full-page-image-sec p {
        font-size: 25px;
        line-height: 34px;
        padding: 20px;
    }
    .full-page-image-sec figure {
        border-radius: 60px;
    }
    
    .contact-form-section p{
        font-size: 25px;
        line-height: 34px;
    }
    .scrolltext {
        font-size: 150px;
        line-height: 150px;
    }
    .scrolltext-container svg {
    width: 93px;
    aspect-ratio: 1 / 1;
    }
    .head-one-size h3{
        font-size: 39px;
        line-height: 48px;
        margin-bottom:20px;
    }
    /*.text-symbol-animate-bloc {
        padding-top: 100px;
        padding-bottom: 100px;
    }*/
    header.scrolled .logo a img, header.scrolled .logo a svg {
    width: 84px;
    height: 60px;
    }
    header.scrolled {
        padding: 8px 0;
    }
    .feature-cards-block{
        overflow: visible;
    }
    .text-symbol-animate-bloc .text-icon-wrapper {
        padding: 100px 0px;
    }
    .text-symbol-animate-bloc .text-icon-wrapper .icon-box {
        height: 95%;
        width: 95%;
    }
    .lr-image-cntn .flex-box {
        gap: 40px;
    }
    .image-block-wrap {
        width: 824px;
    }
    .image-block-wrap figure {
        width: 320px;
    }
    .image-block-wrap figure img {
        height: 400px;
    }
    .card-top-cntn {
        margin-bottom: 40px;
    }
    .mobile-view-only .sticky {
        height: fit-content;
        top: 100px;
    }
    .scrolltext span {
        font-size: 200px;
    }
    .animate-accor-scrolltext.icon-animate-bloc .scrolltext-container {
        gap: 60px;
    }
    .feature-cards-block .small-heading-box.mb-30{
        margin-bottom: 30px;
    }
    .form-check label span.wpcf7-list-item-label::before {
        top: 6px;
    }
    .newsletter-inner-box .form-check label.custom-checkbox {
        margin-top: 7px;
    }
    .newsletter-inner-box .cta-btn{
        height: 55px;
    }
    .newsletter-inner-box .form-check label span.wpcf7-list-item-label::before {
        top: 3px;
    }
    .newsletter-inner-box .wpcf7-list-item input:checked + span.wpcf7-list-item-label::after {
        top: 5px;
    }
    .newsletter-inner-box .wpcf7-not-valid-tip {
        margin-top: 5px;
    }
    .footer-top-menu-wrapper {
        flex-wrap: wrap;
    }
    .ftr-aditional-info, .footer-hours-info {
        max-width: 50%;
    }
    .footer-top-menu-wrapper .footer-menu-lists{
        border-top: 1px solid var(--color-white);
    }
    .footer-hours-info{
        border-right: 0px;
    }
    .your-existing-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .counter-wrapper .venue-info-wrapper {
        grid-template-columns: repeat(3, 1fr);
        gap: 0px;
    }
    .counter-wrapper .venue-info-card:nth-child(3) {
        border-right: 0px;
    }
    .venue-info-card:last-child {
        border-right: 1px solid #fff;
    }
    .global-small-header {
        margin-bottom: 50px;
    }
    .faq-item {
        padding:20px 30px 20px 30px;
    }
    p, .restaurant-list p, .restaurant-list span, .venue-info-card p, .cartes-card .card-cntn-box p, .venue-info-card p, .lr-image-cntn p, .text-symbol-animate-bloc .text-icon-wrapper p, .letter-cntn-wrapper p, .rsi-right-card p, .machine-section p, .logo-content-button-sec p, .feature-card p, .faq-answer p{
        font-size: 17px;
        line-height: 1.5;
    }
    
    .restaurant-bar-main .global-small-header {
        max-width: 100%;
        gap: 12px;
        margin-bottom: 20px;
    }
    
    .text-symbol-animate-bloc.font-bold .text-icon-wrapper h2 {
        font-weight: 600;
    }
    .machine-container:not(:has(.intro-copy)) .machine-swiper .swiper-slide{
        max-width: inherit;
        width: calc(50% + 32px);
    }
    .text-note-box h5 {
        font-size: var(--font-size-28);
    }
    .machine-section .machine-container:not(:has(.intro-copy)) .slider-pagination {
        bottom: 36px !important;
    }
    .cartes-card .card-cntn-box p {
        font-size: var(--font-size-20);
        line-height: 1.6;
        min-height: 48px;
    }
    .feature-cards-block .md-container, .feature-cards-block .lg-container, .feature-cards-block .sm-container{
        padding-inline: 0px;
    }
    .card-swiper-slider{
        padding-inline: 30px;
    }
    .format-work h4.element-test-dev, .restaurant-list .list-left, .restaurant-list .list-left h4{
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 0px;
    }
    .format-work .restaurant-list .list-left h4{
        font-size: 16px;
        line-height: 1.4;
        font-weight: 400;
    }
    .format-work .restaurant-list {
        padding-top: 2px;
    }
    .h-left.lr-image-cntn .cntn-box .btn-wrap {
        margin-top: 10px;
    }
}
@media(max-width:1000px){
    .gallery{
        grid-template-columns:repeat(2,1fr);
        grid-template-rows:auto;
    }
    .gallery .gallery-item{
        grid-column:auto!important;
        grid-row:auto!important;
        height:300px;
    }
    .gallery .building{
        grid-column:1/3!important;
        height:400px;
    }
    .restaurant-bar-main .resturent-all-in-under:not(:last-child) {
        margin-bottom: 50px;
    }
}
@media (max-width:991px) {
    .features-cards .feature-card {
        width: 80vw;
    }
    .features-cards {
        display: flex;
        gap: 20px;
        padding-left:6vw;
        padding-right:6vw;
    }
    .cell-wrapper .table-cell {
        min-height: 87px;
    }
    .counter-wrapper .venue-info-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
    }
    .counter-wrapper .venue-info-card:not(:last-child){
        border-bottom: 1px solid #fff;
    }
    .counter-wrapper .venue-info-card:nth-child(3) {
        border-right: 1px solid #fff;
    }
    .counter-wrapper .venue-info-card:nth-child(even) {
        border-right: 0px;
    }
    .global-small-header {
        margin-bottom: 40px;
    }
    .machine-container:has(.intro-copy) .machine-swiper .swiper-slide {
        height: 460px;
    }
    .restaurant-bar-main .retaurant-wrapper .cntn-box, .restaurant-bar-main .retaurant-wrapper .thumbnail-box {
        max-width: calc(100% - 0px);
    }
    .restaurant-bar-main .retaurant-wrapper .thumbnail-box {
        gap: 15px 15px;
    }
    .pb-150 {
        padding-bottom: 70px;
    }
    .pt-150 {
        padding-top: 70px;
    }
    .pb-200 {
        padding-bottom: 80px;
    }
    .pt-200 {
        padding-top: 80px;
    }
    .mb-200 {
        margin-bottom: 80px;
    }
    .mt-200 {
        margin-top: 80px;
    }
    .pb-300 {
        padding-bottom: 100px;
    }
    .pt-300 {
        padding-top: 100px;
    }
    .rsi-info-section {
        padding: 80px 0 80px;
    }
}
@media (max-width:900px) {
    .image-block-wrap {
        width: 700px;
    }
    .image-block-wrap figure {
        width: 272px;
    }
    .image-block-wrap figure img {
        height: 330px;
    }
    .footer-wrapper {
        flex-direction: column;
        text-align: center;
    }
    .footer-wrapper ul {
        gap: 8px;
        flex-direction: column;
        margin:0px 0px 25px;
    }

    .venue-info-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
    }

    .venue-info-card {
        padding: 30px 20px;
        border-right: none;
        border-bottom: 1px solid var(--color-primary);
    }

    .venue-info-card:nth-child(odd) {
        border-right: 1px solid var(--color-primary);
    }

    .venue-info-card:nth-last-child(-n + 2) {
        border-bottom: none;
    }
    .rsi-info-wrapper {
        max-width: 100%;
        grid-template-columns: 36% 64%;
    }

    .rsi-right-card {
        padding: 26px 35px;
    }

    .machine-container {
        display: block;
        padding-left: 28px;
    }
    .intro-copy {
        max-width: 100%;
        padding-top: 0;
        padding-right: 28px;
        margin-bottom: 45px;
    }
    .machine-section h2{
        max-width: calc(100% - 40px);
        left: 20px;
    }
    .machine-section p {
        max-width: 620px;
    }
    /*.slider-shell {
        width: calc(
            100% + 28px
        );
    }
    .machine-container:not(:has(.intro-copy))
    .slider-shell {
        width: calc(
            100% + 28px
        );
    }*/
    .slider-pagination {
        right: calc(28px * 2) !important;
    }
    .counter-wrapper .venue-info-card:nth-child(odd){
        border-color: #fff;
    }
    .counter-wrapper .venue-info-card {
        min-height: 200px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .machine-swiper .swiper-slide {
        width: 50%;
    }
}



@media (max-width:768px) {
    .features-cards .feature-card {
        width: 95vw;
    }
    .features-cards {
        display: flex;
        gap: 20px;
        padding-left:6vw;
        padding-right:6vw;
    }
    .newsletter-form {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .newsletter-form .cta-btn, .newsletter-form .cta-btn .cta-button-box {
        width: 100%;
    }
    
    .watermark-bg.mb-reduce-86{
        margin-bottom: -30px;
    }
    .contact-form .form-btn {
        margin-top: 35px;
    }
    .contact-form .form-btn .cta-btn, .contact-form .form-btn .cta-button-box {
        width: 100%;
    }
    .full-page-image-sec figure {
        border-radius: 40px;
    }
    .full-width-animate-section figure img {
        height: 390px;
    }
    .full-width-animate-section p, .full-page-image-sec p {
        font-size: 22px;
    }
    .banner-bg.only-mobile-view {
        display: block;
        position: initial; /*Need to remove*/
    }
    .banner-bg.only-desktop-view{
        display: none;
    }
    .scrolltext {
        padding-right: 1rem;
    }
    .image-block-wrap {
        width: 500px;
    }
    .newsletter-form p {
        padding: 0px;
        width: 100%;
    }
    .newsletter-form .input-group {
        width: 100%;
    }
    .newsletter-social:has(li:nth-child(1)) {
        padding-bottom: 30px;
    }
    .lg-container, .md-container, .sm-container {
        padding: 0 26px;
    }
    .lr-image-cntn .image-box {
        width: 100%;
    }
    .full-page-image-sec figure img {
        height: auto;
        /* min-height: 385px; */
    }
   .text-symbol-animate-bloc .text-icon-wrapper {
        padding: 50px 0px;
        margin: -16px 0px;
    }
    .text-symbol-animate-bloc.font-bold .text-icon-wrapper h2 {
        font-size: 25px;
        line-height: 34px;
    }
    .text-symbol-animate-bloc .text-icon-wrapper h2{
        margin-bottom: 20px;
    }
    .animate-accor-scrolltext.icon-animate-bloc .scrolltext-container {
        gap: 0px;
    }
    .scrolltext span {
        font-size: 180px;
    }
    footer.footer {
        padding:25px 0px 15px;
    }
    .hero-banner {
        min-height: auto;
    }
    .logo-content-button-sec a.cta-btn {
        margin-top: 24px;
    }
    .pt-80 {
        padding-top: 40px;
    }
    .head-one-size h3 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 18px;
    }
    .logo-content-button-sec h2 {
        margin-bottom: 20px;
    }
    .newsletter-inner-box .cta-btn{
        height:43px;
    }
    /*Need to remove*/
    /*.hero-banner {
        min-height: auto;
        padding: 0;
    }*/
    /*.hero-banner .sm-container, .video-wrapper-mobile, .video-wrapper-mobile video {
        display: none;
    }*/
    section.hero-banner {
        padding: 0;
        display: block;
    }
    .page-id-2 .hero-banner .sm-container, .page-id-2 .video-wrapper-mobile, .page-id-2 .video-wrapper-mobile video {
        display: block;
    }
    .page-id-2 section.hero-banner {
        display: block;
    }
    .cta-btn .cta-button-box {
        gap: 8px;
        padding: 0 1.2rem;
    }
    .footer-top-menu-wrapper h4, .footer-top-menu-wrapper .footer-hours-info ul {
        margin-bottom: 20px;
    }
    .your-existing-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .global-small-header {
        margin-bottom: 30px;
    }
    .faq-wrapper{
        flex-wrap: wrap;
        border-radius: 30px;
    }
    .faq-item-swrapper {
        max-width: 100%;
        border-left: 0px;
        border-top: 1px solid var(--color-white);
    }
    .faq-item {
        padding: 20px 15px 20px 15px;
    }
    .fax-left-header {
        padding-inline: 20px;
        gap: 9px;
        padding: 20px 0px;
    }
    p, .restaurant-list p, .restaurant-list span, .venue-info-card p, .cartes-card .card-cntn-box p, .venue-info-card p, .lr-image-cntn p, .text-symbol-animate-bloc .text-icon-wrapper p, .letter-cntn-wrapper p, .rsi-right-card p, .machine-section p, .logo-content-button-sec p, .feature-card p, .faq-answer p{
        font-size: 16px;
        line-height: 1.4;
    }
    .machine-swiper .swiper-slide {
        width: 60%;
    }
    .machine-container:not(:has(.intro-copy)) .machine-swiper .swiper-slide{
        width: 75%;
        height: 280px;
    }
    .machine-card {
        border-radius: 20px;
    }
    .text-note-box h5 {
        font-size: var(--font-size-26);
    }
}

@media (max-width: 640px) {
    .vd-slider {
    height: calc(100vh - 100px);
    max-height: none;
    }

    .vd-slider-title {
    font-size: clamp(28px, 8vw, 40px);
    }

    .vd-slider-content {
    padding:
        0 20px 50px;
    }

    .vd-slider-actions {
    width: 100%;
    max-width: 100%;
    }

    .vd-slider-dots {
    right: 50%;
    bottom: 18px;

    transform: translateX(50%);
    }
    .rsi-info-wrapper {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .rsi-left-card,
    .rsi-right-card {
        width: 100%;
        min-height: auto;
        border-radius: 24px;
    }

    .rsi-left-card {
        padding: 30px 20px;
    }

    .rsi-right-card {
        padding: 28px 25px 30px;
    }

    .rsi-age-circle {
        width: 50px;
        height: 50px;
    }

    .rsi-left-card h3,
    .rsi-right-card h2 {
        font-size: 19px;
    }
}
@media (max-width: 600px) {
  .venue-info-wrapper {
    grid-template-columns: 1fr;
  }
  .counter-wrapper .venue-info-wrapper {
    grid-template-columns: repeat(1, 1fr);
    }
    .counter-wrapper .venue-info-card{
        min-height: auto;
    }
    .counter-wrapper .venue-info-card:nth-child(3) {
        border-right: 0px;
    }
  .venue-info-card,
  .venue-info-card:nth-child(odd) {
    padding: 25px 10px;

    border-right: none;
    border-bottom: 1px solid var(--color-primary);
  }

  .venue-info-card:last-child {
    border-bottom: none;
  }

  .venue-info-card h4 {
    font-size: 22px;
  }

  .venue-info-card p {
    font-size: 16px;
  }

    .faq-question {
        font-size: 15px;
    }

    .faq-answer p {
        font-size: 14px;
    }

    .intro-copy {
        margin-bottom: 36px;
    }

    .eyebrow {
        margin-bottom: 16px;
        font-size: 11px;
    }
    .machine-section h2 {
        font-size: 31px;
        line-height: 1.08;
        letter-spacing: -1px;
    }
    .machine-section p {
        margin-top: 22px;
        font-size: 16px;
        line-height: 1.25;
    }
    .machine-section h3 {
        margin-top: 27px;
        font-size: var(--font-size-25);
    }
    .intro-button {
        min-width: 110px;
        height: 45px;
        margin-top: 24px;
        font-size: 16px;
    }
    .machine-card h3{
        left: 23px;
        bottom: 27px;

        font-size: 30px;
    }
    .slider-shell {
        padding-bottom: 37px;
    }
    .slider-pagination {
        right: 40px !important;
    }

    .gallery{
        width:100%;
        grid-template-columns:1fr;
        gap:10px;
    }
    .gallery .gallery-item{
        grid-column:auto!important;
        grid-row:auto!important;
        height:260px;
        border-radius:12px;
    }
    .gallery .building{
        grid-column:auto!important;
        height:300px;
    }
    .lightbox .lightbox-image{
        max-width:92%;
        max-height:75vh;
    }
    .lightbox .prev,
    .lightbox .next{
        width:42px;
        height:42px;
    }
    .lightbox .prev::before,
    .lightbox .next::before{
        width:9px;
        height:9px;
    }
    .lightbox .prev{
        left:10px;
    }
    .lightbox .next{
        right:10px;
    }
    .lightbox .close{
        top:15px;
        right:20px;
        font-size:38px;
    }
     .machine-container:has(.intro-copy) .machine-swiper .swiper-slide {
        height: 350px;
    }
}
@media (max-width: 575px) {
    .full-page-image-sec figure {
        border-radius: 24px;
    }
    .image-block-wrap {
        width: 340px;
    }
    .image-block-wrap figure {
        width: 208px;
    }
    .image-block-wrap figure img {
        height: 250px;
    }
    .image-block-wrap figure:nth-child(2) {
        left: 10%;
    }
    .image-block-wrap figure:last-child {
        right: -28%;
    }
    .ftr-aditional-info, .footer-hours-info {
        max-width: 100%;
    }
    .ftr-aditional-info{
        border-right: 0px;
    }
    .footer-top-menu-wrapper .footer-menu-lists{
        flex-wrap: wrap;
        border-top: 0px;
    }
    .footer-top-menu-wrapper .footer-menu-lists .menu-item{
        flex: auto;
        width: 100%;
    }
    .footer-top-menu-wrapper .ftr-aditional-info, .footer-top-menu-wrapper .footer-hours-info, .footer-top-menu-wrapper .footer-menu-lists {
        padding: 1rem 1rem;
    }
    .footer-top-menu-wrapper {
        padding: 1rem 1rem;
    }
    .text-note-box h5 {
        font-size: var(--font-size-24);
    }
}

@media screen and (max-width: 440px) {
    .rsi-right-card {
        padding: 28px 20px 30px;
    }
    /* .cta-button-box-title {
        font-size: var(--font-size-16);
    } */
    .machine-container:has(.intro-copy) .machine-swiper .swiper-slide {
        height: 320px;
    }
    .rsi-info-section .cta-button-box-title{
        font-size: 17.5px;
        letter-spacing:-.8px ;
    }
}

@media screen and (max-width: 400px) {
    .rsi-left-card,
    .rsi-right-card {
        border-radius: 20px;
    }

    .rsi-left-card h3,
    .rsi-right-card h2 {
        font-size: 18px;
    }

    .rsi-right-card p {
        font-size: 13px;
    }
    .machine-section h2 {
        font-size: 28px;
    }
    .slider-pagination {
        right: 32px !important;
    }
}
