Why isn't my code moving sections to the left in Shopify?

[jr-dev]

Hi, I have added some code to product.json and products-recommendatios.liquid so I can move to the left my section but it isn't working.

JSON and Liquid.

I'm new in shopify, appreciate any help.

[hawkscode]

hi @jr-dev 

can you share store url 

[jr-dev]

Store url:

https://sn-consultng-test.myshopify.com/?_bt=eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaVJ6YmkxamIyNXpkV3g...

Basically I need to do something like this 

https://www.nordstrom.ca/s/benedetta-bruzziches-vitty-grande-crystal-embellished-leather-shoulder-ba... (the body section)

https://sn-consultng-test.myshopify.com/products/aged-flower and this is what I have.

Thanks!

[hawkscode]

 File : section-main-product.css

@media screen and (min-width: 990px) {
  .product:not(.product--no-media):not(.featured-product) .product__media-wrapper {
    max-width: 64%;
    width: calc(64% - 1rem / 2);
  }

  .product:not(.product--no-media):not(.featured-product) .product__info-wrapper {
    padding-left: 4rem;
    max-width: 36%;
    width: calc(36% - 1rem / 2);
  }
}

Replace by 

@media screen and (min-width: 990px) {
  .product:not(.product--no-media):not(.featured-product) .product__media-wrapper {
    max-width: 54%;
    width: calc(54% - 1rem / 2);
  }

  .product:not(.product--no-media):not(.featured-product) .product__info-wrapper {
    padding-left: 4rem;
    max-width: 46%;
    width: calc(46% - 1rem / 2);
  }
}

[jr-dev]

It didn't work.

[hawkscode]

 check your  new css code did not update here 

[jr-dev]

Is updated, do not why it isn't showing changes...