.responsive-products {
    overflow: auto;
    padding: 40px 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1900px;
    width: 100%;
}

@media (min-width: 1682px) and (max-width: 1899px) {
    .responsive-products {
        max-width: 1666px;
    }
}

@media (min-width: 1450px) and (max-width: 1681px) {
    .responsive-products {
        max-width: 1434px;
    }
}

@media (min-width: 1218px) and (max-width: 1449px) {
    .responsive-products {
        max-width: 1202px;
    }
}

@media (min-width: 986px) and (max-width: 1217px) {
    .responsive-products {
        max-width: 970px;
    }
}

@media (min-width: 754px) and (max-width: 985px) {
    .responsive-products {
        max-width: 738px;
    }
}

@media (min-width: 512px) and (max-width: 753px) {
    .responsive-products {
        max-width: 506px;
    }
}

@media (max-width: 511px) {
    .responsive-products {
        max-width: 272px;
    }
}