How can I center my form on mobile devices?

Hello.  I've read a lot of forums about centering the form on mobile and tried several css suggestions.  Can you take a look and see what I'm doing wrong?  I'm viewing the form on a Galaxy S3 and it has no left margin.  (*See screenshot and thanks in advance!)

To center the form when viewing it on mobile device, please add this custom CSS code:

@media screen and (max-width: 923px)

.jotform-form .form-all {

    width: 100% !important;

}

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

Here's the result on my cloned form:

I've injected the code.  It hasn't solved the problem but I noticed as the page loads the logo image seems to "push" the form to the left.  

Here is the mobile preview on jotform.com after injecting the css.

Sorry for the confusion. 

The custom CSS code that I have provided is missing a bracket. To fix it, please remove the previous custom CSS code and replace it with this:

@media screen and (max-width: 923px)

{

.jotform-form .form-all {

    width: 100% !important;

}

}

Here's my screen capture result:

I hope this helps. If you have any questions, please contact us again.

Thanks John! Works perfectly.  Based on all the forums I've visited your support team is awesome!  

We are happy to hear it and thanks for the compliments.

Cheers! :)