@media only screen and (max-width: 1800px) {
  .food-image {
    max-width: 850px;
  }
}
@media only screen and (max-width: 1300px) {
  .food-image {
    max-width: 650px;
  }
  .service-list-area {
    margin-top: 120px;
  }
  .footer-area h2 {
    font-size: 75px;
  }
  .all-foods-links a {
    width: 10%;
    margin-bottom: 20px;
  }
  .responsive-switch {
    position: absolute;
    right: 0;
  }
}
@media only screen and (max-width: 1150px) {
  body {
    font-size: 14px;
  }
  .banner-area h2 {
    font-size: 50px;
    margin-bottom: 20px;
  }
  .banner-area p {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .banner-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  ul.res-lists li a {
    min-width: 180px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  ul.res-lists {
    margin-bottom: unset;
  }
  .footer-area h2 {
    font-size: 65px;
  }
  .all-foods-links a {
    width: 15%;
  }

  .responsive-switch {
    position: absolute;
    right: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .food-image {
    max-width: 100%;
    position: relative;
    text-align: center;
    left: auto;
    top: auto;
    margin-left: auto;
  }
  .single-service-area {
    margin-bottom: 60px;
  }
  .main-menu ul li a {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .right-side-links a {
    width: 100%;
    padding: 10px 0px;
  }
  a.login-link {
    text-align: center;
  }
  .all-foods-links a {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .footer-area h2 {
    font-size: 35px;
    text-align: center;
  }
  .footer-area {
    padding: 60px 0;
  }
  .food-details p {
    font-size: 20px;
  }
  .food-details h2 {
    font-size: 40px;
    text-align: center;
  }
  .food-area {
    padding-top: 100px;
    padding-bottom: 50px;
  }
  .single-rest-logo {
    width: 65%;
    float: none;
    text-align: center;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  .single-rest-info {
    width: 100%;
    float: none;
    text-align: center;
  }
  .map-full button {
    left: 0%;
  }
  .cupon-area input {
    width: 100%;
    margin-bottom: 10px;
  }
  .cupon-area button {
    width: 100%;
  }
  .same-product-card {
    text-align: center;
  }
  .search-bar.position-relative {
    margin-top: 35px;
    margin-bottom: 20px;
  }
  button#searchOption {
    width: 90%;
    text-align: left;
  }
  .user-own-link {
    text-align: right;
    margin-top: 35px;
    text-align: center;
  }
  .product-delivery-details h3 {
    margin-top: 30px;
  }
  .contact-nubmer::before,
  .contact-nubmer::after {
    display: none;
  }
  .single-select-option {
    width: 100vw;
    margin-bottom: 20px;
    margin-left: 0px;
  }
  .pix-area button {
    position: inherit;
    top: auto;
    left: auto;
    max-width: 100%;
    width: 100%;
  }
  .time-date-select-area .single-order-check label,
  .time-date-select-area .order-choice-options {
    height: auto;
  }
  .com-my-order-right {
    margin: 10px 0;
  }

  .responsive-radio-group {
    flex-wrap: unset;
    flex-direction: column;
  }

  .responsive-radio-group label {
    min-width: 110px;
  }

  .responsive-switch {
    position: absolute;
    right: 0;
  }

  .responsive-counter {
    padding-left: 0px;
    padding-right: 5px;
  }

  .send {
    margin-top: 20px;
  }
  .responsive-modal {
    width: 100vw;
    height: 100vh;
    padding: 20px;
  }
  .tab-body-area {
    padding: 10px;
  }
  .responsive-padding-itens-right {
    padding-right: 3px;
  }
  .responsive-padding-modal {
    padding: 10px;
  }
  .search-option-area {
    width: 100%;
  }
  .responsive-text-underline {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 1.3rem;
  }
  .responsive-select-option {
    display: flex;
    justify-content: center;
  }
  .responsive-dropdown-menu {
    width: 100vw;
  }
  .single-option-menu-hide {
    display: none !important;
  }
  .back-menu-hiden {
    padding: 0;
    margin-left: -5px;
    display: block !important;
  }
  .search-option-max-width {
    max-width: 360px;
  }
  .list-redes a {
    min-width: 155px !important;
  }
  .single-restaurant-area {
    max-height: 90%;
  }
  .restaurant-location {
    padding-top: 30px !important;
  }
}