.elementor-3425 .elementor-element.elementor-element-bbc2857{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-483baf9 *//* 3 COLUMNS ON MOBILE - WOOCOMMERCE */

@media only screen and (max-width: 767px) {

  ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 5px !important;
  }

  ul.products li.product {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    clear: none !important;
  }

  ul.products li.product img {
    width: 100% !important;
    height: auto !important;
  }

  ul.products li.product h2,
  ul.products li.product .woocommerce-loop-product__title {
    font-size: 10px !important;
    padding: 3px !important;
    margin: 0 !important;
  }

  ul.products li.product .price {
    font-size: 10px !important;
  }

  ul.products li.product .button {
    font-size: 9px !important;
    padding: 5px 2px !important;
    width: 100% !important;
    display: block !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbc2857 *//*target mobile devices only*/
@media (max-width: 767px) {
    . mobile- three-columns ul. products { display:flex !imprtant;
    flex-wrap:wrap !important;
    justify-content: space-between !important;
}
. mobile-three-columns ul.products  li.products {
    width:31% !important;/* roughly 1/3 of the width*/
    margin-rigth:2%  !important;
    margin-bottom:10px;
}
.mobile-three-columns ul.products li.product:nth-child(3n) {margin-rigth:0 !important;}}/* End custom CSS */