css - Woocommerce - Is there a way to have the product thumbnails "flow" responsively? -

my site here -

as can see i'm using wordpress , woocommerce , i'm styling product archive pretty heavily - i'm using custom-theme based on underscores.

what i'd have site shows 6 products per row when @ desktop size (>992px), 4 when @ tablet landscape , 2 @ phone size. tablet , phone sizes work great, can't stop desktop view shunting images left of page.

i've tried changing number of columns 6 , adjust css suit desktop view, messes tablet size. i've tried using bootstrap seemed make things more wrong!

is there way want css or have remove columns within woocommerce.php files somehow?

many in advance!