Add the following in Theme Options > Custom Code:

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 is stretched bigger.

That's within WooCommerce > Settings > Products Tab - Display

You'd then install and run the Regenerate Thumbnails plugin to re-do any existing images to a new size set.

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