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