Category Page Responisiveness

-- url of the page with the problem -- : aquacorals.com/index.php/corals/soft-corals/branching-leathers
-- HikaShop version -- : 2.6.4
-- Joomla version -- : 3.6.2
-- PHP version -- : 5.4.45

Hi,
I've tried several solutions that can be found in the forums for making a 3 column category page change to a single column when viewed on a smaller mobile screen. I've succeeded with this except that the images become left aligned while the text and buttons remain center aligned.

The code I'm using is the following in the Frontend_custom.css without bootstrap turned on.

@media only screen and (max-width: 970px) {
.hikashop_subcategories div.hikashop_category, .hikashop_products_listing div.hikashop_product
{width: 50% !important;}
}
@media only screen and (max-width: 750px) {
.hikashop_subcategories div.hikashop_category, .hikashop_products_listing div.hikashop_product
{width: 100% !important;}
}

I'd love to be able to make the images center aligned as well.

Thoughts?

Perfect! That worked!
Thanks!