@media screen and (min-width: 768px) and (max-width: 1100px) {
  :root {
    --tablet-page-gutter: 24px;
    --tablet-card-radius: 20px;
    --tablet-soft-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
  }

  html,
  body {
    /*overflow-x: hidden;*/
    margin: 0;
    padding: 0;
  }

  /* body {
    background-color: #fafaf8;
  }
   */




  /* img,
  video,
  svg,
  iframe {
    max-width: 100%;
  } */

  .header,
  .header_section,
  .page-breadcrumb__inner,
  .top_main_cate,
  .cate_box_group,
  .product_section,
  .product-section,
  .product_sections,
  .trending_title,
  .budget_section,
  .page-width,
  .container,
  .checkout-container,
  .checkout-grid,
  .profile-container,
  .wallet-container,
  .bs-footer-container,
  .footer,
  .search-popups,
  #search-results,
  #search-results-lists,
  .category-page,
  .product-detail-layout,
  .single-product-layout,
  .contact-container,
  .shipping-policy-container {
    width: min(100% - (var(--tablet-page-gutter) * 2), 1180px);
    margin-left: auto;
    margin-right: auto;
  }

  .header {
    position: sticky;
    top: 0;
    z-index: 222;
    background: rgba(0, 0, 0, 0.94);
    backdrop-filter: blur(12px);
            padding: 0px;
        width: 100%;
  }
.cart_section
 {
    padding-inline: 2%;
    padding-bottom: 2%;
    /* height: 100%; */
    /* justify-content: center; */
    display: flex;
    flex-direction: column;
    align-items: center;
    /* gap: 13px; */
    margin-top: 54px;}

  .header_section {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 14px 0;
  }

  .logo_container,
  .icon-top {
    flex-shrink: 0;
  }

  .logo_container img {
    width: auto;
    height: 42px;
    object-fit: contain;
  }

  .search_bar,
  .search_bar_contain .search_bar,
  .search-container,
  .top_search {
    border-radius: 18px;
  }

  .search_bar {
    flex: 1;
        min-width: 0;
        height: 46px;
        display: flex;
        align-items: center;
        background: white;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 7px;
        overflow: hidden;
        color: black;
  }

  .search_bar svg {
    margin-left: 14px;
  }

  .text-container {
    width: 100%;
  }

  .text-container .search-input,
  .search-input,
  .top_search input,
  #search-inputs {
    width: 100%;
    min-width: 0;
    font-size: 15px;
  }

  .text-container .search-input {
    color: #fff;
    background: transparent;
    padding-right: 14px;
  }

  .text-container .search-input::placeholder {
    color: rgba(255, 255, 255, 0.7);
  }

  .top_main_cate,
  .cate_box_group {
    gap: 12px;
    padding: 14px 0;
  }

  .cate_box {
    width: calc(100% / 8 - 12px);
    min-width: calc(100% / 8 - 12px);
  }

  .product_section,
  .product-section,
  .budget_section,
  .product_sections {
    gap: 18px;
    padding-left: 0;
    padding-right: 0;
  }

  .product,
  .product_card1,
  .wishlist-product-card,
  .cart-product-card,
  .order-card,
  .category-card,
  .contact-card,
  .wallet-card,
  .profile-card,
  .refund-card,
  .return-card {
    border-radius: var(--tablet-card-radius);
    box-shadow: var(--tablet-soft-shadow);
  }

  .product {
    width: 220px;
    min-width: 220px !important;
  }

  .product img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
  }

  .product_info,
  .product_info1 {
    padding: 14px;
  }

  .product p,
  .product_info p,
  .product_info1 h4 {
    font-size: 14px;
    line-height: 1.4;
  }

  .price-container {
    gap: 8px;
  }

  #search-results-lists {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    padding: 0;
  }

  #search-results-lists .product {
    width: 100%;
    min-width: 0 !important;
    height: 100%;
  }

  #search-results-lists .product img {
    height: 260px;
  }

  .category-layout,
  .category-page,
  .filter-layout,
  .p_filter-section,
  .checkout-grid,
  .checkout-layout,
  .profile-layout,
  .wallet-layout,
  .contact-layout,
  .single-product-layout,
  .product-detail-layout,
  .order-layout,
  .wishlist-layout,
  .cart-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  .category-sidebar,
  .filter-sidebar,
  .left-section,
  .checkout-left,
  .checkout-right,
  .profile-sidebar,
  .order-summary,
  .wallet-summary {
    width: 100%;
    max-width: none;
  }

  .products-grid,
  .category-grid,
  .wishlist-grid,
  .wallet-grid,
  .orders-grid,
  .cart-grid,
  .review-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .checkout-address-grid,
  .checkout-payment-grid,
  .profile-grid,
  .form-grid,
  .address-grid,
  .contact-grid,
  .support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .checkout-form,
  .profile-form,
  .wallet-form,
  .contact-form,
  .login-box,
  .signup-box,
  .form-card,
  .modal,
  .checkout-card,
  .summary-card {
    border-radius: 22px;
    padding: 24px;
    /* box-shadow: var(--tablet-soft-shadow); */
  }

  input,
  select,
  textarea,
  button {
    font-size: 15px;
  }

  .single-product,
  .singlep-wrapper,
  .product-page-main,
  .product-main-section,
  .single-product-container {
    width: min(100% - (var(--tablet-page-gutter) * 2), 1180px);
    margin-left: auto;
    margin-right: auto;
  }

  .product-gallery,
  .product-image-section,
  .single-product-slider,
  .product-info-section,
  .single-product-details {
    width: 100%;
    max-width: none;
  }

  .product-description,
  .product-meta,
  .desc-container,
  .policy-card,
  .shipping-card,
  .privacy-card,
  .terms-card {
    padding: 24px;
    border-radius: 22px;
    background: #fff;
    /* box-shadow: var(--tablet-soft-shadow); */
  }

  .footer,
  .bs-footer-container {
    gap: 28px;
    align-items: start;
  }

  .bs-footer-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .leftfooter,
  .rightfooter,
  .bs-footer-logo,
  .bs-footer-links,
  .bs-footer-contact {
    width: 100%;
    max-width: none;
  }

  .loader_con,
  .recent_search,
  .search-popups,
  .modal {
    max-width: min(100% - 48px, 720px);
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 822px) and (max-width: 900px) {
  .header_section {
    gap: 14px;
    margin: unset;
  }
  
  .header{
      margin: 0;
  }
  
    .mid-banner img {
    width: 100%;
     height: unset; 
    object-fit: cover;
    object-position: top;
}
  #lower_banner_carousel .item .card img {
    height: 100%;
    width: 100%;
    max-height: 31vw !important;
    max-width: 390px;
    object-fit: cover;
    object-position: top center;
    border-radius: 12px;
    aspect-ratio: 1 / 3;
}

  .logo_container img {
    height: 36px;
  }

  .cate_box {
    width: calc(100% / 6.5 - 12px);
    min-width: calc(100% / 6.5 - 12px);
  }

  #search-results-lists,
  .products-grid,
  .category-grid,
  .wishlist-grid,
  .wallet-grid,
  .orders-grid,
  .cart-grid,
  .review-grid,
  .checkout-address-grid,
  .checkout-payment-grid,
  .profile-grid,
  .form-grid,
  .address-grid,
  .contact-grid,
  .support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product {
    width: 208px;
    min-width: 208px !important;
  }
}

@media screen and (min-width: 510px) and (max-width: 1080px) {
  .checkout-main-container {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    align-items: start;
    gap: 24px;
    padding: 16px 20px 32px;
    height: auto;
  }

  .order-img-box img {
    height: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    width: 67px;
    object-fit: cover;
    object-position: top;
}

  .checkout-container,
  .checkout-form,
  .right-checkout-content {
    width: 100%;
    max-width: none;
  }

  .checkout-container {
    margin-top: 0;
    padding: 18px;
    border-radius: 18px;
    height: auto;
    background: #fff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
  }

  .checkout-form {
    gap: 14px;
    padding: 22px 18px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
  }

  .checkout-form-title {
    gap: 12px;
  }

  .checkout-form-title h2 {
    font-size: 22px;
    line-height: 1.3;
  }

  .checkout_form_row {
    gap: 14px;
    flex-wrap: wrap;
  }

  .checkout_form_row > * {
    flex: 1 1 calc(50% - 7px);
    min-width: 0;
  }

  .billing_country_text,
  .k_form_col_order_track_input_content_k_gap_8,
  .input_select,
  .payment-wrapper,
  .wallet {
    width: 100%;
  }

  .address-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .address-actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .btn-outline {
    min-width: 120px;
  }

  .location_section {
    flex-wrap: wrap;
    gap: 8px;
    padding-block: 12px;
  }

  .l_box {
    flex: 1 1 220px;
    padding-block: 8px;
  }

  .l_line {
    display: none;
  }

  .right-checkout-content {
    position: sticky;
    top: 92px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
    overflow: hidden;
  }

  .checkout-right-title {
    padding: 16px 18px 10px;
  }

  #order-product-wrapper {
    max-height: 340px;
    height: auto;
    margin-bottom: 20px;
    padding-inline: 18px;
  }

  .order-product-wrapper {
    height: auto;
    min-height: 88px;
    padding: 10px 12px;
  }

  .order-product-name h3,
  .order-product-price h3,
  .right-checkout-content .k-cart-row h4,
  .right-checkout-content .k-cart-row h3 {
    font-size: 14px;
  }

  .right-checkout-content .k-cart-row {
    padding: 12px 18px;
  }

  .right-checkout-content .k-cart-total-price h2 {
    font-size: 22px;
  }

  .checkout-payment-info-heading,
  .payment-wrapper,
  .wallet,
  .place-order-footer {
    padding-left: 18px;
    padding-right: 18px;
  }

  .paytment-info-box {
    padding-bottom: 18px;
  }

  .order_track_submit_btn {
    position: static;
    padding: 0 18px 18px;
    background: transparent;
  }

  .order_track_submit_btn button {
    width: 100%;
  }

  .coupon-popup {
    width: min(92vw, 520px);
    max-width: 520px;
  }

  .modal-content {
    width: min(92vw, 560px);
    max-width: 560px;
    height: auto;
    max-height: 84vh;
  }
}

@media screen and (min-width: 510px) and (max-width: 760px) {
  .checkout-main-container {
    grid-template-columns: minmax(0, 1fr);
  }

  .right-checkout-content {
    position: static;
  }

  .checkout_form_row > * {
    flex-basis: 100%;
  }
}