@media (max-width: 921px) { .shop-by-price > div { width: 50%; float: left; } .shop-by-price > div:nth-child(odd) { justify-content: flex-end; padding: 0 10px; } .shop-by-price > div:nth-child(even) { justify-content: flex-start; padding: 0 10px; } .shop-by-price > div:nth-child(3n), .shop-by-price > div:nth-child(4n) { margin-top:10px; } }