@media (max-width: 767px) { ul.products,
.woocommerce ul.products,
.woocommerce-page ul.products {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 20px !important;
padding: 0 10px !important;
margin: 0 !important;
} ul.products.columns-2,
ul.products.columns-3,
ul.products.columns-4,
ul.products.columns-5 {
grid-template-columns: 1fr !important;
} ul.products li.product,
.woocommerce ul.products li.product {
width: 100% !important;
float: none !important;
margin: 0 !important;
padding: 15px !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
border: 1px solid #e0e0e0 !important;
border-radius: 8px !important;
background: #fff !important;
overflow: visible !important;
} ul.products li.product .woocommerce-loop-product__link img,
ul.products li.product a img {
width: 100% !important;
height: auto !important;
max-width: 100% !important;
object-fit: contain !important;
} ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2 {
font-size: 15px !important;
line-height: 1.4 !important;
word-break: break-word !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
width: 100% !important;
margin: 8px 0 !important;
} ul.products li.product .price,
ul.products li.product .woocommerce-Price-amount {
font-size: 15px !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
width: 100% !important;
display: block !important;
margin-bottom: 10px !important;
}
ul.products li.product .price del,
ul.products li.product .price ins {
display: inline-block !important;
white-space: nowrap !important;
} ul.products li.product .button,
ul.products li.product a.button,
ul.products li.product .add_to_cart_button,
ul.products li.product .product_type_variable {
width: 100% !important;
display: block !important;
text-align: center !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
padding: 12px 10px !important;
font-size: 14px !important;
box-sizing: border-box !important;
margin-top: auto !important;
} ul.products li.product .onsale {
position: absolute !important;
top: 8px !important;
left: 8px !important;
font-size: 12px !important;
padding: 4px 8px !important;
z-index: 2 !important;
} .woocommerce-breadcrumb,
nav.woocommerce-breadcrumb,
.elementor-breadcrumbs,
span.breadcrumb,
.breadcrumbs {
color: #333333 !important;
background: transparent !important;
font-size: 13px !important;
padding: 8px 15px !important;
}
.woocommerce-breadcrumb a,
nav.woocommerce-breadcrumb a,
.breadcrumbs a {
color: #3AAA35 !important;
} .e-con .elementor-tabs .elementor-tab-title,
.elementor-tabs .elementor-tab-title {
width: 100% !important;
display: block !important;
box-sizing: border-box !important;
} .elementor-tabs-wrapper .elementor-tab-title.elementor-active::after,
.elementor-tabs-wrapper .elementor-tab-title::after {
display: none !important;
} .elementor-tabs .elementor-tabs-content-wrapper {
width: 100% !important;
} body {
overflow-x: hidden !important;
} .elementor-section,
.elementor-container,
.e-con,
.elementor-widget-wrap {
max-width: 100% !important;
overflow-x: hidden !important;
}
} @media (min-width: 768px) and (max-width: 1024px) {
ul.products,
.woocommerce ul.products,
.woocommerce-page ul.products {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 20px !important;
}
ul.products.columns-3,
ul.products.columns-4,
ul.products.columns-5 {
grid-template-columns: repeat(2, 1fr) !important;
}
ul.products li.product,
.woocommerce ul.products li.product {
width: 100% !important;
float: none !important;
margin: 0 !important;
}
ul.products li.product .button,
ul.products li.product a.button {
width: 100% !important;
display: block !important;
text-align: center !important;
white-space: normal !important;
box-sizing: border-box !important;
}
}