My header/logo on my forms will not center on all devices and views (iPad & iPhone) ?

My form headers/logo look great on a computer screen. However, the iPad vertical view shifts the header to the left while the landscape view keeps it in the center. Also, the iPhone puts it in the center when vertical but shifts it to the left in landscape. Extremely confused why this is happening considering your preview in designer shows them looks correct. 

Thoughts?

Thanks!

Please inject the following code to center the header logo in iPad portrait view: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : portrait) { 

img.header-logo-left{

    margin-left: 175px !important;

}

}

On regards of the iPhone landscape view, I did not see it positioned to the left, it is still centered:

Let us know if you need more help.