@media screen and (min-width: 768px) and (max-width: 1023px){
    :root{
        --header-padding: 2.5rem 0.938rem;
        --introduction-padding: 5rem 0.938rem 0 0.938rem;
        --introduction-policies-padding: 5rem 0.938rem 0 0.938rem;
        --restaurants-grid-padding: 0 0.938rem;
        --offers-grid-padding: 0 0.938rem 6.875rem 0.938rem;
        --single-restaurants-padding: 5rem 0.938rem 5.875rem 0.938rem;
        --eat-drink-padding: 0 0.938rem;
        --visit-floating-padding: 8.25rem 0.938rem 0 0.938rem;
        --follow-us-padding: 8.25rem 0.938rem 0 0.938rem;
        --single-event-padding: 8.75rem 4.375rem 0 4.375rem;
        --visit-us-padding: 0 0.938rem 5.625rem 0.938rem;
        --credentials-logos-padding: 6.25rem 0.938rem 0 0.938rem;
        --introduction-title: 3.75rem;
        --article-card: 2.188rem;
        --text-xxl: 8.438rem;
        --text-xl: 3.25rem;
        --text-l: 3.438rem;
        --text-ml: 3.125rem;
        --text-m: 1.375rem;
        --text-sm: 1.25rem;
        --text-s: 0.938rem;
        --text-xs: 0.875rem;
        --gap-sm: 0.938rem;
    }
    .custom-header{position: absolute; z-index: 1000; width: 100%;}
    .custom-header .header-wrap{position: relative; display: flex; align-items: center;}
    .custom-logo-link img{display: block; width: 200px; height: auto;}
	.custom-header__burger{position: absolute; top: 0; right: 0; z-index: 1002; display: flex; flex-direction: column; justify-content: center; gap: 0.45rem; width: 1.5rem; height: 1.5rem; padding: 0; border: 0; background: transparent; cursor: pointer;}
	.custom-header__burger span{display: block; width: 100%; height: 2px; background: currentColor; transform-origin: center; transition: transform 0.25s ease, opacity 0.25s ease;}
	.custom-header__burger[aria-expanded="true"] span:nth-child(1){transform: translateY(0.6rem) rotate(45deg);}
	.custom-header__burger[aria-expanded="true"] span:nth-child(2){opacity: 0;}
	.custom-header__burger[aria-expanded="true"] span:nth-child(3){transform: translateY(-0.6rem) rotate(-45deg);}
	.custom-header.is-dark .custom-header__burger span{color: var(--CSG---Dark-Green, #16402C);}
    .custom-nav{height: 100vh; height: 100dvh; max-height: 100vh; max-height: 100dvh; overflow: hidden; position: fixed; inset: 0; z-index: 1001; display: flex; align-items: center; justify-content: center; padding: 1.875rem; background: var(--CSG---Light-Green, #AEF26B); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease, visibility 0.25s ease;}
	body.menu-is-open .custom-nav{opacity: 1; visibility: visible; pointer-events: auto;}
	.custom-nav .nav-menu{display: flex; flex-direction: column; align-items: center; gap: var(--gap-s)!important; margin: 0; padding: 0; list-style: none; text-align: center;}
	.custom-nav .nav-menu a{color: var(--CSG---Dark-Green, #16402C); font-size: 2rem; text-transform: uppercase; text-decoration: none; line-height: 2.375rem; letter-spacing: 1.28px; font-family: var(--font-delight);}
    html.menu-is-open, body.menu-is-open{overflow: hidden; height: 100%;}
	body.menu-is-open .custom-header, body.menu-is-open .custom-header__burger{color: var(--CSG---Dark-Green, #16402C)}
	body.menu-is-open{position: fixed; inset: 0; width: 100%; touch-action: none;}
    .acf-slider.js-home-slider, .acf-slider.js-home-slider .slide{height: 70vh;}
    body.home .page-introduction__copy, body.home .introduction__cta{max-width: 30rem;}
    body.page-template-template-whats-on .page-introduction__title{max-width: 38rem;}
    .page-introduction__copy{max-width: 50rem;}
    body.page-template-template-event-listings .page-introduction__copy, body.page-template-template-latest-news .page-introduction__copy{max-width: 40rem;}
    body.page-template-template-visit-us .page-introduction__title{max-width: 45rem;}
    .restaurants-carousel__slide{width: clamp(12rem, 22vw, 25rem); height: clamp(22rem, 36vw, 34rem);}
    .eat-drink__copy{margin-top: var(--gap-s); max-width: 32rem;}
    .restaurants-carousel__copy{max-width: 32rem;}
    .image-carousel__copy, .visit-us__copy{max-width: 36rem;}
    .restaurants-carousel__active-title{line-height: 3.75rem;}
    .latest__button, .eat-drink-card__button, .eat-drink-offer-card__button, .whats-on__archive-link, .news__archive-link, .coming-soon__archive-link, #featured.whats-on__grid .whats-on__cta .button, .whats-on__card.whats-on-listing__featured-card .whats-on__cta .button, .whats-on__card.whats-on-listing__featured-card a.whats-on__card-link .whats-on__cta, .whats-on-listing__load-more{font-size: var(--text-xs);}
    .eat-drink__media--top-right{margin-top: var(--gap-sm);}
    .whats-on .wrap, .news .wrap, .coming-soon .wrap, .csg-loop-panel .wrap, .latest .wrap, .image-carousel .wrap, .csg-footer__top, .csg-footer__bottom, .two-col__quote__inner, .two-col{padding: 0 0.938rem;}
    .follow-us__handle{top: 70px;}
    .follow-us__link, #retail .two-col__list, #connected .two-col__list, #office .two-col__list{font-size: var(--text-s);}
    .csg-loop-panel__copy, .csg-loop-panel__newsletter-copy{width: 100%;}
    .cta-panels{padding: 6.25rem 0.938rem;}
    .cta-panels__title{font-size: 1.875rem;}
    .page-introduction__title{line-height: 4rem;}
    body.page-template-page-templates.page-template-template-eat-drink .page-introduction__title{max-width: 40rem;}
    body.page-template-template-event-listings .page-introduction__title, body.page-template-template-latest-news .page-introduction__title{max-width: 41rem;}
    .page-introduction__title{max-width: 19ch;}
    .eat-drink-offers-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
    .event-single__details-group h3{font-size: var(--text-sm);}
    .visit-us__travel-grid, .visit-us__travel-content, .visit-us__stations-grid{gap: 2.52rem;}
    .visit-us__map-link{font-size: var(--text-m);}
    li.visit-us__station, .visit-us__station-duration{font-size: 0.938rem;}
    li.visit-us__station span{font-size: 0.688rem;}
    .whats-on__grid, .news__grid, .coming-soon__grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
    .whats-on .whats-on__card:last-child, .news__card:last-child, .coming-soon__card:last-child, #esg-in-action.two-col .two-col__media--secondary{display: none;}
    .whats-on-listing__featured.news-listing__featured .whats-on__card, .whats-on-listing__featured .whats-on__card, #featured.whats-on__grid .whats-on__card{display: block;}
    .visit-us__address{max-width: 27rem;}
    .policies-section__copy{margin: 0 0 var(--gap-m);}
    #covent-garden.two-col, #renzo-piano.two-col{padding: 0 0.938rem 8.75rem 0.938rem;}
    .two-col__heading{margin-bottom: 1.875rem;}
    .two-col--spacing-medium, #covent-garden.two-col, #renzo-piano.two-col{margin-top: 6.25rem;}
    #covent-garden.two-col .two-col__media--secondary{transform: translateY(16.875rem);}
    body.page-template-template-neighbourhood .restaurants-carousel{padding: 11.25rem 0 8.75rem 0;}
    #centre-of-it-all.two-col .two-col__media--secondary{transform: translateY(18.75rem);}
    .two-col--spacing-xlarge, body.page-template-template-neighbourhood .whats-on{margin-top: 18.75rem;}
    .two-col__quote{max-width: 40rem;}
    .two-col__quote-text{max-width: 20rem;}
    #sustainable-by-design.two-col, #esg-in-action.two-col{padding: 8.75rem 0.938rem;}
    .two-col__list{margin: var(--gap-sm) 0;}
    .two-col__list-item{padding: 10px 0;}
    .restaurants-carousel__title{max-width: 33rem;}
    .csg-footer__menus{grid-template-columns: 1fr;}
    .csg-footer__top{gap: var(--gap-m);}
    .csg-footer__to-top{right: 0.938rem;}
    .csg-footer__copy{max-width: 16rem;}
    #covent-garden.two-col .two-col__content{align-self: end;}
    #centre-of-it-all.two-col .two-col__heading{max-width: 15rem;}
    body.page-template-template-visit-us .cta-panels{padding: 0 0.938rem 6.25rem 0.938rem;}
    .restaurant-single__title{line-height: 3.5rem;}
    body.home .acf-slider.js-home-slider,  body.home .acf-slider.js-home-slider .slide{height: 70vh;}
    .csg-loop-panel__apps, .csg-footer__apps-list{flex-wrap: inherit;}
}