@media (max-width: 768px) {

    /* art page css */

    .cartpage_block .product-info {
      flex-direction: column;
      align-items: flex-start;
    }

    .cartpage_block .product-info img {
      width: 100%;
      max-width: 100px;
    }

    .cartpage_block thead {
      display: none;
    }

    .cartpage_block table,
    .cartpage_block tbody,
    .cartpage_block tr,
    .cartpage_block td {
      display: block;
      width: 100%;
    }

    .cartpage_block tbody tr {
      margin-bottom: 20px;
    }

    .cartpage_block tbody td {
      border: none;
      display: flex;
      justify-content: space-between;
    }

    /* checkout page css */
    .checkout_pblock .section-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
    }

    .checkout_pblock .checkout-card {
      padding: 20px;
    }

    /* help page css */
    .help_pblock .help-card {
      flex-direction: column;
      text-align: center;
    }

    .help_pblock .help-img {
      margin-top: 15px;
    }

    .help_pblock .help-text {
      margin-right: 0;
    }

    /* store detail page css */
    .storedetail_pblock .store-info {
      flex-direction: column;
      align-items: flex-start;
    }

    .storedetail_pblock .store-info>div {
      width: 100%;
      margin-bottom: 10px;
    }

    .storedetail_pblock .store-info h5 {
      font-size: 18px;
    }

    .storedetail_pblock .store-header img {
      height: 220px;
    }

  }


  @media (max-width: 576px) {

    /* Order Summary Page css */
    .summary_pblock .info-row div {
      width: 100%;
    }

    .summary_pblock .shop-info {
      flex-direction: column;
      align-items: flex-start;
    }

    .summary_pblock .shop-info img {
      width: 100%;
      max-width: 100px;
      height: auto;
    }

    /* payment page css */
    .payment_pblock .payment-section {
      padding: 25px 18px;
    }

    .btn_w {
      width: auto;
    }

    /* edite page css */
    .eprofile_pblock .profile-img img {
      width: 100px;
      height: 100px;
    }

    /* delivery time page css */
    .deliverytime_block .calendar-table td {
      width: 35px;
      height: 35px;
      font-size: 0.9rem;
    }

    /* notification page css */
    .notification_pblock .notification-item {
      flex-direction: column;
      align-items: flex-start;
    }

    .notification_pblock .time {
      margin-top: 6px;
    }

    /* tracking page css */

    .tracking_pblock .driver-details img {
      width: 42px;
      height: 42px;
    }

    .tracking_pblock .shipping-card {
      padding: 20px;
    }

    .tracking_pblock .driver-text h6 {
      font-size: 14px;
    }

    .tracking_pblock .info-item {
      font-size: 13px;
    }
  }