.products-wrapper {
    margin: 64px auto;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;


}

@media (max-width: 1520px) {
    .products-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1120px) {
    .products-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 748px) {
    .products-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}