Additional CSS not working?

Hi, I customize my ecoomerce product page of additional css in customization in woocommerce flatsome theme but suddently what happens it doesnt work at all. I Deactivate all my other plugin which i thought overrides the css or property. But It remain as it is. Here is my Additional css content:

.footer-widget-area #widget-area-4 {
width: 80%;
}
.woocommerce-ordering {
  display: inline-block;
}
body.single-product #primary {
	width: 100%;
	height: 250px;
	float: none;
}

body.single-product h1.product-title.product_title.entry-title
{
	margin-top: -20px;
}

body.single-product input#shiprocket_pincode_check
{
	width:200px;
	margin-top: 20px;
}

body.single-product button#check_pincode
{
	margin-top:10px;
	background-color: #0066A2;
	color: white;
}
body.single-product
div.wccc-content-block.wccc-content-block-3037
{
	margin-top:-30px;
}
body.single-product
div input#shiprocket_pincode_check
{
	margin-top:10px;
}
body.single-product
div.wvg-gallery-image.slick-slide.slick-current.slick-active
{
	width: 80%;
    float: left;
}
body.single-product
div.wccc-content-block.wccc-content-block-3037
{
	margin-top:-40px;
}
body.single-product
div#pincode
{
	margin-top:-10px;
}
body.single-product
img.alignnone.wp-image-2981
{
	margin-left:-5px
}
body.single-product
span.swatch.swatch-label.swatch-5-5-meters
{
	margin-left:15px;
}

Please help me.

• This topic was modified 5 years, 3 months ago by Steven Stern (sterndata).

The page I need help with: [log in to see the link]