.content {
    background-image: url('/assets/images/main/ru/main_h500_wide.png');
}

@media (max-height: 500px) and (max-width: 500px) {
    .content {
        background-image: url('/assets/images/main/ru/main_h500_half.png');
    }
}

@media (max-height: 500px) and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 2),
(max-height: 500px) and (max-width: 500px) and (min-resolution: 192dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h500_half@2x.png');
    }
}

@media (max-height: 500px) and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 3),
(max-height: 500px) and (max-width: 500px) and (min-resolution: 288dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h500_half@3x.png');
    }
}

@media (max-height: 500px) and (min-width: 501px) and (max-width: 700px) {
    .content {
        background-image: url('/assets/images/main/ru/main_h500_middle.png');
    }
}

@media (max-height: 500px) and (min-width: 501px) and (max-width: 700px) and (-webkit-min-device-pixel-ratio: 2),
(max-height: 500px) and (min-width: 501px) and (max-width: 700px) and (min-resolution: 192dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h500_middle@2x.png');
    }
}

@media (max-height: 500px) and (min-width: 501px) and (max-width: 700px) and (-webkit-min-device-pixel-ratio: 3),
(max-height: 500px) and (min-width: 501px) and (max-width: 700px) and (min-resolution: 288dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h500_middle@3x.png');
    }
}

@media (max-height: 500px) and (min-width: 701px) {
    .content {
        background-image: url('/assets/images/main/ru/main_h500_wide.png');
    }
}

@media (max-height: 500px) and (min-width: 701px) and (-webkit-min-device-pixel-ratio: 2),
(max-height: 500px) and (min-width: 701px) and (min-resolution: 192dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h500_wide@2x.png');
    }
}

@media (max-height: 500px) and (min-width: 701px) and (-webkit-min-device-pixel-ratio: 3),
(max-height: 500px) and (min-width: 701px) and (min-resolution: 288dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h500_wide@3x.png');
    }
}

@media (min-height: 501px) and (max-height: 700px) and (max-width: 800px) {
    .content {
        background-image: url('/assets/images/main/ru/main_h700_half.png');
    }
}

@media (min-height: 501px) and (max-height: 700px) and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2),
(min-height: 501px) and (max-height: 700px) and (max-width: 800px) and (min-resolution: 192dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h700_half@2x.png');
    }
}

@media (min-height: 501px) and (max-height: 700px) and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 3),
(min-height: 501px) and (max-height: 700px) and (max-width: 800px) and (min-resolution: 288dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h700_half@3x.png');
    }
}

@media (min-height: 501px) and (max-height: 700px) and (min-width: 801px) and (max-width: 1000px) {
    .content {
        background-image: url('/assets/images/main/ru/main_h700_middle.png');
    }
}

@media (min-height: 501px) and (max-height: 700px) and (min-width: 801px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 2),
(min-height: 501px) and (max-height: 700px) and (min-width: 801px) and (max-width: 1000px) and (min-resolution: 192dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h700_middle@2x.png');
    }
}

@media (min-height: 501px) and (max-height: 700px) and (min-width: 801px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 3),
(min-height: 501px) and (max-height: 700px) and (min-width: 801px) and (max-width: 1000px) and (min-resolution: 288dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h700_middle@3x.png');
    }
}

@media (min-height: 501px) and (max-height: 700px) and (min-width: 1001px) {
    .content {
        background-image: url('/assets/images/main/ru/main_h700_wide.png');
    }
}

@media (min-height: 501px) and (max-height: 700px) and (min-width: 1001px) and (-webkit-min-device-pixel-ratio: 2),
(min-height: 501px) and (max-height: 700px) and (min-width: 1001px) and (min-resolution: 192dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h700_wide@2x.png');
    }
}

@media (min-height: 501px) and (max-height: 700px) and (min-width: 1001px) and (-webkit-min-device-pixel-ratio: 3),
(min-height: 501px) and (max-height: 700px) and (min-width: 1001px) and (min-resolution: 288dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h700_wide@3x.png');
    }
}

@media (min-height: 701px) and (max-height: 900px) and (max-width: 1000px) {
    .content {
        background-image: url('/assets/images/main/ru/main_h900_half.png');
    }
}

@media (min-height: 701px) and (max-height: 900px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 2),
(min-height: 701px) and (max-height: 900px) and (max-width: 1000px) and (min-resolution: 192dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h900_half@2x.png');
    }
}

@media (min-height: 701px) and (max-height: 900px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 3),
(min-height: 701px) and (max-height: 900px) and (max-width: 1000px) and (min-resolution: 288dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h900_half@3x.png');
    }
}

@media (min-height: 701px) and (max-height: 900px) and (min-width: 1001px) and (max-width: 1500px) {
    .content {
        background-image: url('/assets/images/main/ru/main_h900_middle.png');
    }
}

@media (min-height: 701px) and (max-height: 900px) and (min-width: 1001px) and (max-width: 1500px) and (-webkit-min-device-pixel-ratio: 2),
(min-height: 701px) and (max-height: 900px) and (min-width: 1001px) and (max-width: 1500px) and (min-resolution: 192dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h900_middle@2x.png');
    }
}

@media (min-height: 701px) and (max-height: 900px) and (min-width: 1001px) and (max-width: 1500px) and (-webkit-min-device-pixel-ratio: 3),
(min-height: 701px) and (max-height: 900px) and (min-width: 1001px) and (max-width: 1500px) and (min-resolution: 288dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h900_middle@3x.png');
    }
}

@media (min-height: 701px) and (max-height: 900px) and (min-width: 1501px) {
    .content {
        background-image: url('/assets/images/main/ru/main_h900_wide.png');
    }
}

@media (min-height: 701px) and (max-height: 900px) and (min-width: 1501px) and (-webkit-min-device-pixel-ratio: 2),
(min-height: 701px) and (max-height: 900px) and (min-width: 1501px) and (min-resolution: 192dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h900_wide@2x.png');
    }
}

@media (min-height: 701px) and (max-height: 900px) and (min-width: 1501px) and (-webkit-min-device-pixel-ratio: 3),
(min-height: 701px) and (max-height: 900px) and (min-width: 1501px) and (min-resolution: 288dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h900_wide@3x.png');
    }
}

@media (min-height: 901px) and (max-width: 1300px) {
    .content {
        background-image: url('/assets/images/main/ru/main_h1080_half.png');
    }
}

@media (min-height: 901px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 2),
(min-height: 901px) and (max-width: 1300px) and (min-resolution: 192dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h1080_half@2x.png');
    }
}

@media (min-height: 901px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 3),
(min-height: 901px) and (max-width: 1300px) and (min-resolution: 288dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h1080_half@3x.png');
    }
}

@media (min-height: 901px) and (min-width: 1301px) and (max-width: 1700px) {
    .content {
        background-image: url('/assets/images/main/ru/main_h1080_middle.png');
    }
}

@media (min-height: 901px) and (min-width: 1301px) and (max-width: 1700px) and (-webkit-min-device-pixel-ratio: 2),
(min-height: 901px) and (min-width: 1301px) and (max-width: 1700px) and (min-resolution: 192dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h1080_middle@2x.png');
    }
}

@media (min-height: 901px) and (min-width: 1301px) and (max-width: 1700px) and (-webkit-min-device-pixel-ratio: 3),
(min-height: 901px) and (min-width: 1301px) and (max-width: 1700px) and (min-resolution: 288dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h1080_middle@3x.png');
    }
}

@media (min-height: 901px) and (min-width: 1701px) {
    .content {
        background-image: url('/assets/images/main/ru/main_h1080_wide.png');
    }
}

@media (min-height: 901px) and (min-width: 1701px) and (-webkit-min-device-pixel-ratio: 2),
(min-height: 901px) and (min-width: 1701px) and (min-resolution: 192dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h1080_wide@2x.png');
    }
}

@media (min-height: 901px) and (min-width: 1701px) and (-webkit-min-device-pixel-ratio: 3),
(min-height: 901px) and (min-width: 1701px) and (min-resolution: 288dpi) {
    html.loaded .content-background  {
        background-image: url('/assets/images/main/ru/main_h1080_wide@3x.png');
    }
}