mobile view

Hey,

I’m using the virtue theme with WooCommerce. On the product site I changed the CSS for the right column. Before it was

.col-md-7 {
width: 58.3333%;
float: left;
}

Now it is

.col-md-7 {
float: right;
width: 45%;
}

On desktop view it looks better for me, but on mobile it doen’t look good. The right column is no more centered under the product image, but moves too far to the right. Here is the link: bild-im-rahmen.com/produkt/kugeln-im-sand/

How can I manage it?

Regards
mic