Why my form is not mobile responsive?

Hi there, I've copied and pasted the above into the CSS code in my form, but it still doesn't show as responsive in the website. www.spotwifi.co.nz/page/rent-now/.

 

Any ideas?? 

 

Could you please let us know what is the form and if you can give us access here: 

So we can test.

I guess the form appears after your login right?

We'll wait for your response.

Thank you!

Hi, thanks for your reply - try again, as I’ve made the site live temporarily.
Thanks
A new response has been received:
Answered by Nik_C
Could you please let us know what is the form and if you can give us access here:
So we can test.
I guess the form appears after your login right?
We'll wait for your response.
Thank you!

View this thread on browser » Unsubscribe Thread 1494062847
...

Thank you for the access, we appreciate it.

I have inspected your website and see that the form is embedded using its embed script.

<script type="text/javascript" src="https://form.jotform.co/jsform/71218148688869"></script>

Can you try to add this <meta> tag together with the meta tag attributes to your HTML?

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

Please refer to the image below:

References: 

http://www.w3schools.com/tags/att_meta_name.asp

http://www.w3schools.com/tags/tag_meta.asp

If that would not fix the issue you're having, you can also try embedding your form using its iframe code instead.

Getting-the-form-iFrame-code

The iframe code has two parts, <iframe> and <script>. If the issue will not be solved by embedding both the <iframe> and <script>, you can just try to embed the <iframe part only.

Thank you.