@media (max-width: 1100px) {
    #top .container
    {
        justify-content: space-between;
        padding: 0 15px;
    }

    #menu_out
    {
        margin: 0 5px;
        flex-grow: unset;
    }

    #a_menu_mobile
    {
        margin-left: 20px;
        margin-right: 5px;
        position: relative;
        z-index: 4000;
    }

    #menu_shadow
    {
        transition: background .3s;
    }

    #menu_shadow.show
    {
        background: rgba(0,0,0,.4);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2900;
    }

    #menu_block
    {
        display: flex;
        position: fixed;
        flex-direction: column;
        align-items: flex-start;
        box-sizing: border-box;
        padding-top: 50px;
        top: 0;
        left: -280px;
        bottom: 0;
        background: #0f0716;
        margin: 0;
        padding: 50px 0px 20px 0px;
        z-index: 3000;
        width: 280px;
        transition: left .5s;
        box-sizing: border-box;
    }

    #menu_block a.menu_link
    {
        font-size: 1.2em;
        white-space: normal;
        padding: 12px 20px;
        margin: 4px 0;
    }

    #menu_block.show
    {
        left: 0;
        margin-left: 0;
        margin-right: 0;
    }

    #get_app
    {
        font-size: 14px;
    }

    #menu
    {
        flex-grow: 0;
        justify-content: center;
    }

    #menu a
    {
        font-size: 16px;
        padding: 12px 20px;
        margin: 5px 0;
    }

    #menu nav .menu
    {
        width: 100%;
    }

    #menu nav .submenu
    {
        display: block;
        position: static;
    }

    #menu nav .submenu a
    {
        text-align: center;
        margin: 0;
    }

    #header #menu_shadow.show #jezyki
    {
        display: block;
        width: 100%;
        text-align: center;
    }

    #header #menu_shadow.show #jezyki .social
    {
        margin-bottom: 20px;
    }

    #header #menu_shadow.show #jezyki .social a,
    #header #menu_shadow.show #jezyki #language a
    {
        margin: 0 8px;
    }

    #hamburger
    {
        margin-top: 5px;
        display: block;
        width: 30px;
        height: 30px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #hamburger span
    {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: #f9f0c9;
        border-radius: 2px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    header.fixed #hamburger span
    {
        background: #fff;
    }

    #hamburger span:nth-child(1)
    {
        top: 0px;
    }

    #hamburger span:nth-child(2)
    {
        top: 10px;
    }

    #hamburger span:nth-child(3)
    {
        top: 20px;
    }

    #hamburger.open span:nth-child(1)
    {
        top: 12px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #hamburger.open span:nth-child(2)
    {
        opacity: 0;
        left: -40px;
    }

    #hamburger.open span:nth-child(3)
    {
        top: 12px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}