Add the following within Theme Options > Appearance > Additional CSS.

body.single-product .sidebar { display: none; }

body.single-product .cg-shop-main .col-lg-9 { width: 100% !important; left: 0px !important; }

You may need to increase the size of the individual product image afterwards as it could be blurry when it has to fill a larger container.

That's within Appearance > Customize > WooCommerce

To remove the sidebar from the Shop archive page:

body.archive.woocommerce .sidebar { display: none; }

body.archive.woocommerce .cg-shop-main .col-lg-9 { width: 100% !important; left: 0px !important; }