@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 {
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: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
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 {
-webkit-flex-wrap: wrap;
-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 {
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%;
}
}