Page size problem in mobile view

Hello

page is scrolling left to right - when in use in a device like cellphone or tablet 

in order to improve costumers shopping experience - form needs to scroll only up to down - not left or right there is nothing - empty space

I news CSS so I can copy/past I tried my self but don't work - 

To understand better the issue try the form in a cellphone 

Please inject this CSS code to your form to fix the issue:

@media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){
#cid_34 > div > div {
    width: 320px!important;
}}

Guide: How-to-Inject-Custom-CSS-Codes

Please give it a try and let us know how it goes.