.row.products {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
@media (min-width: 1200px) {
    .row.products > [class*="col-"] {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    .row.products > [class*="col-"] {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
  }