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

@media (min-width : 1024px) {
    .wrapper__inner {
        flex-direction : row;
    }

    .left-column__wrapper {
        width          : 260px;
        margin-right   : 20px;
        padding-bottom : 0;
    }

    #content-wrapper {
        padding-right : 20px;
    }
}

@media (min-width : 1400px) {
    .products {
        grid-template-columns : repeat(4, 1fr);
    }
}