How can I make the fields full width in 980px screen?

Also- at 980 pixels- the form fields are not full width, how can i make the fields full width?

Sorry for the delay.

Please inject the custom CSS code below to fix the issue in 980px screen device:

/* 980px fields full width */
@media only screen and (max-width: 760px) {
.form-textbox {
width: 99% !important;
}

.form-sub-label-container {
width: 100% !important;
}

.form-dropdown {
width: 100% !important;
}
}

/* 980px bottom triangle full width */
@media only screen and (max-width: 760px) {
.form-all:after {
border-left: 369px solid transparent;
border-right: 369px solid transparent;
border-top: 50px solid #172751;
}
}

Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

Hope that helps. If you need any help, let us know. Thank you.

so this code ruins the bottom triangle effect at the bottom of this form. It fixes the form fields width- but messes up the bottom of the form.

http://flexogenix.com/knee-pain-relief-charlotte/

This code is the one changing the bottom triangle of the form provided by my colleague. You can take it off if it's not necessary.

/* 980px bottom triangle full width */

@media only screen and (max-width: 760px) {

.form-all:after {

border-left: 369px solid transparent;

border-right: 369px solid transparent;

border-top: 50px solid #172751;

}

}

This is how it'd look without it.