Form is different widths on different browsers

My form is showing up different widths on different browsers. 

The top three questions have different widths on different browsers. Is there any way to get it so that the three questions on top are the same width as the question bar on the second row?

To set the same width, you need to go into the edit mode of your form and set the same size on each text box, you might have to increase the form width, so they show int he same line, example:

Hi, the issue is more about aligning line one with line two.  Please see the following examples in the different browsers. (Safari, Chrome and Firefox)

Can you add the CSS code below from designer?

#input_25{

    width : 160px !important;

    height : 50px !important;

}

#input_26 {

    width : 160px !important;

    height : 50px !important;

}

#input_16 {

    width : 160px !important;

    height : 50px !important;

}

#input_17 {

    width : 525px !important;

    height : 65px !important;

}

.form-section.page-section {

    width : 700px !important;

}

At that time, it will work as expected.

If it does't work, please let us know. We can try another solution.