Twentytwelve Child Seems fine. But Not on iPhone

Hello Friends,

I am working on a new Twentytwelve Child theme.

It seems fine until I look at it on my mobile (iPhone) device.
The Header area, Navigation area and the Call and email buttons are not showing as they do using my PC.

They are out of place.
I have been all through the CSS and Child CSS but have not discovered why this occurring.
The site is: https://i-brand.ca/jd/

If anyone has any idea’s, I would be very grateful hearing from you.

Many thanks in advance for your help and assistance.