@media (max-width: 1399.98px){
  .featured-arae-three h1{font-size:70px}
  .featured-arae-three::before{width:666px;height:340px}
  .featured-arae-three .owl-nav button.owl-prev{left:-48px}
  .featured-arae-three .owl-nav button.owl-next{right:-48px}
  .featured-arae-three p{width:86%}
  .good-food-steak-upto{width:160px;height:160px;left:-28px;top:44%}
  .menu-item-card img{height:360px}
  .instagram-gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}

@media (max-width: 1199.98px){
  .gap{padding:100px 0}
  header.three .contact{display:none}
  .three-menu{display:none!important}
  header.three .logo .bar-menu{display:block}
  .mobile-nav{width:min(86vw,380px);padding:24px 22px 20px}
  .featured-arae-three{padding-top:180px;padding-bottom:40px}
  .featured-arae-three::before{display:none}
  .featured-arae-three .three-slider{text-align:center}
  .featured-arae-three h1{font-size:80px}
  .featured-arae-three p{width:100%;margin:0 auto;padding-bottom:30px}
  .three-slider.owl-carousel .owl-item img{width:87%;margin:20px auto 0!important}
  .fastest-delivery-img{margin-top:40px}
  .fastest-delivery-img .good-food-steak-upto{left:12px;top:40%}
  .menu-item-card img{height:320px}
  .instagram-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .gallery-card img{height:136px}
}

@media (max-width: 991.98px){
  .gap{padding:80px 0}
  .mobile-nav{width:min(92vw,360px);padding:20px 18px 18px}
  .featured-arae-three{padding-top:165px;padding-bottom:34px}
  .featured-arae-three h1{font-size:58px;line-height:1.08}
  .featured-arae-three p{font-size:16px;line-height:1.75;padding-bottom:24px}
  .featured-arae-three .owl-nav button.owl-prev,
  .featured-arae-three .owl-nav button.owl-next{display:none!important}
  .good-food-steak-upto{width:120px;height:120px;left:10px;top:18px;padding:12px}
  .good-food-steak-upto h2{font-size:26px}
  .good-food-steak-upto h6{font-size:10px}
  .menu-item-card img{height:280px}
  .instagram-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gallery-card img{height:128px}
}

@media (max-width: 767.98px){
  .gap{padding:80px 0}
  header.three{padding-top:14px}
  .logo img{width:138px}
  .mobile-nav{width:100vw}
  .res-log img{width:145px!important}
  .featured-arae-three{padding-top:150px;padding-bottom:24px}
  .featured-arae-three h4{font-size:18px}
  .featured-arae-three h1{font-size:44px;line-height:1.08}
  .featured-arae-three p{font-size:15px;line-height:1.75;width:100%;padding-bottom:20px}
  .featured-arae-three .d-flex.align-items-center{gap:12px;flex-wrap:wrap;justify-content:center!important}
  .fastest-delivery ul.star{margin-left:0!important;justify-content:center}
  .three-slider.owl-carousel .owl-item img{width:100%;max-width:520px;margin:18px auto 0!important}
  .good-food-steak-upto{width:96px;height:96px;left:10px;top:10px;padding:10px}
  .good-food-steak-upto h2{font-size:18px}
  .good-food-steak-upto h6{font-size:9px}
  .menu-item-card{margin:0 2px}
  .menu-item-card img{height:250px}
  .instagram-gallery-section{padding:55px 0}
  .instagram-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .gallery-card img{height:118px}
}

@media (max-width: 575.98px){
  .gap{padding:60px 0}
  .mobile-nav{width:100vw}
  .featured-arae-three{padding-top:138px}
  .featured-arae-three h1{font-size:40px}
  .featured-arae-three p{font-size:14px;line-height:1.7}
  .featured-arae-three .button{min-width:160px}
  .menu-item-card img{height:220px}
  .menu-item-card h4{font-size:18px;margin:18px 0 14px;padding:0 14px}
  .instagram-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .gallery-card{border-radius:14px}
  .gallery-card img{height:104px}
  .footer-bootem{justify-content:center;text-align:center}
}

@media (max-width: 449.98px){
  .featured-arae-three{padding-top:130px}
  .featured-arae-three h1{font-size:34px}
  .featured-arae-three p{font-size:14px;padding-bottom:16px}
  .fastest-delivery h4{font-size:16px}
  .good-food-steak-upto{width:84px;height:84px;top:8px;left:8px}
  .good-food-steak-upto h2{font-size:16px}
  .good-food-steak-upto h6{font-size:8px}
  .gallery-card img{height:96px}
}


/* Contact page restored responsive styles */
@media (max-width: 1200px){
  .opening-hours{
    padding:34px 40px;
    width:95%;
    margin-bottom:100px;
  }
  .get-in-touch h2{
    font-size:46px;
  }
}
@media (max-width: 768px){
  .get-in-touch .booking li{
    width:calc(50% - 10px);
    padding:30px 20px;
  }
  .get-in-touch h2{
    font-size:40px;
  }
  .opening-hours{
    flex-wrap:wrap;
    flex-direction:column;
    gap:18px;
    padding:32px 24px;
    margin-bottom:80px;
  }
  .boder-line{
    display:none;
  }
  .day-time{
    width:100%;
    margin-bottom:0;
  }
  .mapouter iframe{
    height:300px;
  }
}
@media (max-width: 576px){
  .get-in-touch .booking li{
    width:100%;
  }
  .opening-hours{
    width:100%;
    margin-top:-30px;
    margin-bottom:60px;
    border-radius:24px;
  }
  .mapouter iframe{
    height:260px;
    border-radius:24px;
  }
  .leave-comment textarea{
    min-height:150px;
  }
}

/* How We Work - full mobile background fix */
@media (max-width: 767.98px) {
  .how-we-work {
    background: #df0202 !important;
    padding: 60px 0 !important;
    position: relative;
    overflow: hidden;
  }

  .how-we-work:before {
    display: none !important;
    content: none !important;
  }

  .how-we-work .container,
  .how-we-work .row,
  .how-we-work .col-xl-7,
  .how-we-work .col-xl-5 {
    position: relative;
    z-index: 2;
  }

  .how-we-work .heading {
    text-align: center;
    margin-bottom: 24px;
  }

  .how-we-work .heading h6 {
    font-size: 14px;
    letter-spacing: 1px;
  }

  .how-we-work .heading h2 {
    width: 100%;
    font-size: 34px;
  }

  .easy-orded-style {
    display: flex;
    flex-direction: column;
    gap: 26px;
  }

  .easy-orded {
    width: 100% !important;
    max-width: 340px;
    margin: 0 auto;
    text-align: center;
  }

  .easy-orded i {
    margin: 0 auto 20px;
  }

  .easy-orded sup {
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
  }

  .easy-orded h4 {
    font-size: 20px;
  }

  .easy-orded p {
    font-size: 14px;
    line-height: 1.7;
    padding-top: 8px;
  }

  .easy-orded-video {
    margin-top: 28px;
    text-align: center;
  }

  .easy-orded-video img {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
  }

  .easy-orded-video a {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .easy-orded-video img.arrow,
  .easy-orded-video span {
    display: none !important;
  }
}

@media (max-width: 479.98px) {
  .how-we-work {
    padding: 50px 0 !important;
  }

  .how-we-work .heading h2 {
    font-size: 30px;
  }

  .easy-orded {
    max-width: 100%;
  }

  .easy-orded i {
    width: 92px;
    height: 92px;
    outline-width: 5px;
  }

  .easy-orded svg {
    width: 44px;
  }

  .easy-orded h4 {
    font-size: 18px;
  }

  .easy-orded p {
    font-size: 13px;
    line-height: 1.6;
  }

  .easy-orded-video img {
    max-width: 280px;
  }
}
/* Right-side mobile menu */
@media (max-width: 1199.98px) {
  #mobile-nav,
  .mobile-nav {
    left: auto !important;
    right: 0 !important;
    transform: translateX(101%) !important;
    -webkit-transform: translateX(101%) !important;
    -moz-transform: translateX(101%) !important;
    -o-transform: translateX(101%) !important;
  }

  #mobile-nav.open,
  .mobile-nav.open {
    left: auto !important;
    right: 0 !important;
    transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
  }

  .mobile-nav a#res-cross:before {
    right: 20px;
    left: auto;
  }
}

@media (max-width: 767.98px) {
  #mobile-nav,
  .mobile-nav {
    width: min(86vw, 380px) !important;
  }
}

@media (max-width: 575.98px) {
  #mobile-nav,
  .mobile-nav {
    width: 100vw !important;
  }
}