Creating responsive container widths

Hi,

I am attempting to set up Hikashop to work correctly with my responsive template, and I am having difficulty. I simply want to make the category and product container widths change from 32% to 48% as the browser window becomes smaller. Currently it remains on 32% all the way down to the smallest screen size and the visual appeal is sorely lacking. I am finding it difficult to create a css rule that works on every instance of the container. Applying the rule to .hikashop_category does not work. Applying individual rules to .hikashop_category.hikashop_category_column_1.hikashop_category_row_1 etc does work, but then when i create new categories and products it will not apply to them. I've tried .hikashop_category.hikashop_category_column but that doesn't seem to work either. Advice? Thanks in advance

I am officially an idiot. Thanks