Woocommerse product page design layout issue

I would convert the page to a fixed width layout. Try this in style.css:

body {width:1160px; margin:auto}

The product image is blurry, so consider setting the Single Product Image size to around 556px square, then regenerate thumbnails.

after seting this , theme become non responsive

any other way

You’d need to add responsive styling yourself for WooCommerce elements if this is a non-woocommerce theme.

You can also look into creating correct wrappers to match the rest of the theme. See https://docs.woothemes.com/document/third-party-custom-theme-compatibility/