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; }