/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@media (max-width: 767px) {

  .products.row {
    display: flex;
    flex-wrap: wrap;
  }

  .products .product-miniature {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .product-miniature .thumbnail-container {
    width: 100% !important;
    margin: 0 auto 12px !important;
  }

  .product-miniature img {
    max-width: 100% !important;
    height: auto !important;
  }

  .product-miniature .product-title {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  .product-miniature .product-price-and-shipping {
    font-size: 16px !important;
  }
}