Website is working on responsive design mode ipad screen but not properly on ipad

Question

Website is working on responsive design mode iPad screen but not properly on ipad i have checked in all device it is working great but not in ipad.

Here is a link .

Answer 1

create media query for ipad-pro

media@(max-width:1200px) { }

for ipad

media@(max-width:900px) { }

And the bootstrap4 class should be col-md or col-lg