Stylesheets doesn't load properly

I installed Quatro template and Page Builder to build this site :  eos-honey

When I'm trying to see the result from mobile phone, then I don't get the expected result. Only iPhones shows it correctly.

I get the following errors:
- "Layout was forced before the page was fully loaded. If stylesheets are not yet loaded this may cause a flash of unstyled content."
- "This page uses the non standard property “zoom”. Consider using calc() in the relevant property values, or using “transform” along with “transform-origin: 0 0”."

Hello,

Can you see our demo properly demo.hotjoomlatemplates.com/quattro

Where did you get the error messages you mentioned? What device and browser?

Thanks,
Milos

I know the demo works properly.

I didn't use hotstart. I installed all the included files and built it from scratch. 

These errors I get them on device:
iMac (Retina 4K, 21.5-inch, 2017), Intel Core i5 3 GHz, DDR48 GB 2400 MHz
Browser:
Firefox Developer Edition 90.0b11 (64-bit)

As you can see in attached image1 and image 2, this is the expected result, but image 3 is what I get. 

So, you are testing by resizing the browser window. I checked this on my browser and can't find out what's wrong. Everything works as it's expected for me.

Can you explain what's the problem better? Can you quickly sketch what you are trying to have on a desktop and what on a mobile screen?

Thanks

No, i checked it on several mobile phone browsers and all of them (except iPhones) have the same result, as you can see in attached image 3 (on previous reply).

When I resize my browser, or i put it to "Responsive Design Mode", all works properly, as you can see in attached image 1 and 2 (on previous reply).

Images 1 and 2 is what I'm trying to have on mobile screen.

So far, I don't have problems on desktops!!

On which mobile device(s) and browser(s) you are experiencing the problem? Which devices/browsers you tested?