Product listing issues

Hi, guys!

I set up Jigoshop and wrapped correctly into my theme (Cluster). I made Jigoshop catalog page looks like Portfolio page of my running theme. Everything is OK. I start to custom the CSS (in a child theme) and set products per row to 3 and I want every Jigoshop feature to get responsiveness. everything is fine but product listing.

When I resize the window I set up products per row to change into 2 instead of 3, and the grid now breaks up because of first and last classes of first and third product. Now my second row has only 1 product and aligned to right (because it’s still working with “last” class).

Is there any way to solve this issue to make responsiveness come true? I mean, when I resize the window following my custom media queries I’d like to get the grid perfectly fitted to 3 (up to 1000px wide), 2 (up to 640 px wide) and 1 (up to 480 px wide) products per row.

I don’t know if I got explained… I enclose a link to images:

3 products (OK): https://www.dropbox.com/s/lmnj0fescllkrqx/3products.png
2 products (BREAKS UP): https://www.dropbox.com/s/zajjzdyy35sqlyc/2products.png

By the way, I can’t write the URL because I’m working locally with MAMP…

Thanks for your help.

Greetings from Spain!

https://ww.wp.xz.cn/plugins/jigoshop/