Virtuemart Category Layout - Problem with Responsive Layout

There is a slight problem with this depending on how you look at it.

Before i mentioned, lemme say its a really beautifully done site and alot of things work wonderfully.


Under the Bikestore demo, go to Virtuemart Category Layout (It looks fine)
And the number of products shown per row is 3
this number of products shown.. make it look very nice and spacious.


Now reduce your browser width size until you get almost similar to the tablet size and there is your problem. The third product overflows to the bottom and there is no product next to the third product.


One solution would be to set the number of products to 4 for each row.. then you will have no such overflow issue, there will be two products each row if you view this in your tablet.


However its not as nice as it was before.

I dont see how to solve this issue if you want to have an odd number of products showing per row. Is there?
Please help if there is!

thanks.

Is there a way to change the number of products per row for a different browser size?

Its okay.

Ive decided to just set the Tablet Layout setting to 0px under the Template Options.

So I can still use the 3 products per row... it just that it will remain 3 products until it hits the Mobile layout view.