Category Listing Alignment

Hi there,
I am testing the free version out with a Rockettheme Template using the Gantry Framework.

When I view the category on smaller devices the categories are not neatly aligned. Is there a way to fix this please?
Also, is there a way to make the Full Product images responsive like the category images?

Mart

www.xxx/index.php?option=com_hikashop&vi...t=listing&Itemid=217

Hi,
I think that all of this will be possible with some CSS customization .

Thanks for help and sorry for posting in wrong thread. The link to the css resources will be very helpful and I managed to get a fix for this issue from my template provider.

The first <li> container has the margin-left:20px overridden, follow the 3 red arrows.
The 2nd <li> container doesn't and as a result gets pushed over. So to compensate we create the CSS to override that case:

.component-content .thumbnails > li {
margin-left: 0 !important;
}