/* Products template: mobile = single column (CMS order), desktop = two columns (odd/even) with regular gaps */

.products-mobile .thumb {
  margin-left: 1.339rem;
  margin-right: 1.339rem;
}

.products-mobile .thumb img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.products-mobile {
  display: block;
}

@media (min-width: 48em) {
  .products-mobile {
    display: none;
  }
}

.products-desktop {
  display: none;
}

@media (min-width: 48em) {
  .products-desktop {
    display: block;
  }
}