@media (max-width: 1200px) {

  footer.container-fluid .footerbottomRow.footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: start;
  }


  #block-eggstatic-greatfood::after {

    animation: none;

  }





}

@media(max-width: 1100px) {

  div#block-eggstatic-views-block-branches-block-1-2 .views-field.views-field-fieldset fieldset,
  #block-eggstatic-views-block-branches-block-1 .views-field.views-field-fieldset fieldset {
    position: relative;
    inset: auto;
    margin-top: 20px;
  }

  #block-eggstatic-views-block-branches-block-1 {
    padding: 50px 10px;
  }

  .galley {
    height: auto;
  }

  #block-eggstatic-gallerytext>div {
    padding-block: 50px 10px;
    padding-inline: 40px;
  }

  .close-reservation {
    right: 15%;
    top: 25px;
  }

  #block-eggstatic-views-block-branches-block-1 .locations-arrow-prev,
  #block-eggstatic-views-block-branches-block-1::before {
    right: 16%;
  }

  #block-eggstatic-views-block-branches-block-1-2 #views-bootstrap-tab-views-bootstrap-branches-block-1,
  #block-eggstatic-views-block-branches-block-1-2>h2 {
    margin-left: 0;
  }

}

@media (max-width: 900px) {
  .siteHeader {
    top: 0;
  }

  section.slider {
    height: 100vh;
  }

  section.slider img {
    height: 100vh;
    object-fit: cover;
  }

  .header_right a {
    padding: 10px 15px;
    font-size: 16px;
  }

  div#block-eggstatic-sitebranding {
    max-width: 180px;
  }

  div#block-eggstatic-slidertitle {
    right: auto;
    left: 5%;
  }

  .slider .swiper-button-prev {
    right: auto;
    top: 95%;
    left: 5%;
  }

  .slider .swiper-button-next {
    right: auto;
    top: 95%;
    left: 17%;
  }

  .menu-toggle {
    top: 40%;
  }

  .menu-container {
    padding: 0;
    gap: 0;
  }

  /* .menu-col-left,
  .menu-col-center,
  .menu-col-right {
    background-color: #c33118;
    height: 100%;
    padding: 4rem 5%;
    position: relative;
    overflow: hidden;
    margin-bottom: 0 !important;
  } */

  #block-eggstatic-makeareservation>div>div:nth-child(1)>div>div>div:nth-child(2)>img {
    display: none;
  }

  section.reservation .makeReservation .views-row {
    float: none;
    clear: left;
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 50px;
  }

  section.reservation {
    height: auto;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  div#block-eggstatic-views-block-menu-slider-block-1 {
    float: none;
    width: 100%;
    padding: 20px 0 0 0;
  }

  .resturantMenu .swiper-button-next,
  .resturantMenu .swiper-button-prev {
    top: 30px;
  }

  div#block-eggstatic-menuvideo {
    width: 100%;
    float: none;
  }

  section.locations {
    padding: 20px;
  }

  section.locations .makeReservation {
    grid-template-columns: 1fr;
  }

  footer .row.no-padding.no-margin.topRow {
    flex-direction: column;
    align-items: baseline;
    gap: 20px;
  }

  .col-md-8.social_links {
    padding: 0;
  }

  div#block-eggstatic-subscribetoournewsletter {
    flex-direction: column;
    max-width: 100%;
  }

  .footerbottomRow .footer_menus {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .row.copyRight .col-md-12 {
    flex-direction: column;
  }

  section.locations {
    padding: 30px 0;
  }

  div#block-eggstatic-makeareservation h2 {
    margin-top: 0;
    top: 80px;
    width: 100%;
    font-size: 40px;
  }

  section.reservation {
    padding-top: 270px;
  }

  /* .menu-container nav ul:not(.contextual-links) a {
    color: #FFF;
    font-family: var(--Squada);
    font-size: 24.36px;
    font-style: normal;
    font-weight: 400;
    line-height: 112.3%;
  } */


  .menu-container #block-eggstatic-mainmenu a {

    font-size: 17px;

  }


  .inner #block-eggstatic-views-block-inner-image-block-1 .views-field.views-field-field-sub-title {
    position: relative;
    inset: auto;
    padding: 5% 15%;
    font-size: 30px;
    line-height: 1.2;
    transform: translate(0);
  }

  .inner #block-eggstatic-views-block-inner-image-block-1 .views-field.views-field-body {
    position: relative;
    inset: auto;
    padding: 5% 15%;
    transform: translate(0);
    line-height: 1.2;
    max-width: 100%;
    font-size: 14px;
  }

  .inner .views-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  div#block-eggstatic-welcometotheeggstaticsmokehouse {
    padding: 40px 10px;
  }

  #block-eggstatic-welcometotheeggstaticsmokehouse>div:nth-child(3),
  #block-eggstatic-welcometotheeggstaticsmokehouse>div:nth-child(2),
  div#block-eggstatic-welcometotheeggstaticsmokehouse h2 {
    float: none;
    width: 100%;
  }

  .aboutuspage div#block-eggstatic-views-block-about-image-gallery-block-1 {
    padding: 10px;
    padding-bottom: 90px;
  }

  .aboutuspage div#block-eggstatic-views-block-about-image-gallery-block-1::before {
    left: 65%;
    bottom: -320px;
    width: 293px;
    height: 555px;
  }

  div#block-eggstatic-views-block-make-a-reservation-block-2 .makeReservation {
    grid-template-columns: 1fr;
  }

  div#block-eggstatic-contactustext p {
    font-size: 22px;
    line-height: 1.2;
    max-width: 100%;
  }

  div#block-eggstatic-webform {
    max-width: 95%;
    margin: 70px auto 0;
    padding-bottom: 70px;
  }

  .careerpage div#content-wrap {
    display: flex;
    align-items: start;
    gap: 20px;
    flex-direction: column-reverse;
    padding: 10px;
  }

  .careerpage div#content-wrap div#block-eggstatic-webform-2 {
    padding-top: 30px;
  }

  html {
    overflow-x: visible !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body {
    overflow-x: hidden !important;
    max-width: 100% !important;
    position: relative;
    width: 100% !important;
  }

  .franchingpage div#content-wrap {
    display: flex;
    align-items: start;
    gap: 0;
    flex-direction: column;
  }

  .franchingpage div#block-eggstatic-webform-3 {
    padding: 10px;
  }

  .cateringpage div#block-eggstatic-catering {
    flex-direction: column;
  }

  .cateringpage div#block-eggstatic-catering h2 {
    position: relative;
    inset: auto;
    transform: translate(0);
    margin-top: 60px;
    text-align: left;
    padding: 10px;
  }

  .cateringpage #block-eggstatic-catering>div:nth-child(3)>div:nth-child(1)>div>div>div:nth-child(2)>img {
    display: none;
  }

  .cateringpage #block-eggstatic-catering>div:nth-child(2),
  .cateringpage #block-eggstatic-catering>div:nth-child(3) {
    width: 100%;
    padding: 10px;
  }

  .cateringpage #block-eggstatic-catering>div:nth-child(2) h3 {
    font-family: var(--Squada);
    font-weight: 100;
    font-size: 40.15px;
    line-height: 1.2;
    color: #fff;
    opacity: 0.2;
    margin-left: 0;
    margin-bottom: 30px;
  }

  .cateringpage #block-eggstatic-catering>div:nth-child(2) p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
  }

  .cateringpage div#block-eggstatic-webform-4 {
    max-width: 100%;
    margin: 10px;
  }

  #block-eggstatic-views-block-inner-image-block-1>div {
    width: 100%;
  }

  .ourmenupage #block-eggstatic-views-block-inner-image-block-1>div {
    margin-top: -50px;
  }

  .ourmenupage div#block-eggstatic-views-block-menu-slider-block-1-2 {
    float: none;
    width: 100%;
    padding: 20px 0 0 0;
  }

  .ourmenupage .swiper-button-next,
  .ourmenupage .swiper-button-prev {
    top: 30px;
  }

  .ourmenupage div#block-eggstatic-menuvideo-2 {
    width: 100%;
    float: none;
  }

  div#block-eggstatic-ourmenubottomtext {
    width: 100%;
    max-width: 100%;
    padding: 100px 10px;
  }

  div#block-eggstatic-ourmenubottomtext img {
    left: 65%;
    bottom: -320px;
    width: 293px;
    height: 555px;
  }

  .ourmenupage .inner {
    height: 430px;
  }

  .popup-content p {
    flex-direction: column;
    gap: 20px;
  }

  .popup-content h2,
  #block-eggstatic-intropopup h2 {
    font-size: 22px;
  }

  #block-eggstatic-intro>div:first-child {
    text-align: left;
    position: absolute;
    background: #000;
    width: 85%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
  }

  .intro-content-wrapper {
    padding: 0;
  }

  #block-eggstatic-intro video {
    height: 100vh;
    object-fit: cover;
  }

  #block-eggstatic-languageswitcher {
    z-index: 2;
  }

  .menu-container nav ul:not(.contextual-links) {
    gap: 20px;
  }

  #block-eggstatic-mainnavigation ul ul a {
    padding: 10px 0px;
    display: block;
    font-size: 18px;
    line-height: 20px;
  }

  #block-eggstatic-mainnavigation li.has-submenu>a::after {
    margin-bottom: 0px;
    max-width: 10px;
  }



  .heroVideo #block-eggstatic-eggstatic {
    h2 {

      font-size: 35px;

    }
  }

  .resturantMenuItem {

    top: 189px;


  }


  #block-eggstatic-learnmore>div:first-of-type {
    height: 540px;
    padding: 0 10px;
  }

  #block-eggstatic-greatfood::after {

    bottom: 209px;
    animation: none;

  }

  .header_left {
    display: flex;
    gap: 21px;
    justify-content: center;
    align-items: baseline;
  }

  .header_left,
  .site_logo,
  .header_right {
    width: 33.33%;
  }

  .no-margin .brief {

    margin-top: 0px;
    padding-block: 140px 83px;
  }



  #block-eggstatic-greatfood p {
    font-size: 12.7px;

  }

  #block-eggstatic-greatfood p {
    height: auto;
  }

  #block-eggstatic-visitus>div:first-child {
    height: auto;
  }

  #block-eggstatic-visitus>div:first-child p:nth-of-type(3) a {
    position: relative;
    right: auto;
    transform: translate(0, 0);
    padding-right: 22px;
    text-align: left;
    width: max-content;
    margin-top: 20px;
  }

  #block-eggstatic-ourchef>div:nth-of-type(1) h2 {
    color: #1C2126;
    font-family: "Sharp Grotesk";
    font-size: 23px;

  }

  #block-eggstatic-ourchef>div:nth-of-type(1)>p:nth-of-type(1) {

    font-size: 12px;

  }


  #block-eggstatic-ourchef>div:nth-of-type(1) {
    width: 100%;
    /* Changed from 405px to 100% to prevent overflow */
    max-width: 405px;
    height: auto;
    gap: 0px;
    padding-inline: 20px;
    /* Reduced from 55px */
  }

  .nav-tabs.nav-justified {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
  }




  #block-eggstatic-views-block-branches-block-1 footer {
    right: 50%;
    bottom: 2%;
    transform: translate(50%, 10px);
  }


  #block-eggstatic-views-block-branches-block-1 .tab-content p {

    text-align: center;
  }

  #block-eggstatic-views-block-branches-block-1 .locations-arrow-next {
    right: 0;
  }

  #block-eggstatic-views-block-branches-block-1::after {
    right: 0;
  }

  #block-eggstatic-views-block-branches-block-1 .locations-arrow-prev {
    right: 33px;
  }

  #block-eggstatic-views-block-branches-block-1::before {
    right: 33px;

  }

  #block-eggstatic-views-block-gallery-block-1 .swiper-slide,
  #block-eggstatic-views-block-gallery-block-1 .swiper-slide>li,
  #block-eggstatic-views-block-gallery-block-1 .swiper-slide>li>div,
  #block-eggstatic-views-block-gallery-block-1 .swiper-slide>li>div>div {
    width: 100%;
  }

  #block-eggstatic-learnmore>div:first-of-type {
    p {
      max-width: 620px;
      font-size: 12px;
    }
  }


  #block-eggstatic-views-block-gallery-block-1 .swiper {
    padding: 0;
  }

  footer.container-fluid .footerbottomRow.footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 34px;
    padding-inline: 31px;



  }




  #block-eggstatic-welcometoeggstatic {
    padding: 90px 20px;
  }



  #block-eggstatic-brunchmadesunny h2,
  #block-eggstatic-brunchmadesunny p:first-child {

    font-size: 24.284px;

  }

  #block-eggstatic-brunchmadesunny p:last-child {

    font-size: 13.788px;


  }

  #block-eggstatic-cateringthatbringspeopletogether>div:first-of-type h2 {
    font-size: 34px;
    line-height: 56px;
  }


  #block-eggstatic-yourtasteourcraft>div:first-of-type h2 {
    font-size: 34px;
    line-height: 56px;
  }

  #block-eggstatic-yourtasteourcraft {
    row-gap: 76px;
    flex-direction: column;
  }


  #block-eggstatic-yourtasteourcraft>div:first-of-type p {

    max-width: 100%;
  }


  #block-eggstatic-yourtasteourcraft {
    padding: 70px 40px;
    column-gap: 50px;
  }


  #block-eggstatic-contactusdirectly h2 {
    font-size: 29px;
    line-height: 41px;
  }



  #block-eggstatic-contactusdirectly>div>div p {

    font-size: 14px;

    #block-eggstatic-contactusdirectly>div>p a {
      font-size: 18px;
      line-height: 28px;
    }
  }


  #block-eggstatic-contactusdirectly>div>div {
    height: auto;
  }

  #block-eggstatic-contactusdirectly>div {
    grid-template-columns: 1fr;
    row-gap: 45px;
  }


  .joinfamily #block-eggstatic-views-block-i-block-1 .views-field-title {

    font-size: 28.6px;

  }


  .journeypage #block-eggstatic-views-block-i-block-1 .views-field-title {
    font-size: 28.6px;
  }

  .reservationspage #block-eggstatic-views-block-i-block-1 .views-field-title,
  .joinfamily #block-eggstatic-views-block-i-block-1 .views-field-title,
  .cateringpage #block-eggstatic-views-block-i-block-1 .views-field-title,
  .journeypage #block-eggstatic-views-block-i-block-1 .views-field-title {
    padding: 0 20px;
    text-align: center;
    width: 100%;
    line-height: 1.2;
    font-size: 32px !important;
  }


  #block-eggstatic-views-block-eggstatic-history-block-1 li::before {
    top: -10px;
  }

  #block-eggstatic-gettoknoweggstatic>div:first-of-type::before {

    transform: translate(-24%, -119%);

  }


  .inner {
    .views-field-title {

      font-size: 38.6px;

    }
  }

  .careerimage-webform {

    flex-direction: column;

  }



  #block-eggstatic-views-block-branches-block-1-2 #views-bootstrap-tab-views-bootstrap-branches-block-1 {
    max-width: 1250px;
    margin: 0 auto;
    margin-left: -50px;


  }

  #block-eggstatic-views-block-branches-block-1-2 footer {
    transform: translateX(0);
    width: 166px;
  }

  #block-eggstatic-views-block-branches-block-1-2>h2 {
    font-size: 26px;
    margin-bottom: 11px;
    padding: 10px;
    line-height: 43px;
  }



  #block-eggstatic-views-block-branches-block-1-2 .nav.nav-tabs .nav-link,
  #block-eggstatic-views-block-branches-block-1-2 .nav.nav-tabs .nav-link.active {
    font-size: 18px;
  }


  #block-eggstatic-views-block-branches-block-1-2 .tab-pane p {
    font-size: 16.068px;
  }

  #block-eggstatic-views-block-branches-block-1-2 footer a:last-child {
    font-size: 13.435px;

  }

  #block-eggstatic-views-block-branches-block-1-2 footer a:first-child {
    font-size: 15px;
  }

  #block-eggstatic-wherepositiveenergybegins {
    padding: 20px 20px;
  }

  #block-eggstatic-wherepositiveenergybegins>div p {
    font-size: 17px;
    line-height: 34px;
  }

  /* 
  #resturantMenu>div:nth-of-type(2) {


    background-color: rgb(217, 73, 32);

  } */

  #block-eggstatic-views-block-me-block-1 {
    background-color: rgb(217, 73, 32);
  }



  .reservationspage #block-eggstatic-views-block-i-block-1 .views-field-title {
    font-size: 28.6px;
  }

  .cateringpage #block-eggstatic-views-block-i-block-1 .views-field-title {
    font-size: 28.6px;
  }

}

.menu-toggle-auto {
  display: none;
}



@media (max-width: 500px) {

  header .no-padding .no-margin {
    justify-content: space-between;
    padding-inline: 15px;

  }

  .header_right ul li:nth-child(1) {
    display: none;
  }




  footer.container-fluid .footerbottomRow.footer-grid {
    grid-template-columns: 1fr;
    /* padding: 0; */
    width: 100%;
  }


  footer.container-fluid .copyRight {
    margin: 0;
  }


  .heroVideo #block-eggstatic-eggstatic {
    p {

      width: 399.61px;
      height: 119.823px;
      padding-block-start: 30px;
      font-size: 14.359px;
      z-index: 12;
    }
  }

  #block-eggstatic-visitus img {
    max-width: 95.275px;
  }





  .myRow {
    position: relative;
  }

  /* show new toggle */
  .menu-toggle-auto {
    display: inline-flex;
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    cursor: pointer;
    position: relative;
  }

  /* hamburger */
  .menu-toggle-auto::before,
  .menu-toggle-auto::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    height: 2px;
    background: #ffffff;
    transition: .25s ease;
  }

  .menu-toggle-auto::before {
    top: 16px;
    box-shadow: 0 6px 0 #ffffff;
  }

  .menu-toggle-auto::after {
    top: 28px;
  }

  /* X when open */
  .myRow.is-open .menu-toggle-auto::before {
    top: 22px;
    box-shadow: none;
    transform: rotate(45deg);
  }

  .myRow.is-open .menu-toggle-auto::after {
    top: 22px;
    transform: rotate(-45deg);
  }

  /* panel hidden until open */
  .mobile-header-panel {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    transform: translateY(29%);
    background: #fff;
    z-index: 9999;
    padding: 14px 16px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .12);
    border-top: 1px solid rgba(0, 0, 0, .08);
  }

  .myRow.is-open .mobile-header-panel {
    display: block;
  }

  /* order + spacing inside panel */
  .mobile-header-panel {
    display: none;
  }

  .myRow.is-open .mobile-header-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #D94920;
    gap: 22px;
  }

  /* keep moved items nice */
  .mobile-header-panel #menuToggle {
    width: 30px;
    height: 27px;
    border: 0;
    background: rgb(255, 255, 255);
    border-radius: 10px;
  }

  .mobile-header-panel #block-eggstatic-sitebranding a {
    display: inline-flex;
    align-items: center;
  }

  .mobile-header-panel #block-eggstatic-languagedropdownswitcher select {
    width: 100% !important;
    max-width: 220px;
  }




  header .no-padding .no-margin {
    .site_logo #block-eggstatic-sitebranding {
      margin-left: 0;
    }
  }


  #block-eggstatic-ourchef>div:nth-of-type(1) {
    width: 100%
  }


  .heroVideo #block-eggstatic-eggstatic {
    h2 {
      font-size: 19px;
    }
  }







  #block-eggstatic-greatfood {
    display: flex;

    align-items: center;
    justify-items: center;
    flex-direction: column;
  }

  #block-eggstatic-greatfood>div:nth-of-type(2)>div:nth-of-type(1) img {
    height: 340px;
    /* width: 440px; */
  }


  #block-eggstatic-greatfood::after {

    background-size: 336px auto;
    display: none;
  }





  #block-eggstatic-ourchef>div:nth-of-type(1) {
    position: unset;
    transform: unset;

  }

  #block-eggstatic-views-block-branches-block-1 .locations-arrow-next {
    right: 19px;
    top: 221px;
  }

  #block-eggstatic-views-block-branches-block-1::after {
    right: 19px;
    top: 221px;
  }

  #block-eggstatic-views-block-branches-block-1 .locations-arrow-prev {
    right: 61px;
    top: 221px;
  }

  #block-eggstatic-views-block-branches-block-1::before {
    right: 61px;
    top: 221px;

  }

  #block-eggstatic-gallerytext p:first-child {
    color: var(--boucherie-vamtam-com-cod-gray, var(--color-grey-6, #111010));
    font-family: "Sharp Grotesk";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.6px;
    max-width: 100%;
  }

  #block-eggstatic-visitus>div:first-child p:nth-of-type(2) {
    color: var(--boucherie-vamtam-com-cod-gray, var(--color-grey-6, #111010));
    font-family: "Suisse Intl Mono";
    font-size: 13.66px;
    font-style: normal;
    font-weight: 400;
    line-height: 33.5px;
    max-width: 524px;
  }


  .menu-container #block-eggstatic-mainmenu ul {
    display: flex;
    flex-direction: column;

  }

  .menu-container.active .Reservation {

    font-size: 7px;

  }

  .menu-container #block-eggstatic-sitebranding-3 img {
    height: 25px;
    filter: brightness(0) invert(1);
  }

  .resturantMenuItem.active {

    gap: 0px;
  }

  .menu-controls-vertical {
    width: 64px;
    height: 35%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 15px;
    position: absolute;
    right: 15%;
    top: 36%;
    transform: translateY(-50%);
    z-index: 100;
    transition: color 0.4s ease;
    color: #FFFFFF;
  }

  .menu-controls-vertical .nav-arrow {
    width: 50px;
    height: 50px;
  }

  .views-field.views-field-field-menu-icon {
    display: none;
  }

  .close-menu-trigger {
    top: 10px;
    right: 10px;
  }

  .resturantMenuItem {
    top: 50px;
  }

  .joinfamily #block-eggstatic-views-block-i-block-1 .views-field-title {
    font-size: 15.6px;
  }


  .joinfamily .header_right a {
    padding: 10px 15px;
    font-size: 7px;
  }


  #block-eggstatic-gettoknoweggstatic>div:first-of-type::before {
    transform: translate(-24%, -119%);
    width: 210.556px;
  }


  #block-eggstatic-webform-6 h2 {
    font-size: 20px;
  }


  .menu-container {
    height: 100vh;
    /* better on phones than 100vh */
    padding: 12px 16px;
    grid-template-rows: auto 1fr auto;
    overflow-y: auto;
    /* ✅ allow scrolling */
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  /* keep sections stacking nicely */
  .menu-col-top {
    min-height: 70px;
  }

  .menu-col-center {
    justify-content: flex-start;
    padding: 12px 0;
    gap: 18px;
  }

  .menu-col-bottom {
    padding: 10px 0 6px;
    flex-wrap: wrap;
    gap: 14px;
  }

  /* languages wrap */
  .menu-container #block-eggstatic-languageswitcher ul.links {
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
  }

  /* ✅ LINKS AS COLUMN (instead of grid) */
  .menu-container #block-eggstatic-mainmenu ul {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 100%;
    align-content: center;
  }

  /* cancel grid placement rules on mobile */
  .menu-container #block-eggstatic-mainmenu li {
    grid-column: auto !important;
  }



  .menu-container #block-eggstatic-mainmenu li:nth-child(9) a {
    padding: 10px 22px;
    border-radius: 50px;
  }






  .inner {
    background: #F5EFE4;
    height: 350px;
    position: relative;

    .views-field-title {
      font-size: 27.6px;
    }
  }


  #block-eggstatic-whyworkateggstatic>div:first-of-type p:nth-of-type(2) {

    font-size: 11px;

  }

  #block-eggstatic-whyworkateggstatic {
    padding-inline: 25px;

  }


  #block-eggstatic-views-block-branches-block-1-2 footer {
    transform: translateX(-13%);
    width: 166px;
    top: 50%;
  }

  #block-eggstatic-views-block-branches-block-1-2 footer a:first-child {
    font-size: 14px;
  }

  #block-eggstatic-views-block-branches-block-1-2 footer a:last-child {
    font-size: 10px;
  }



  .inner {
    .views-field-title {
      transform: translateX(-25%);
    }
  }

  .contactuspage #block-eggstatic-contact-2>h2,
  .contactuspage #block-eggstatic-webform-4>h2 {
    font-size: 30px;
  }

  .nav-tabs.nav-justified {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
  }


  nav#block-eggstatic-reservation .Reservation,
  nav#block-eggstatic-reservation-2 .Reservation {
    font-size: 0px;
    gap: 0;
  }

  div#block-eggstatic-sitebranding {
    max-width: 45px;
  }

  #block-eggstatic-ourmenu h2 {

    font-size: 22.6px;

  }

  #block-eggstatic-ourmenu p {

    font-size: 13px;

  }


  #block-eggstatic-cheftextourjourneypage h2 {
    font-size: 22.6px;
  }

  #block-eggstatic-cheftextourjourneypage>div>p:first-of-type {
    font-size: 13px;
  }

  #block-eggstatic-cheftextourjourneypage p {
    font-size: 13px;
  }

  #block-eggstatic-tablereservation p:first-child {
    font-size: 19px;

  }

  #block-eggstatic-tablereservation a {
    font-size: 14px;
  }


  .heroVideo #block-eggstatic-eggstatic video {
    height: 80vh;
    width: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
  }

  .site_logo {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #block-eggstatic-gallerytext>div {

    padding-inline: 19px;
  }


  .header_right a {
    font-size: 0px;
    border: unset;
    padding: 0;
  }


  /*nav#block-eggstatic-reservation .Reservation::before,*/
  /*  nav#block-eggstatic-reservation-2 .Reservation::before {*/
  /*    width: 40px;*/
  /*    height: 42px;*/

  /*  }*/


  #block-eggstatic-reservation-2 ul li:nth-child(1) {
    display: none;
  }

  .menu-container.active nav#block-eggstatic-reservation .Reservation,
  .menu-container.active nav#block-eggstatic-reservation-2 .Reservation {
    font-size: 0px;
    border: unset;
  }

  /* #resturantMenu {
    transform: translateY(191px);

  } */


  #resturantMenu {
    height: 150svh;
  }


  #block-eggstatic-webform {
    p {

      width: 460.61px;
      height: 152.823px;

    }


  }


  #block-eggstatic-learnmore>div:first-of-type {
    p {
      padding-block: 25px;
    }
  }

  #block-eggstatic-learnmore>div:first-of-type {
    height: 472px;
  }

  [lang="fr"] #block-eggstatic-learnmore>div:first-of-type {
    height: 510px;
  }

  /* French override for the sunshine plate title on mobile */
  [lang="fr"] div#block-eggstatic-learnmore h2 {
    top: 465px !important;
    white-space: normal !important;
    /* السماح للنص العربي/الفرنسي الطويل بالنزول لسطر جديد */
    width: 90% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 90 !important;
  }

  .reservationspage #block-eggstatic-webform {
    margin-top: 0;
    max-width: 99%;
  }



  .inner .views-field-field-page-image * {
    height: 50vh;
    object-fit: cover;
  }

  #block-eggstatic-contactusdirectly>div>p a {
    font-size: 14px;
    line-height: 24px;
  }




  #block-eggstatic-contactusdirectly>div {

    display: flex;
    flex-direction: column;
    gap: 52px;
  }


  #block-eggstatic-contactusdirectly>div>div,
  #block-eggstatic-contactusdirectly>div>p {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #block-eggstatic-gettoknoweggstatic,
  #block-eggstatic-jointheeggstaticfamily {

    padding: 10px;
  }



  .joinfamily .header_right a {

    font-size: 0px;
  }

  .joinfamily .menu-toggle {
    top: unset;
  }

  .joinfamily .header_left {
    display: flex;
    gap: 21px;
    justify-content: center;
    align-items: center;
  }

  .careerpage .views-field-field-page-image::after {
    display: none;
  }

  .careerpage .inner .views-field-field-page-image * {
    display: none;
  }


  .contactuspage .views-field-field-page-image::after {
    display: none;
  }

  .contactuspage .inner .views-field-field-page-image * {
    display: none;
  }


  .branchespage.views-field-field-page-image::after {
    display: none;
  }

  .branchespage .inner .views-field-field-page-image * {
    display: none;
  }

  #block-eggstatic-views-block-branches-block-1-2 .nav.nav-tabs {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 16px 22px;
  }

  #block-eggstatic-cateringthatbringspeopletogether {
    padding: 66px 0px;
  }


  #block-eggstatic-whyworkateggstatic img {
    width: 189.071px;
    position: absolute;
    right: 10px;
    top: -131px;
  }


  .reservationspage #block-eggstatic-sociallinks-2 {

    bottom: 24%;
    left: 24px;

  }


  .contactuspage header .no-padding .no-margin {


    .header_right {

      nav#block-eggstatic-reservation-2 .Reservation,
      nav#block-eggstatic-reservation-2 .Reservation {
        color: #000000;
        border: 1px solid #000000;
        border: unset;
      }


    }
  }

  .heroVideo #block-eggstatic-eggstatic h2 {
    font-size: 24px;
    top: 40%;
  }

  .menu-controls-vertical {
    transform: translate(0, 0) rotate(90deg);
    width: 100%;
    left: 0;
    top: 45%;
  }

  #block-eggstatic-views-block-branches-block-1-2 footer {
    width: 100%;
    position: relative;
    transform: translate(0, 0);
    inset: auto !important;
    padding: 0 20px;
  }

  .contactuspage,
  .careerpage,
  .branchespage {
    .inner {
      .views-field-title {
        text-align: left;
        padding-left: 10px;
      }
    }
  }
}

@media (min-width: 1000px) and (max-width: 1100px) {
  #block-eggstatic-greatfood::after {
    display: none;
  }

  .resturantMenuItem {
    height: 100vh;
  }

  .resturantMenuItem.active {
    gap: 50px
  }

  .menu-controls-vertical {
    right: 31%;
  }

  #block-eggstatic-welcometoeggstatic {
    padding: 90px 20px;
  }

  #block-eggstatic-sharedmoments {
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 90px 20px;
  }

  #block-eggstatic-contactusdirectly>div>p a {
    font-size: 18px;
    line-height: 28px;
  }

  div#block-eggstatic-joinourteamformimage,
  div#block-eggstatic-joinourteamformimage div {
    height: 98.7%;
  }

  .inner .views-field-title {
    transform: translateX(0%);
  }

  .careerpage .inner,
  .branchespage .inner {
    .views-field-title {
      left: 50%;
      transform: translateX(0%);
    }
  }

  [lang="fr"] #block-eggstatic-views-block-branches-block-1 h2 {
    width: 70%;
  }

  [lang="fr"] .menu-controls-vertical {
    right: 40%;
  }
}

@media (max-width: 1100px) {
  #resturantMenu {
    opacity: 0;
    visibility: hidden;
  }

  #resturantMenu.is-visible {
    opacity: 1;
    visibility: visible;
  }

  #block-eggstatic-gettoknoweggstatic>div:first-of-type::before {
    display: none;
  }

  .joinfamily #block-eggstatic-views-block-i-block-1 .views-field-title {
    font-size: 44px;
  }

  .careerpage__form {
    padding-top: 0;
  }

  .careerpage__form #block-eggstatic-webform-5>h2 {
    font-size: 27px;
    margin-bottom: 35px;
    margin-top: 0;
  }

  .contactuspage,
  .careerpage,
  .branchespage {
    .inner {
      .views-field-title {
        text-align: left;
        padding-left: 20px;
      }
    }
  }
}

@media(max-width: 500px) {

  .header_left,
  .site_logo,
  .header_right {
    width: 33.33%;
  }

  .header_right {
    display: flex;
    justify-content: end;
  }

  .header_left {
    justify-content: start;
  }

  .menu-container.active {
    z-index: 9999999;
  }

  #block-eggstatic-learnmore img {
    width: auto;
    height: 250px;
    bottom: -20%;
  }

  #block-eggstatic-learnmore>div:first-of-type p {
    font-size: 13px !important;
    padding-block: 40px !important;
  }

  nav#block-eggstatic-sociallinks-5 {
    position: absolute;
    bottom: 140px;
    left: 10px;
    z-index: 2;
  }

  .heroVideo #block-eggstatic-eggstatic p {
    width: 100%;
    height: 140.823px;
    padding-block-start: 30px;
    font-size: 14.359px;
    z-index: 12;
    bottom: 0%;
    margin: 0;
    left: 0;
    transform: translateX(0%);
    z-index: 3;
  }

  nav#block-eggstatic-sociallinks-5 {
    z-index: 4;
  }

  .contactuspage,
  .careerpage,
  .branchespage {
    .inner {
      .views-field-title {
        text-align: left;
        padding-left: 10px;
      }
    }
  }

  body,
  html {
    overflow-x: hidden;
  }

  #block-eggstatic-visitus {
    width: 100%;
    gap: 0;
    padding: 65px 10px;
  }

  #block-eggstatic-visitus>div:first-child {
    padding-left: 20px;
  }

  #block-eggstatic-learnmore>div:first-of-type {
    margin-top: -10px;
  }

  #block-eggstatic-views-block-branches-block-1 .locations-arrow-prev,
  #block-eggstatic-views-block-branches-block-1::before {
    right: 17%;
  }

  div#block-eggstatic-views-block-branches-block-1-2 .views-field.views-field-fieldset fieldset,
  #block-eggstatic-views-block-branches-block-1 .views-field.views-field-fieldset fieldset {
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    padding-top: 30px;
  }

  #block-eggstatic-gallerytext p:first-child {
    max-width: 60%;
    line-height: 18.6px;
    margin-bottom: 0;
  }

  .inner .views-field-title {
    left: 0px !important;
    transform: translate(0, 0) !important;
  }

  .contactuspage #block-eggstatic-webform-4 form {
    max-width: 92%;
  }

  #block-eggstatic-ourchef>div:nth-of-type(1) {
    padding-inline: 20px;
  }

  .menu-container #block-eggstatic-mainmenu ul:not(.contextual-links) {
    gap: 35px;
    margin-top: 40px;
  }

  .menu-controls-vertical {
    transform: translate(-50%, 0%) rotate(90deg);
    width: 50%;
    left: 50%;
    top: 50%;
    height: 27%;
  }

  .resturantMenuItem.active {
    overflow: visible;
    height: 100vh;
  }

  .resturantMenuItem .views-field.views-field-field-menu-icon {
    display: block;
    position: absolute;
    bottom: 10%;
    z-index: 4;
    transform: rotate(90deg);
  }

  .resturantMenuItem .views-field.views-field-field-menu-icon img {
    max-height: 200px;
  }

  .resturantMenuItem {
    align-items: start;
  }

  #block-eggstatic-views-block-branches-block-1-2 #views-bootstrap-tab-views-bootstrap-branches-block-1 {
    max-width: 100%;
    padding: 20px;
    margin: 0;
  }

  div#block-eggstatic-views-block-branches-block-1-2 .views-field.views-field-fieldset fieldset .views-field.views-field-field-reservations-link a,
  #block-eggstatic-views-block-branches-block-1-2 footer a:last-child {
    padding: 12px 28px;
    font-size: 14.435px;
  }

  div#block-eggstatic-views-block-branches-block-1-2 .views-field.views-field-fieldset fieldset .views-field.views-field-field-direction a,
  #block-eggstatic-views-block-branches-block-1-2 footer a:first-child {
    font-size: 14.435px;
  }

  #block-eggstatic-views-block-branches-block-1-2 .tab-pane p {
    font-size: 14.068px;
    text-align: center;
  }

  #block-eggstatic-cateringthatbringspeopletogether>div:first-of-type {
    margin-left: 0;
    padding: 20px;
  }

  #block-eggstatic-sociallinks-2 {
    left: 20px;
  }

  .contactuspage .contactus-wrap {
    padding: 60px 20px;
  }

  .contactuspage .contactus-wrap__form {
    padding-left: revert-layer;
  }
}


@media (max-width: 375px) {
  #block-eggstatic-views-block-branches-block-1-2 footer {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 40px;
    position: absolute;
    left: 50%;
    transform: translateX(0%);
    background: transparent !important;
  }

}

@media (max-width: 320px) {
  #block-eggstatic-ourchef>div:nth-of-type(1) {
    position: unset;
    transform: unset;
    width: 100%;
  }




  .heroVideo #block-eggstatic-eggstatic {
    p::before {
      width: 15px;
      height: 19px;
      transform: translateX(53px);

    }
  }

}

@media(max-width: 1100px) {
  .branchdetails #block-eggstatic-views-block-branches-details-page-title-block-1 .views-row fieldset .views-field-title {
    text-align: left;
  }

  #block-eggstatic-views-block-testimonials-block-1 ul:not(.contextual-links) {
    grid-template-columns: 1fr;
    padding: 10px;
  }
}

@media only screen and (max-device-width: 428px) and (-webkit-device-pixel-ratio: 2) {
  #block-eggstatic-languagedropdownswitcher select {
    appearance: none;
    margin-top: -2px;
  }

  .menu-toggle {
    top: unset !important;
  }
}



@media screen and (max-width: 500px) {

  .header_left {
    display: flex;
    align-items: center;
  }

  div#block-eggstatic-languagedropdownswitcher,
  form#lang_dropdown_form_lang-dropdown-form {
    display: flex;
    align-items: center;
    align-content: center;
  }

  .menu-toggle {
    top: initial !important;
  }




  li.resturantMenuItem .views-field.views-field-field-menu-icon {
    display: none;
  }




}