Horizontal scroll on mobile

/* Small devices */
@media only screen and (max-width: 600px) {

	/* Avoid horizontal scroll on mobiles.
	   Skip for phone field, otherwise country dropdown (Smart format) would be cropped.
	*/
	div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone) {
		overflow-x: hidden;
	}

This creates a scroll effect on the fields that ‘double up’. So the Name with First Last selected and the Email with Enable Email Confirmation selected. So it appears to do the opposite of what your notes say. If I make overflow-x: visible it appears OK.

Firefox, Windows 10.

Should I just change my CSS for the media query?

The page I need help with: [log in to see the link]