Product details, align all content to the left - not working on Mobile

Site URL: https://www.entropypress.co.uk

I'am trying to move the product detail block to the left. I managed to do it using this code:

.collection-type-products.view-item  {
  align-content:left;
  display: flex;
  padding-left: 40px !important;
}

But does not work on mobile.

Can someone help me with that?

Hi. Do you still need help?

Also, I see on tablet, off center. Do you want to fix this?

Thanks tuanphan, yes I still do need help with this!

This code seems that helped with the desktop and mobile alignment, but as you said, the tablet is off center.

.collection-type-products.view-item  {
  align-content:left;
  display: flex;
  margin-left: 120px !important;
}
}

#canvasWrapper {
    max-width: none !important;
}