/* WooCommerce responsive styles
----------------------------------------------------------------- */
@media (max-width: 1279px) {
  .woocommerce ul.products.columns-5 li.product,
  .woocommerce-page ul.products.columns-5 li.product {
    width: 25%;
  }
  .woocommerce ul.products.columns-6 li.product,
  .woocommerce-page ul.products.columns-6 li.product {
    width: 25%;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs {
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    margin: 0 0 30px;
  }
  .woocommerce div.product .related h2,
  .woocommerce div.product .upsells h2 {
    margin-bottom: 1em;
  }
}

@media (max-width: 768px) {
  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td {
    padding-left: 0;
    padding-right: 0;
    border-width: 0;
  }
  .woocommerce table.shop_table_responsive tr td.product-quantity,
  .woocommerce-page table.shop_table_responsive tr td.product-quantity {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: space-between;
    -webkit-box-pack: justify;
            justify-content: space-between;
    gap: 5px;
  }
  .woocommerce table.shop_table_responsive tr td.mobile_cell:before,
  .woocommerce-page table.shop_table_responsive tr td.mobile_cell:before {
    display: none;
  }
  .woocommerce table.shop_table_responsive tr td:before,
  .woocommerce-page table.shop_table_responsive tr td:before {
    color: var(--theme-color-title);
  }
  .woocommerce table.shop_table_responsive.cart > tbody > tr + tr,
  .woocommerce-page table.shop_table_responsive.cart > tbody > tr + tr {
    border-top: 1px solid var(--theme-color-bd_color);
  }
  .woocommerce table.shop_table_responsive.cart > tbody > tr:first-child > td,
  .woocommerce-page table.shop_table_responsive.cart > tbody > tr:first-child > td {
    padding-top: 0;
  }
  .woocommerce #content table.cart td.actions .coupon,
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page #content table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    padding-bottom: 6px;
  }
  .woocommerce #content table.cart td.actions .coupon .button,
  .woocommerce #content table.cart td.actions .coupon .input-text,
  .woocommerce #content table.cart td.actions .coupon input,
  .woocommerce table.cart td.actions .coupon .button,
  .woocommerce table.cart td.actions .coupon .input-text,
  .woocommerce table.cart td.actions .coupon input,
  .woocommerce-page #content table.cart td.actions .coupon .button,
  .woocommerce-page #content table.cart td.actions .coupon .input-text,
  .woocommerce-page #content table.cart td.actions .coupon input,
  .woocommerce-page table.cart td.actions .coupon .button,
  .woocommerce-page table.cart td.actions .coupon .input-text,
  .woocommerce-page table.cart td.actions .coupon input {
    width: calc(50% - 3px);
  }
  .woocommerce #content table.cart td.actions .coupon:before, .woocommerce #content table.cart td.actions .coupon:after,
  .woocommerce table.cart td.actions .coupon:before,
  .woocommerce table.cart td.actions .coupon:after,
  .woocommerce-page #content table.cart td.actions .coupon:before,
  .woocommerce-page #content table.cart td.actions .coupon:after,
  .woocommerce-page table.cart td.actions .coupon:before,
  .woocommerce-page table.cart td.actions .coupon:after {
    display: none;
  }
}

@media (max-width: 767px) {
  .woocommerce ul.products.columns-3 li.product,
  .woocommerce-page ul.products.columns-3 li.product {
    width: 50%;
  }
  .woocommerce ul.products.columns-4 li.product,
  .woocommerce-page ul.products.columns-4 li.product {
    width: 50%;
  }
  .woocommerce ul.products.columns-5 li.product,
  .woocommerce-page ul.products.columns-5 li.product {
    width: 50%;
  }
  .woocommerce ul.products.columns-6 li.product,
  .woocommerce-page ul.products.columns-6 li.product {
    width: 50%;
  }
  .woocommerce #content table.cart td.actions .coupon,
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page #content table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .woocommerce #content table.cart td.actions .coupon .button,
  .woocommerce #content table.cart td.actions .coupon .input-text,
  .woocommerce #content table.cart td.actions .coupon input,
  .woocommerce table.cart td.actions .coupon .button,
  .woocommerce table.cart td.actions .coupon .input-text,
  .woocommerce table.cart td.actions .coupon input,
  .woocommerce-page #content table.cart td.actions .coupon .button,
  .woocommerce-page #content table.cart td.actions .coupon .input-text,
  .woocommerce-page #content table.cart td.actions .coupon input,
  .woocommerce-page table.cart td.actions .coupon .button,
  .woocommerce-page table.cart td.actions .coupon .input-text,
  .woocommerce-page table.cart td.actions .coupon input {
    width: 100%;
  }
  .woocommerce form.checkout_coupon .form-row-first,
  .woocommerce form.checkout_coupon .form-row-last {
    width: 100%;
    float: none;
  }
  .woocommerce form.checkout_coupon .form-row-first + .form-row-last {
    margin-top: 5px;
  }
  .woocommerce form.checkout_coupon .form-row-last button {
    width: 100%;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    row-gap: 10px;
    margin: 0 0 30px;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 0 0 5px;
  }
  .woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 50px;
  }
  .woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 65px;
  }
}

@media (max-width: 479px) {
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 100%;
  }
}
/*# sourceMappingURL=woocommerce-responsive.css.map */