Need help with product display page

-- url of the page with the problem -- : arma15.com/products
-- HikaShop version -- : 3.3.6

My product display page looks like this:
arma15.com/products

The space isnt used very efficiently at all and everything is bunched on the left side. I have not changed any of the settings or done anything weird so I am not sure why mine looks so different.

Thumbnails too small and product image too small.

When an image is clicked on via mobile phone the image pops up and is distorted. How can i get it to just select threw the different images when clicked since a hold over method isnt an option for phone. Most people use smart phones to order these days.

I am trying to get it to look more like this:
demo.hikashop.com/index.php/en/hikashop/...with-multiple-images

Please help with the options I have looked into the product options and changed them around and havent seen any options that help make it look as i thought it would when I bought this program. Thanks!

Okay I got the Product image to increase in size by finding it under the configuration: images: product page image

However I can still not figure out how to make the thumbnails larger. I changed the sizes of the config: images: thumbnails and it doesnt change the size of my thumbnails on my product page at all. How do I change the thumbnails on the product page?

Great found it. The text was a little different mine showed this:

img.hikashop_child_image{
margin : 2px;
height:25px;

But was close enough to find it. If anyone else is looking for this look around line number 145 as the ctrl f function didnt find the text very well in the code.