@media (max-width: 575.98px) {
  /*  ================= Open Hero  section ====================  */
  .hero-wrapper .btn-group {
    flex-direction: column;
  }
  .hero-wrapper .btn-group .banner-btn {
    margin: 10px;
  }
  /*  ================= Close Hero  section ====================  */
}

@media (max-width: 767.98px) {
  /* ==== Open Heading ========= */
  .heading {
    font-size: 25px;
  }
  /* ===== Close Heading ======= */
  .header-wrapper .navbar .navbar-brand img {
    max-width: 140px;
  }
  .header-wrapper .navbar.scrollNav .navbar-brand img {
    max-width: 120px;
  }
  /*  ================= Open Hero  section ====================  */
  .hero-wrapper .carousel-item {
    height: 60vh;
  }
  .hero-wrapper .carousel-caption h2 {
    font-size: 30px;
  }
  .hero-wrapper .carousel-caption h1 {
    font-size: 40px;
  }

  /*  ================= Close Hero  section ====================  */

  /*  ================= Open Most popular Dishes section ====================  */
  .popularDishes-wrapper .popularDishes-title {
    margin-bottom: 20px;
    margin-top: -30px;
  }

  /*  ================= Close Most popular Dishes section ====================  */

  /*  ================= Open Welcome  section ==================== */
  .welcome-wrapper {
    margin-top: 99px;
  }
  .welcome-wrapper .welcome-left {
    min-height: 380px;
    max-height: 380px;
    margin-bottom: 0;
  }

  .welcome-wrapper .welcome-right {
    padding-left: 0;
  }

  .welcome-fruit {
    display: none;
  }
  /*  ================= Close Welcome  section ==================== */

  /*   ================= Open CHOOSE YOUR FOOD  section ====================  */
  .food-wrapper {
    margin-top: 30px;
  }
  .food__sideImage {
    display: none;
  }

  .food-wrapper .foodTab__btn {
    margin: 10px 10px;
  }
  /*   ================= Close CHOOSE YOUR FOOD  section ====================  */

  /*   ================= Open BOOK A TABLE  section ====================  */
  .bookTable-wrapper {
    margin-top: 30px;
  }
  .bookTable-wrapper .bookTable__image {
    min-height: 400px;
    max-height: 400px;
  }
  /*   ================= Close BOOK A TABLE  section ====================  */

  /*   ================= Open Our Client slider Open  section ====================  */
  .clients {
    margin-top: 30px;
  }
  /*   ================= Close Our Client slider Open  section ====================  */

  /*   ================= Open Our Client slider Close  section ====================  */
  .blog {
    margin-top: 30px;
  }
  /*   ================= Close Our Client slider Close  section ====================  */

  /*   ================= Open CTA Open section ====================  */
  .cta {
    margin-top: 30px;
  }

  .cta .cta__detail {
    font-size: 16px;
  }
  /*   ================= Close CTA Open section ====================  */

  /*   ================= Open our testimonials section ====================  */
  .testimonial {
    margin-top: 30px;
  }

  .tesimonial__image {
    display: none;
  }
  /*   ================= Close our testimonials section ====================  */

  .footerBar {
    padding-bottom: 20px;
    padding-top: 10px;
  }
}

@media (max-width: 991.98px) {
  .header-wrapper .offcanvas {
    background-color: var(--black-color);
    transition: all 0.5s;
  }

  .header-wrapper .navbar-nav .nav-link:hover::after,
  .header-wrapper .navbar-nav .nav-link.active::after {
    width: 0;
  }

  .header-wrapper .offcanvas-header {
    justify-content: center;
    border-bottom: 2px solid #322a2a;
  }

  .header-wrapper .dropdown-menu {
    text-align: center;
    background-color: var(--black-color);
    transition: all 0.5s;
  }

  .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    color: #adadad;
    transition: all 0.5s;
  }
  .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
    background: transparent;
    color: var(--primary-color);
  }

  .header-wrapper .offcanvas-header .navbar-brand img {
    max-width: 150px;
  }
  .popularDishes-wrapper {
    margin-top: unset;
  }
}

@media (max-width: 1199.98px) {
}

@media (max-width: 1399.98px) {
}