Why does a Bootstrap page "ride" on Windows mobile?

Question

css

On iOS it is displayed more or less, but on a smartphone with Windows mobile it is bad. I tried to put some hacks that I found on the net, they did not help.
HTTP://rezplitka.ru/landing/new/ For example, the image in the header should disappear when the screen is reduced, but media queries do not work.

Answer 1

Typesetting for mobile first .
For example, instead of this option:

.man-top {
    margin-left: -48px;
    margin-top: -547px;
    width: 504px;
    height: 697px;
    background: url('../img/man-top.png') no-repeat;
}

@media screen and (max-width: 360px) {
    .man-top {
        display: none;
    }
}

Should write:

.man-top {
    display: none;
    margin-left: -48px;
    margin-top: -547px;
    width: 504px;
    height: 697px;
    background: url('../img/man-top.png') no-repeat;
}

@media screen and (min-width: 361px) {
    .man-top {
        display: block;
    }
}

You can read more here:
www.html5rocks.com/en/mobile/responsivedesign