@media screen and (max-width: 1199px) {
    #wr, .menu, .content, .flex-tab, #end-all {
        max-width: 960px;
    }

    .uk-container {
        max-width: 960px;
        padding-left: 0;
        padding-right: 0;
    }

    #wr {
        background-size: contain;
        height: 240px;
    }

    #wr uL {
        margin-left: 835px;
        margin-top: 62px;
    }

    .ood-1 {
        margin-top: 0;
    }

    .menu-item {
        width: 136px;
    }

    #end-all {
        padding: 0;
    }

    .content {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media (max-width: 991px) {
    #wr, .menu, .content, .flex-tab, #end-all {
        width: 720px;
    }

    .uk-container {
        max-width: 720px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 30px;
    }

    #wr {
        background-repeat: no-repeat;
    }

    #wr .header-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 131px;
    }

    .header-menu-item {
        margin-left: 25px;
        text-shadow: 1px 1px 2px #000000a8;
    }

    .mobile-menu {
        display: block;
        width: 250px;
        height: 100%;
        position: fixed;
        top: 0;
        padding-top: 20px;
        background: #438d43;
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        -o-transition: transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        left: 0;
        z-index: 99;
    }

    .menu-item-lvl2 {
        background: transparent;
        margin: 15px 0;
        height: 0;
        width: 100%;
    }

    .menu-level-1 > .menu-item .menu-link {
        padding: 0;
    }

    .mobile-menu .menu-item {
        background: transparent;
    }

    .desktop-menu {
        display: none;
    }

    #menu-burger {
        display: block
    }

    .menu {
        width: 100%;
        margin-bottom: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .close-btn {
        width: 20px;
        height: 20px;
        background: url(../img/cross-small.png) no-repeat;
        background-size: contain;
        position: absolute;
        top: 13px;
        right: -35px;
    }

    .hide {
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px);
    }

    .flex-tab {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #fff;
        margin-left: 0 !important;
    }

    ul.flex-tab {
        padding-top: 20px;
        position: absolute;
        width: 250px;
        top: 220px;
        left: 0;
    }

    .menu-item-lvl2 > a {
        color: #fff;
        text-shadow: 1px 1px 2px #000000a8;
    }

    .selected-lvl2 a {
        color: #9c1416;
        text-shadow: 1px 1px 2px #fff;
    }
}