@media screen and (min-width: 1930px)
    {
        body{
            max-width: 1920px;
            margin: 0 auto;
            border-left: 2px solid #ddd;
            border-right: 1px solid #ddd;
        }
    }

@media (max-width: 575.98px) {
    body{
        background-image: url("../img/header-mobile.jpg");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: top left;
    }
    .desktop-bar{
        display: none;
    }
    .mobile-bar, .mobile-header, .device-item-mobile{
        display: block;
    }
    #viewbox{
        letter-spacing: 1px;
        font-size: 14px;
        line-height: 48px;
    }
    #viewbox .container .row span.btn-open-request{
        padding-left: 30px;
    }
    .navigation, .desktop-header, .mobile-inv{
        display: none;
    }
    .mobile-header{
        height: 650px;
        text-align: center;
        padding: 50px 0 0 0;
        color: #fff;
    }
    .mobile-header span{
        display: block;
        font-size: 22px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-family: 'Bebas Neue Book';
        padding: 40px 0 30px 0;
    }
    .mobile-header h1{
        display: block;
        font-family: 'Bebas Neue Regular';
        line-height: 42px;
        letter-spacing: 2px;
        font-size: 2.5rem;
    }
    .mobile-header p{
        font-weight: 600;
        font-size: 16px;
        font-family: 'Bebas Neue Regular';
        padding: 80px 0 0 0;
    }
    .mobile-header a{
        display: inline-block;
        width: 75%;
        height: 52px;
        margin: 0 0 10px 0;
        line-height: 52px;
        border-radius: 26px;
        border: 1px solid #707d8c;
        color: #111;
        letter-spacing: 2px;
        background: #ffffff;
    }
    .boxes-tape{
        display: none;
    }
    .boxes-tape-mobile{
        display: block;
        padding: 60px 0 140px 0;
        width: 325px;
        margin: 0 auto;
    }
    .why-are-we > h1{
        height:auto;
        line-height: 44px;
        letter-spacing: 0;
    }
    .why-are-we > p{
        padding: 20px 0 70px 0;
        font-weight: 400;
        font-size: 16px;
    }
    .why-are-we .row .col-xl-4 h3.title-a::before {
        display: inline-block;
        content: "";
        width: 100%;
        height: 100px;
        margin: 0 auto;
        background: url(../img/icon-weare-a.png) center top no-repeat;
    }
    .why-are-we .row .col-xl-4 h3.title-b::before {
        display: inline-block;
        content: "";
        width: 100%;
        height: 100px;
        margin: 0 auto;
        background: url(../img/icon-weare-b.png) center top no-repeat;
    }
    .why-are-we .row .col-xl-4 h3.title-c::before {
        display: inline-block;
        content: "";
        width: 100%;
        height: 100px;
        margin: 0 auto;
        background: url(../img/icon-weare-c.png) center top no-repeat;
    }
    .why-are-we .row .col-xl-4 > h3{
        line-height: 34px;
        text-align: center;
    }
    .why-are-we .row .col-xl-4 > p{
        text-align: justify;
        padding: 0 0 40px 0;
        font-weight: 400;
        font-size: 15px;
    }
    .device .container > h1{
        letter-spacing: 0;
        padding: 275px 0 50px 0;
    }
    .columns-device {
        margin-top: -80px;
    }
    .parall .container .row .col-xl-4 > p{
        text-align: justify;
        font-size: 15px;
        font-weight: 400;
    }
    .add-device > h1{
        letter-spacing: 0;
    }
    .accent .container > h1{
        letter-spacing: 0;
        padding: 0 0 40px 0;
    }
    .accent .row .col-xl-4 p{
        font-weight: 400;
        padding: 0 0 40px 0;
    }
    .container-fluid.youtube .container{
        padding: 0;
    }
    .electrobox{
        text-align: center;
    }
    .more-for-mobile{
        display: none;
    }
    #btn-viewbox, .view-device{
        display: block !important;
    }

    .youtube{
        height: 225px;
        background: #fff;
    }
    .video-box{
        width: 100%;
        top: 15px;
        box-shadow: none;
    }
    .news .container > h1{
        letter-spacing: 0;
    }
    .contact {
        padding: 80px 0 100px 0;
    }
    .contact .container .row .col-xl-6 > ul{
        padding: 60px 0 45px 0;
    }
    .contact .container .row .col-xl-6 > ul li{
        height: 100px;
    }
    .contact .container .row .col-xl-6 > ul li:nth-child(3){
        margin: 0;
    }
    .contact .container .row .col-xl-6 > h3{
        letter-spacing: 0;
    }
    .contact .container .row .col-xl-6 form input{
        width: 100%;
        height: 50px;
    }
    .contact .container .row .col-xl-6 form textarea{
        width: 100%;
    }
    .contact .container .row .col-xl-6 form {
        margin: 30px 0 0 0;
    }
    .copyright p{
        font-size: 14px;
    }
    .mb-3{
        font-size: 32px;
        line-height: 28px;
        margin: 0;
        padding: 0;
    }
    .fancybox-container p{
        font-size: 13px;
    }
    .device {
        background: url("../img/device-hru-hru.jpg") no-repeat fixed 0 0 / cover rgba(0, 0, 0, 0);
    }
}