contact form alignment

any advice on this please?

Hello,

Please share the link of your website, so i can take a look.

Thank You

unfortunately my site is not live yet. its just an issue of alignment. any ideas?

Hello,

Please share the screenshot of problematic area, so i can take a look.
And will try to provide you random solution.

Thank You

The site is not currently live, so here is a screenshot.
https://drive.google.com/file/d/0B8YnSvgJf0fJLUUwNW5XblBWWE0/view?usp=sharing

Hello,

By looking your screenshot it seems either any CSS is making gap between form field or any plugin CSS is conflicting.
So try deactivating all plugin and then check, also check if any extra CSS is added.

Thank You

here is a link to the site. https://66.147.244.232/~hafsakhi/

removing plugins did not work to reslove the issue.

how would i know which CSS is causing the issue?

Hello,

We have checked your site and found that “Jetpack” plugin’s CSS is conflicting with themes CSS.
So try this CSS code

.contact-us .input-box, .contact-us textarea {
    width: 100%!important;
    margin-bottom: 20px!important;
}

This will help you.
Thank You