Horizontal Scrolling On Mobile - Please help!

Site URL: https://www.theroyalcodes.com

I have a problem with my site displaying a horizontal scroll on mobile.

Can you help me get this to go away?

I searched the forums and tried this trick: 

 html, body {

overflow-x: hidden;

}

It got rid of the horizontal scroll but it added a double vertical scrollbar.

Anyway you can help me to resolve this? 

Thank you in advance 🙂