Hi,
The problem is a layout customization problem, not a CSS problem.
You've customized the show_default view file, via the menu Display>Views to have the "price" block on the left side area and the "image" block on the right side area.
HikaShop will automatically move the areas one below the other on small screens.
For example, on
demo.hikashop.com/index.php/en/hikashop/...ct-page/with-options
you can see the image on the left side, and the vote, price, options, quantity input, buttons and specifications on the right side. But on small screens, it automatically shifts one below the other.
So in short, if you want to have the image centered, move it to the bottom area instead of the right side area via the Display>Views interface in the show_default view file.