@media (max-width: 767px) {
  :root{
    --module-padding-s: 5rem 0;
    --module-padding-m: 6.25rem 0;
     --module-padding-l: 12.5rem 0;
    --about-module-padding: 5rem 0;
    --module-padding-home: 6.25rem 0;
    --footer-padding: 5.313rem 1.875rem;
    --intro-heading: 6.25rem;
    --module-heading: 5rem;
    --burger-menu: 3rem;
    --menu-accordion: 1.563rem;
    --faqs-h2: 1.875rem;
    --copy: 1.063rem;
    --faqs-copy: 1.375rem;
    --card-h2: 1.375rem;
    --newsletter-copy: 1.25rem;
    --about-copy: 1.063rem;
    --faqs-copy: 1.063rem;
    --copy-xs: 0.875rem;
    --burger-padding: 6.25rem 1.875rem;
    --button-padding: 0.625rem 1.875rem;
    --burger-spacing: 35px;
  }
  .site-logo{left: 30px; top: 25px; translate: 0 0%;}
  .burger-toggle{display: none; width: 44px; height: 32px; padding: 0; border: 0; background: transparent; cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; z-index: 36;}
  .burger-line{display: block; height: 3px; border-radius: 2px; background: var(--pink); transition: transform 0.2s ease, opacity 0.2s ease;}
  .custom-header--open .burger-line:nth-child(1){transform: translateY(9px) rotate(45deg);}
  .custom-header--open .burger-line:nth-child(2){opacity: 0;}
  .custom-header--open .burger-line:nth-child(3){transform: translateY(-18px) rotate(-45deg);}
  .burger-menu-panel{position: fixed; inset: 0; background: var(--black); color: var(--white); transform: translateY(-100%); transition: transform 0.3s ease; z-index: 35; overflow: hidden; touch-action: none; width: 100%; top: 0; left: 0; right: 0; bottom: 0;}
  ul#menu-burger-menu li a{line-height: 50px;}
  .custom-header--open .burger-menu-panel{transform: translateY(0);}
  body.burger-menu-open{overflow: hidden;}
  .burger-menu-list a{display: block; font-family: var(--font-vienna); letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; color: var(--white); font-size: 58.782px; font-style: normal; font-weight: 400; line-height: 53px;}
  .burger-menu-list a:hover, .burger-menu-list a:focus, .burger-menu-list .current-menu-item > a{color: var(--pink);}
  .header-nav--desktop{display: none;}
  .burger-toggle{display: flex; position: absolute; right: 30px; top: 22px; margin: 0;}    
  .custom-header{background: transparent !important; z-index: 30; overflow: visible; padding: 0; height: 130px;} 
  .custom-header .header-wrap{padding: 15px 30px;}
  .custom-header::before{content: ""; position: absolute; left: 0; right: 0; top: 0; height: 130px; background: var(--red); clip-path: polygon(0 0, 100% 0, 100% 50%, 0 80%); z-index: -1;}
  .header-nav--desktop, .header-nav--left, .header-nav--right{display: none;}
  .content > *:first-child{padding-top: 0; isolation: isolate; position: relative; margin-top: calc(-1 * var(--intro-overlap)); z-index: 2; background: transparent; overflow: visible;} 
  .faqs-heading h1{padding: 160px 0 0 0; line-height: 90px;}
  .intro-heading .intro-line:first-child{line-height: 90px;}
  body.page-template-privacy .slider-inner h1, body.page-template-terms .slider-inner h1, body.page-template-feedback .slider-inner h1, body.page-template-order .slider-inner h1, body.page-template-join .slider-inner h1, .about h2.module-heading, .house-headings h2.module-heading, .newsletter-headings h2.module-heading, h2.menu-type__title, .popular h2.module-heading, body.error404 h1{line-height: 80px;}
  .intro-heading .intro-line:first-child{flex-direction: column; align-items: center; gap: 0;}
  .intro-underline.intro-underline--bottom{margin-top: var(--gap-s);}
  .intro-underline.intro-underline--bottom img{width: 250px;}
  .acf-slider .slide, img.menu-type__image{height: 50vh;}
  .intro-heading{transform: none;}
  body.home .slider-inner, svg.about, .intro-underline.intro-underline--top{display: none;}
  .slider-inner{width: fit-content;}
  h2.menu-type__title, .menu-type__overview{margin: 0;}
  .menu-accordion__panel{margin: 0; padding: 0 30px;}
  .menu-type__overview{max-width: 100%;}
  h3.menu-item__title, p.menu-item__desc, h2.menu-type__title{margin-bottom: 10px;}
  ul.menu-items{grid-row-gap: 30px;}
  .main-filter{padding: 1.875rem 1.875rem 6.25rem 1.875rem;}
  .about h2.module-heading{transform: none; text-align: center; position: inherit; margin-bottom: 10px;}
  svg.module-heading.about.mobile{position: inherit; width: 150px; margin: 0 auto 50px auto; display: block;}
  svg.module-subheading.main, svg.module-subheading.popular, svg.module-heading.popular{width: 120px;}
  select#menu-type-filter{margin-top: 50px; width: 100%;}
  .menu-accordion__toggle, svg.horizontal-line{margin: 0; padding: 0 1.875rem;}
  .menu-accordion__toggle{padding: 0.938rem 1.875rem 0.313rem 1.875rem!important;}
  .delivery-grid{width: 100%; gap: var(--gap-m); padding-bottom: 200px;}
  .delivery-card{margin: 0 3.75rem; height: 94px;}
  .join-us .copy{padding: 0 1.875rem; margin-top: 0;}
  .contact-form, .about_inner, .franchise-table, .franchise-columns, .house-headings, form#mc4wp-form-1, h2.menu-type__title, .menu-type__overview, .menu-accordion__toggle, .locations-grid, .feedback .copy{width: 100%; padding: 0 1.875rem;}
  .contact-form .two-col{gap: 0;}
  p.menu-item__desc, .contact-form input[type="submit"], .franchise-col__copy, svg.house, #top.copy p, #bottom.copy p, .about_panel, .values-triangle, .faq_underline, svg.faq-underline, body.error404 .entry-content{width: 100%;}
  #franchise.about .copy p, .own-house .copy p, .join-us .copy p{line-height: 30px;}
  #franchise.about svg{width: 280px;}
  #franchise.about .copy{max-width: 100%; padding: 0;}
  .franchise-columns{margin-top: 3.125rem;}
  #top.copy, #bottom.copy, body.error404 .entry-content{padding: 3.125rem 1.875rem;}
  body.page-template-faqs .accordion__grid{padding: 0 30px 200px 30px; width: 100%;}
  body.page-template-faqs button.menu-accordion__toggle{font-size: var(--menu-accordion); padding: 0.938rem 0!important}
  .popular__slider{overflow: visible; margin: 0 0 1.25rem 1.875rem;}
  .popular__item{width: calc(100% - 33vw); margin-right: 20px;}
  .popular__item:first-child{margin-left: 30px;}
  .popular__media img{display: block; width: 100%; height: auto; object-fit: cover;}
  h3.popular__title, .popular__desc, .popular__price{font-size: var(--about-copy);}
  .module-subheading{padding: 40px 0 0 0 !important;}
  .newsletter-headings h2.module-heading{max-width: 290px;}
  .burger-menu-panel .burger-menu-list, ul.menu-items, .contact-form .two-col, .delivery-grid, .footer-grid, .locations-grid{grid-template-columns: 1fr;}
  .footer{isolation: isolate; position: relative; margin-top: calc(-1 * var(--intro-overlap)); z-index: 2; background: transparent; overflow: visible;}
  .footer::before{content: ""; position: absolute; top: calc(-1 * var(--intro-overlap)); left: -2vw; right: -2vw; bottom: 0; background: var(--red); clip-path: polygon(0 var(--intro-top-right), 100% var(--intro-top-left), 100% 100%, 0 100%); z-index: -1; pointer-events: none;}
  .footer-col{text-align: center;}
  .widget{margin-bottom: 0;}
  input, textarea, .widget ul > li a{font-size: var(--copy-xs);}
  .delivery-sites{justify-content: center; margin-top: 40px; padding-bottom: 0;}
  .social-media__logo{width: 40px;}
  .delivery-sites__logo{width: 60px;}
  #mobile{position: relative; padding: 50px 0 100px 0; background: transparent; overflow: visible; color: var(--black); margin-top: calc(-1 * var(--intro-overlap)); z-index: 2;}
  #mobile::before{content: ""; position: absolute; top: calc(-1 * var(--intro-overlap)); left: -2vw; right: -2vw; bottom: 0; background: var(--white); z-index: -1; pointer-events: none;}
  .quick-links .wrap, .own-house .copy, .join-us .copy{padding: 0 30px;}
  .quick-links .buttons-row{flex-direction: column; text-align: center;}
  body.home .introduction{padding: 50px 0 100px 0;}
  body.page-template-order .slider-inner, body.page-template-restaurants .slider-inner, body.page-template-faqs .slider-inner, body.page-template-feedback .slider-inner, body.page-template-join .slider-inner, body.page-template-franchise .slider-inner, body.page-template-privacy .slider-inner, body.page-template-terms .slider-inner{top: 65%;}
  .newsletter{padding: 0 0 100px 0;}
  a.button.location-card__button, input[type="submit"]{padding: 0.625rem 1.875rem;}
  .franchise-col p, .franchise-col li{font-size: 18px;}
  .accordion__copy{width: 100%;}
  body.page-template-faqs .menu-accordion__panel{padding: 0 0 20px 0;}
  body.page-template-faqs svg.slider-subpage{width: 130px;}
  .menu-type__overview p{margin-bottom: 20px;}
  .feedback_inner img{margin-bottom: 0; max-width: 200px;}
  .about .about_panel .about_panel_inner .about-panel-block{display: block !important; grid-area: 1 / 1; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 250ms ease;}
  .about .about_panel .about_panel_inner .about-panel-block.is-active{visibility: visible; opacity: 1; pointer-events: auto;}
  .about .about_panel .about_panel_inner{display: grid; align-items: center;}
  svg.newsletter{margin-top: var(--gap-s); width: 265px;}
  .buttons-row a, input[type="submit"]{font-size: var(--about-copy);}
}