@media (max-width: 767px) {
    :root {
        --header-padding: 1.875rem 0.938rem;
        --introduction-padding: 3.75rem 0.938rem 0 0.938rem;
        --introduction-policies-padding: 3rem 0.938rem 0 0.938rem;
        --restaurants-grid-padding: 0 0.938rem 0 0.938rem;
        --offers-grid-padding: 0 0.938rem 3.75rem 0.938rem;
        --single-restaurants-padding: 4.25rem 0.938rem;
        --eat-drink-padding: 0 0.938rem;
        --visit-floating-padding: 3.75rem 0.938rem 0 0.938rem;
        --single-event-padding: 3.75rem 0 0 0;
        --visit-us-padding: 0 0.938rem 5.625rem 0.938rem;
        --follow-us-padding: 3.75rem 0.938rem 0 0.938rem;
        --credentials-logos-padding: 5rem 0 0 0;
        --button-padding: 1.125rem 0.75rem;
        --introduction-title: 2.5rem;
        --article-card: 2.188rem;
        --text-xxl: 6.5rem;
        --text-xl: 3rem;
        --text-l: 3.25rem;
        --text-m: 1.5rem;
        --text-sm: 1.25rem;
        --text-s: 1.125rem;
        --text-xs: 1rem;
        --gap-xxl: 3.75rem;
        --gap-xl: 3.75rem;
        --gap-l: 3.75rem;
        --gap-m: 3.75rem;
        --gap-sm: 3rem;
    }
    .csg-popup__inner{padding: var(--gap-m) var(--gap-s);}
    .custom-header{position: absolute; top: 0; left: 0; z-index: 1000; width: 100%;}
	.header-wrap{position: relative; display: flex; align-items: center; justify-content: center;}
	.site-branding{position: relative; z-index: 1002;}
	.custom-logo-link img{display: block; width: 144px; 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: 60vh;}
    body.home .acf-slider.js-home-slider, body.home .acf-slider.js-home-slider .slide{height: 70vh;}
    .media-wrapper img{height: 100%;}
    .slide-inner h1{letter-spacing: 1.92px;}
    .directory-title{letter-spacing: 0.25rem; line-height: 6rem; margin-top: 3.75rem;}
    .eat-drink__copy, .image-carousel, .leasing-contact{margin-top: var(--gap-xl);}
    .introduction__button, .restaurants-carousel__button, .visit-collage__button, .two-col__button-wrap, .csg-loop-panel__copy, .csg-loop-panel__newsletter-copy, .csg-footer__app-icon, .csg-loop-panel__app-icon{width: 100%;}
    .restaurants-carousel__slide{margin: 0 8px;}
    body.page-template-template-event-listings .page-introduction__copy, body.page-template-template-latest-news .page-introduction__copy{margin-left: 0; max-width: 100%;}
    body.page-template-template-whats-on .page-introduction__title, .page-introduction__title{max-width: 100%;}
    .page-introduction__title, .restaurant-single__title{line-height: 3rem; letter-spacing: 1.6px;}
    .restaurant-single__description, .restaurant-single__meta-link a, .page-introduction__copy p, .follow-us__link, .visit-us__address, .restaurant-single__breadcrumb, .event-single__breadcrumb, .event-single__eyebrow, .event-single__details-title, .page-builder-one-column__subheading, .policies-section__heading{letter-spacing: 0.96px;}
    #directory-title{text-align: left; line-height: 92%; letter-spacing: 4px;}
    .eat-drink-grid, .csg-loop-panel__grid, #featured.whats-on__grid, .event-single__content-grid, .visit-us__travel-grid, .visit-us__travel-content, .visit-us__stations-grid, .restaurant-single__header, .restaurant-single__offers-grid, .latest__grid, .cta-panels__grid, .csg-footer__top, .csg-footer__bottom, .page-builder-two-column-images__inner, .two-col__logos, .leasing-contact__grid, .two-col__list{grid-template-columns: 1fr!important;}
    .latest__grid, .restaurant-single__header{gap: var(--gap-m);}
    .restaurant-single__header{padding-bottom: 3.75rem;}
    .coming-soon__grid, .news__grid, .whats-on__grid{grid-template-columns: 1fr 1fr!important; row-gap: 2.5rem;}
    .news__eyebrow, .visit-us__travel-copy p, .csg-loop-panel__summary, .event-single__description p, .event-single__description li, .eat-drink__inner p, .visit-us__copy p{letter-spacing: 0.72px;}
    #featured.whats-on__grid .whats-on__eyebrow, #featured.whats-on__grid .whats-on__description, #featured.whats-on__grid .whats-on__meta, .whats-on-listing__featured .whats-on__description, .whats-on-listing__featured .whats-on__meta, .whats-on-listing__featured .whats-on__eyebrow, .latest .whats-on__description, .latest .whats-on__meta, .latest .news__description, .policies-section__copy, .restaurants-carousel__copy{font-size: var(--text-s); line-height: 1.375rem; letter-spacing: 0.72px;}
    .eat-drink-card__title{margin-bottom: var(--gap-s);}
    .eat-drink-card__title, .restaurant-offer-card__title, blockquote, .page-builder-one-column__heading{line-height: 2.375rem; letter-spacing: 1.28px;}
    .restaurant-single__description p, .whats-on__event-title, .coming-soon__event-title, .news__event-title, .whats-on__grid .whats-on__title.whats-on-listing__title.news-listing__title{font-size: 1.5rem; letter-spacing: 0.96px;}
    .whats-on__media, .news__image, .coming-soon__media{margin-bottom: 1.5rem;}
    .coming-soon__description, .coming-soon__meta, .whats-on__cta, .coming-soon__cta, .news__description, .news__meta, .news__cta a, .whats-on__description, .whats-on__meta, .whats-on__eyebrow, .news__eyebrow, .coming-soon__eyebrow, .latest-card__eyebrow, .whats-on__cta, .news__cta, .coming-soon__cta, .whats-on__read-more.whats-on-listing__read-more.news-listing__read-more{font-size: 0.875rem; letter-spacing: 0.56px; line-height: 120%;}
    #featured.whats-on__grid{gap: 2.5rem;}
    .eat-drink-offers-grid, .csg-footer__menus{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .eat-drink-grid{margin: 3.75rem auto 0 auto; row-gap: 2.25rem;}
    .eat-drink-offers-grid, .restaurant-single__offers-grid, .coming-soon__grid, .news__grid, .whats-on__grid{row-gap: 2.25rem;}
    #featured.whats-on__grid .whats-on__cta{margin-top: var(--gap-xs)!important;}
    .eat-drink-directory .directory-title, body.page-template-template-eat-drink #directory-title, .whats-on .wrap, .news .wrap, .coming-soon .wrap, .csg-loop-panel .wrap, .image-carousel .wrap, .latest .wrap, .csg-footer__top, .csg-footer__bottom, .two-col, .restaurants-carousel__copy, .two-col__quote, .leasing-contact__inner{padding: 0 0.938rem;}
    .whats-on::before, .news::before, .coming-soon::before, .latest::before, body.page-template-template-neighbourhood .restaurants-carousel::before{clip-path: polygon(0 3%, 100% 0, 100% 100%, 0 97%);}
    .whats-on__header, .news__header, .coming-soon__header{padding-bottom: 0; flex-direction: column; gap: var(--gap-s); align-items: flex-start; border-bottom: 0;}
    .whats-on__title, .news__title, .coming-soon__title, .csg-loop-panel__heading{letter-spacing: 2.08px;}
    .whats-on .whats-on__title, .coming-soon .coming-soon__title, .news .news__title{border-bottom: 2px solid currentColor; padding-bottom: 1.5rem; width: 100%; margin-bottom: 1.25rem;}
    .csg-loop-panel__heading, .leasing-contact__heading{font-size: var(--text-l);}
    #featured.whats-on__grid .whats-on__cta .button, .whats-on__card.whats-on-listing__featured-card .whats-on__cta .button, .whats-on__archive-link, .news__archive-link, .coming-soon__archive-link, .eat-drink-card__button, .eat-drink-offer-card__button, .whats-on__card.whats-on-listing__featured-card a.whats-on__card-link .whats-on__cta, .whats-on-listing__load-more, .latest__button{font-size: 0.75rem; letter-spacing: 0.48px; line-height: 166%; font-family: var(--font-delight-bold); width: 100%;}
    .latest__button{width: 100%; margin: var(--gap-sm) 0 0;}
    .csg-loop-panel__accordion{margin-top: var(--gap-sm);}
    .csg-loop-panel__summary{font-size: var(--text-s);}
    .eat-drink-card__link, body.page-template-template-event-listings .whats-on__card, .restaurant-offer-card__wrapper{padding: var(--gap-xs);}
    .eat-drink-offer-card__title, .event-single__details-group h3, .event-single__description strong, li.visit-us__station, .visit-us__station-duration{font-size: 1.25rem!important; letter-spacing: 0.8px!important;}
    #featured.whats-on__grid .whats-on__event-title, .whats-on-listing__featured .whats-on__event-title, .eat-drink__heading{font-size: var(--article-card); line-height: 2.375rem; letter-spacing: 1.28px;}
    .restaurant-single__meta-link, .restaurant-single__meta-group.restaurant-single__meta-group--phones, .restaurant-single__meta-group.restaurant-single__meta-group--address{font-size: var(--text-s); line-height: 24px; letter-spacing: 0.8px;}
    .restaurant-single__meta-link a{gap: var(--gap-xs);}
    .restaurant-offer-card__media, .two-col__heading{margin-bottom: var(--gap-sm);}
    .restaurant-single__offers{margin-top:0;}
    .whats-on-listing__filters{gap: var(--gap-s); margin-bottom: 3.75rem; flex-direction: column;}
    .whats-on-filter__list{justify-self: flex-start; text-align: left;}
    .event-single__eyebrow, .event-single__details-title, .policies-section__heading{margin-bottom: 2rem;}
    .visit-us__address, .visit-us__map-link, body.page-template-template-neighbourhood .page-introduction__title, body.page-template-template-building .page-introduction__title, body.page-template-template-leasing .page-introduction__title, #retail.csg-loop-panel .two-col__headline, .leasing-contact__heading, #office.csg-loop-panel .two-col__headline{text-align: left;}
    .visit-us__map-link{line-height: 21px; letter-spacing: 0.56px; text-transform: uppercase; font-size: 14px;}
    .visit-us__travel-grid{display: grid; grid-template-columns: 1fr; overflow: hidden;}
    .visit-us__travel-card{display: contents;}
    .visit-us__travel-heading{grid-row: 1; width: max-content; margin: 0; padding: 0 0 2rem 0; color: rgba(22, 64, 44, 0.35); white-space: nowrap; cursor: pointer; font-size: var(--text-m); line-height: 140%; letter-spacing: 0.96px;}
    .visit-us__travel-grid{display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; scrollbar-width: none; border-bottom: 1px solid var(--CSG---Dark-Green, #16402C);}
    .visit-us__travel-grid::-webkit-scrollbar, #living-landmark.two-col .two-col__media--secondary, .visit-us__stations-col, #esg-in-action.two-col .two-col__media--secondary, .visit-us__travel-copy, .eat-drink__media--top-middle, .visit-us__media--top-middle, .follow-us__media--top-middle{display: none;}
    .visit-us__travel-card{flex: 0 0 auto;}
    .visit-us__travel-card.is-active .visit-us__travel-heading{position: relative; color: var(--CSG---Dark-Green, #16402C);}
    .visit-us__travel-card.is-active .visit-us__travel-heading::after{content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; background: var(--CSG---Dark-Green, #16402C);}
    .visit-us__travel-copy{width: 100%; margin-top: 3.125rem;}
    .visit-us__travel-card.is-active .visit-us__travel-copy{display: block;}
    .visit-us__stations-col.is-active{display: block;}
    .visit-us__station-line{font-size: 0.875rem!important; letter-spacing: 0.56px!important;}
    .eat-drink__headline, .follow-us__headline, .visit-us__headline{white-space: inherit; letter-spacing: 0.25rem; line-height: 96px;}
    .restaurants-carousel__button-wrap{margin: 3rem 0.938rem 3.75rem 0.938rem;}
    .image-carousel__copy{max-width: 100%; margin-left: 0;}
    .page-builder-two-column-images__inner{gap: var(--gap-s);}
    .cta-panels{padding: 0 0.938rem 3.75rem 0.938rem;}
    .csg-footer{padding-top: 6.25rem; clip-path: polygon(0 0, 100% 3%, 100% 100%, 0 100%);}
    .csg-footer__to-top{left: 0.938rem; position: inherit; margin-bottom: var(--gap-s);}
    .follow-us__media--top-left{grid-column: 1 / 5;}
    .follow-us__media--top-right{grid-column: 9 / 13; z-index: 3;}
    .follow-us__media--bottom-left, #splash-of-colour.two-col .two-col__media--secondary, #living-landmark.two-col .two-col__media--secondary{grid-column: 1 / 6;}
    .follow-us__media--bottom-right{grid-column: 9 / 13; grid-row: 4 / 6;}
    .follow-us__handle{top: 0; left: 0; margin-top: var(--gap-m);}
    .instagram-reel .follow-us__handle{top: inherit;}
    .restaurants-carousel__active-title{line-height: 3.25rem;}
    .latest__title{padding-bottom: 24px; margin-bottom: 24px;}
    .eat-drink__media--top-right{grid-column: 9 / 13; margin-top: 0;}
    .eat-drink__media--top-left{grid-column: 2 / 4; grid-row: 2 / 4;}
    .eat-drink__media--bottom-left{grid-column: 1 / 5;}
    .eat-drink__media--bottom-right{grid-column: 10 / 13;}
    .visit-us__media--bottom-right{grid-column: 8 / 13; grid-row: 4 / 6;}
    .visit-us__media--bottom-left{grid-column: 1 / 6; z-index: inherit;}
    .visit-us__media--top-left{grid-column: 1 / 5; grid-row: 2 / 3; z-index: inherit;}
    .visit-us__media--top-right{grid-column: 9 / 13; z-index: inherit;}
    .restaurant-single, .event-single{margin: 5.188rem auto 0 auto;}
    .news__cta{margin-top: 0!important;}
    .whats-on, .news, .coming-soon, .latest, .image-carousel, .leasing-contact{padding: 6.25rem 0;}
    body.page-template-template-whats-on .csg-loop-panel{margin: 0 auto;}
    #covent-garden.two-col{padding: 6.25rem 0.938rem 8.75rem;}
    #covent-garden.two-col .two-col__content, #esg-credentials.two-col .two-col__content, #living-landmark.two-col .two-col__content, #soho.two-col .two-col__content, #oxford-street.two-col .two-col__content, #centre-of-it-all.two-col .two-col__content, #centre-of-it-all.two-col .two-col__content, #renzo-piano.two-col .two-col__content, #sustainable-by-design.two-col .two-col__content, #esg-in-action.two-col .two-col__content, #renzo-piano.two-col .two-col__media--primary, .visit-us__copy__inner, #splash-of-colour.two-col .two-col__media--primary, #splash-of-colour.two-col .two-col__content, #esg-credentials.two-col .two-col__media--primary, #living-landmark.two-col .two-col__media--primary{grid-column: 1 / 13;}
    #covent-garden.two-col .two-col__media--secondary{grid-column: 1 / 6; transform: translateY(14.375rem);}
    #covent-garden.two-col .two-col__media--primary{display: none; grid-column: 7 / 13; transform: translateY(-16.875rem);}
    #soho.two-col .two-col__content, #centre-of-it-all.two-col .two-col__content, #renzo-piano.two-col .two-col__content, #splash-of-colour.two-col .two-col__content, #splash-of-colour.two-col .two-col__media--secondary, #living-landmark.two-col .two-col__media--secondary, #sustainable-by-design.two-col .two-col__content, .follow-us__media--top-left, #sustainable-by-design.two-col .two-col__media--secondary, #esg-credentials.two-col .two-col__content, #esg-in-action.two-col .two-col__content, #living-landmark.two-col .two-col__content{grid-row: inherit;}
    #soho.two-col .two-col__media--primary, #centre-of-it-all.two-col .two-col__media--primary #sustainable-by-design.two-col .two-col__media--primary, #esg-in-action.two-col .two-col__media--primary, #sustainable-by-design.two-col .two-col__media--primary, #centre-of-it-all.two-col .two-col__media--primary{grid-column: 1 / 10;}
    .two-col--spacing-large, #soho.two-col, #oxford-street.two-col{margin-top: var(--gap-xxl);}
    #soho.two-col .two-col__media--primary{margin: var(--gap-sm) 0;}
    #soho.two-col .two-col__media--secondary{grid-column: 8 / 13; transform: translateY(33.125rem);}
    body.page-template-template-neighbourhood .restaurants-carousel{padding: 12.5rem 0 8.75rem 0;}
    #oxford-street.two-col .two-col__media--secondary{grid-column: 1 / 6; transform: translateY(-13.75rem);}
    #oxford-street.two-col .two-col__media--primary{grid-row: 3 / 3;}
    #oxford-street.two-col .two-col__media--primary{margin-top: var(--gap-m); grid-column: 4 / 13;}
    #centre-of-it-all.two-col .two-col__media--primary, #sustainable-by-design.two-col .two-col__media--primary, #office .csg-loop-panel__copy, #esg-credentials.two-col .two-col__media--primary, #renzo-piano.two-col .two-col__media--primary, #splash-of-colour.two-col .two-col__media--primary, #esg-in-action.two-col .two-col__media--primary, #living-landmark.two-col .two-col__media--primary{margin-bottom: var(--gap-m);}
    #centre-of-it-all.two-col .two-col__media--secondary{grid-column: 8 / 13; transform: translateY(39.375rem);}
    body.page-template-template-neighbourhood .whats-on{margin-top: 18.75rem;}
    #renzo-piano.two-col{margin-top: 5rem; padding: 0 0.938rem 8.75rem 0.938rem;}
    #splash-of-colour.two-col .two-col__media--primary, #splash-of-colour.two-col .two-col__media--secondary, #living-landmark.two-col .two-col__media--secondary{transform: inherit;}
    .two-col__quote{margin: 9.375rem 0 var(--gap-xl) 0}
    #splash-of-colour.two-col .two-col__media--secondary{margin-top: var(--gap-m);}
    #sustainable-by-design.two-col{padding: 0 0.938rem;}
    #esg-in-action.two-col{padding: 0 0.938rem 4.375rem 0.938rem;}
    .csg-loop-panel{margin: 3.75rem auto 0 auto;}
    .two-col__main-button, .leasing-contact__button, #connected.csg-loop-panel .two-col__button, #living-landmark.two-col .two-col__button, #leasing-logos.two-col .two-col__button{margin: 3rem 0 0 0; width: 100%;}
    .leasing-contact__button, #connected.csg-loop-panel .two-col__button{margin: 3rem 0 0 0;}
    #retail .csg-loop-panel__grid, #connected .csg-loop-panel__grid{gap: var(--gap-m);}
    #office .csg-loop-panel__grid{gap: 0;}
    #retail.csg-loop-panel .csg-loop-panel__media, #connected.csg-loop-panel .csg-loop-panel__media{grid-column: 1; grid-row: 1;}
    .leasing-contact::before, #esg-in-action.two-col::before{clip-path: polygon(0 0, 100% 3%, 100% 97%, 0 100%);}
    .two-col__logo-media{height: auto; margin-bottom: var(--gap-sm);}
    #renzo-piano.two-col .two-col__media--secondary{grid-column: 8 / 13; transform: translateY(32.5rem);}
    #sustainable-by-design.two-col{margin-top: 9.375rem;}
    #sustainable-by-design.two-col .two-col__media--secondary{grid-column: 8 / 13; transform: translateY(3.125rem);}
    #esg-credentials.two-col{margin-top: 9.375rem;}
    body.page-template-template-building .news{margin-top: var(--gap-xxl);}
    .csg-loop-panel__apps, .csg-footer__apps-list{flex-wrap: inherit;}
    .restaurant-single__breadcrumb, .event-single__breadcrumb{margin-bottom: var(--gap-m);}
    .whats-on, .news, .coming-soon, .leasing-contact, body.page-template-template-event-listings .directory-title, body.page-template-template-whats-on .news, #leasing-logos.two-col{margin-bottom: 3.75rem;}
    .page-introduction__copy, #featured.whats-on__grid{margin-top: 3.75rem;}
    body.page-template-template-leasing .introduction__cta{flex-direction: column;}
    .introduction__cta{margin-top: 3rem;}
    body.page-template-template-leasing .two-col__logos{padding: 0;}
    body.page-template-template-visit-us .cta-panels{padding: 0 0.938rem 6.25rem 0.938rem;}
    .csg-loop-panel__media{grid-column: 1; grid-row: 1;}
    body.single-restaurants .restaurant-single__feature-media{margin-bottom: var(--gap-m);}
    .image-carousel__arrow{height: 1rem; width: 1rem;}
    .image-carousel__arrow--prev, .acf-slideshow__arrow--prev{left: 0.938rem;}
    .image-carousel__arrow--next, .acf-slideshow__arrow--next{right: 0.938rem;}
}