Mobile Spacing Issues - Bedford

I have a problem with the mobile layout of my site. When it's in desktop mode, it is perfectly fine. However, in mobile layout, it gets unresponsive / there is an extra spacing on the right causing a left-right scroll bar to appear, and the alignment of the page elements to not be in its normal state. I have tried resizing the banner and all (maximum pixel height and width), plus, I also checked the other elements such as card features to see if those are causing the spacing issue. I really cannot solve it and I hope you could help me.

The subscribe button below is also not in the middle:

Thank you.

First of all, great site! Did you add some custom code to your prefooter? I'm seeing some that has an error just before the newsletter block. Here's what I see in the code:

<div class="newsletter-form-wrapper
  
  newsletter-form-wrapper--layoutFloat
  newsletter-form-wrapper--alignCenter
  
  "
  >

Thank you so much! I was able to fix it with your help. I could not edit the code because I do not use Premium plan, but it helped that you pointed out that it's an error in the prefooter before the newsletterblock. I went to Site Styles, and under the Newsletter block, I reduced the padding to 0px,  and it solved the problem.