@media only screen and (max-width: 768px) {
    .ProductBox {
        width: calc(50% - 10px);
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ProductBox {
        width: calc(25% - 10px);
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1250px) {
    .ProductBox {
        width: calc(20% - 10px);
    }
}