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

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

@media (max-width: 992px) {
  .hero_area {
    min-height: auto;
  }

  .custom_nav-container .navbar-nav {
    padding-top: 15px;
    padding-left: 0;
    align-items: center;
  }

  .user_option{
    justify-content: center;
    margin-top: 15px;
  }

  .custom_nav-container .navbar-nav .nav-item .nav-link {
    padding: 5px 25px;
    margin: 5px 0;
  }

  .slider_section .carousel-indicators {
    margin-top: 45px;
  }

  .offer_section .box {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .offer_section .box .img-box {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {

  .about_section .detail-box,
  .book_section .form_container {
    margin-bottom: 45px;
  }

  .about_section .row {
    flex-direction: column-reverse;
  }

  .offer_section .box {
    flex-direction: row;
    text-align: left;
  }

  .offer_section .box .img-box {
    margin-right: 15px;
    margin-bottom: 0;
  }
}

@media (max-width: 576px) {
  .food_section .product-card .product-image-frame {
    height: auto !important;
    aspect-ratio: 1 / 1;
  }

  .food_section .product-card .detail-box {
    min-height: auto;
    padding: 16px 18px 16px;
  }

  .food_section .product-card .detail-box h5 {
    min-height: auto;
    font-size: 0.98rem;
  }

  .food_section .product-card .detail-box p {
    min-height: auto;
    -webkit-line-clamp: 4;
  }

  .food_section .product-card .detail-box p {
    min-height: auto;
  }

  .product_page__content {
    padding-left: 0;
    margin-top: 24px;
  }

  .product_page__thumb {
    width: 72px;
    height: 72px;
  }

  .product_page__content h1 {
    font-size: 2rem;
  }

  .product_page__purchase {
    grid-template-columns: 1fr auto;
    align-items: center;
  }

  .product_page__price {
    grid-column: 1 / -1;
  }

  .product_page__actions {
    display: contents;
  }

  .product_page__qty input {
    width: 100%;
  }

  .product_page__qty .quantity_spinner {
    width: 110px;
  }

  .product_page__cta {
    width: auto;
    min-width: 0;
  }

  .cart_page__items,
  .cart_checkout {
    padding: 18px;
  }

  .cart_checkout__delivery-row {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .cart_item {
    flex-direction: column;
  }

  .cart_item__image {
    width: 100%;
    min-width: 0;
    aspect-ratio: 4 / 3;
  }

  .cart_item__top,
  .cart_item__bottom,
  .cart_item__qty-form {
    flex-direction: column;
    align-items: stretch;
  }

  .cart_item__line-total {
    white-space: normal;
  }

  .cart_item__qty-form input {
    width: 100%;
  }
}

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

@media (max-width: 430px) {
  .offer_section .box {
    flex-direction: column;
    text-align: center;
  }

  .offer_section .box .img-box {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

@media (max-width: 376px) {
  .slider_section .detail-box h1 {
    font-size: 3rem;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}


@media (min-width:576px) and (max-width:991px) {
  .rent_solution_container .col-md-4.col-sm-6 {
    float: left;
    width: 50%;
  }

  .delivery_methods {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  .about_page__hero,
  .about_page__final {
    grid-template-columns: 1fr;
  }

  .about_page__audience-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site_header__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px 18px;
  }

  .site_header__brand {
    transform: translateY(6px);
  }

  .site_header__logo {
    height: 68px;
    max-width: 196px;
  }

  .site_header__orders {
    grid-column: 1 / -1;
    justify-content: center;
    white-space: normal;
    text-align: center;
  }

  .site_header__orders-label,
  .site_header__orders-value {
    font-size: 14px;
  }

  .site_header__meta {
    margin-left: 0;
    justify-content: flex-end;
    gap: 8px;
  }

  .site_header__phone {
    font-size: 15px;
  }

  .site_header__social {
    width: 30px;
    height: 30px;
  }

  .site_header__bottom {
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
  }

  .site_header__nav {
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 24px;
  }

  .site_header__cart {
    justify-self: end;
  }
}

@media (max-width: 575px) {
  .site_header__top {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px 18px;
    position: relative;
  }

  .site_header__brand {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    transform: translateY(8px);
  }

  .site_header__logo {
    height: 58px;
    max-width: 164px;
  }

  .site_header__meta {
    display: contents;
  }

  .site_header__socials {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
    gap: 8px;
  }

  .site_header__orders {
    grid-column: 2;
    grid-row: 1;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
    text-align: right;
    justify-content: flex-start;
    margin-top: 8px;
    padding-left: 0;
    transform: none;
  }

  .site_header__phone {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    font-size: 14px;
    line-height: 1;
    transform: translateY(-16px);
  }

  .site_header__social {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }

  .site_header__bottom {
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    position: relative;
  }

  .site_header__menu-toggle {
    display: inline-flex;
    grid-column: 2;
    justify-self: end;
  }

  .site_header__nav {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 40;
    width: 220px;
    margin-top: 0;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(13, 16, 19, 0.82);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 12px;
  }

  .site_header__nav-link {
    font-size: 14px;
    line-height: 1.2;
  }

  .site_header__nav-link--delivery {
    max-width: none;
    white-space: normal;
  }

  .site_header__cart {
    width: 40px;
    height: 40px;
    grid-column: 3;
    justify-self: end;
  }

  .site_header__bottom.is-open .site_header__menu-toggle {
    border-color: rgba(255, 190, 51, 0.55);
    background: rgba(255, 190, 51, 0.14);
  }

  .site_header__bottom.is-open .site_header__nav {
    display: grid;
  }

  .delivery_payment_card {
    padding: 22px;
  }

  .delivery_payment_card h3 {
    font-size: 22px;
  }

  .delivery_methods {
    grid-template-columns: 1fr;
  }

  .about_page__heading {
    margin-bottom: 28px;
  }

  .about_page__heading p,
  .about_page__hero p {
    font-size: 16px;
  }

  .about_page__hero,
  .about_page__card,
  .about_page__audience,
  .about_page__final {
    padding: 22px;
  }

  .about_page__hero h3 {
    font-size: 26px;
  }

  .about_page__audience-grid {
    grid-template-columns: 1fr;
  }
}
