.q5-mobile-navigation{
    display: none;
}

.q5-authorized-menu{
    position: absolute;
    right: 0;
    z-index: -1;
    display: flex;
    max-height: 0;
    top: 5.2vw;
    /*background: #f8f8f8;*/
    overflow: hidden;
    transition: max-height 0.2s ease-out;

    flex-direction: column;

    /*-webkit-box-shadow: 0px 3px 11px 1px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 3px 11px 1px rgba(0,0,0,0.19);
    box-shadow: 0px 3px 11px 1px rgba(0,0,0,0.19);*/
}


.q5-opened-menu:after {
    content: "\f0d8";
}

.q5-authorized-menu > a{
    line-height: 2.9vw;
    height: 2.9vw;
    min-width: 15vw;
    margin: 0;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    transition: border .2s ease;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
}

.menu-item--settings{
    background: url(../img/settings.png), #f8f8f8;
    background-repeat: no-repeat;
    background-size: 1.5vw;
    background-position: 88% 50%;
}

.menu-item--log-out{
    background: url(../img/log_out.png), #f8f8f8;
    background-repeat: no-repeat;
    background-size: 1.5vw;
    background-position: 88% 50%;
}

@media screen and (max-width: 960px){
    .q5-authorized-menu {
        top: 7.2vw;
    }

    .q5-authorized-menu > a {
        line-height: 3.9vw;
        height: 3.9vw;
        min-width: 22vw;
        padding-left: 2.5vw;
        padding-right: 2.5vw;
        border-bottom: 2px solid #e4e4e4;
    }    

    .menu-item--settings{
        background-size: 1.8vw;
    }

    .menu-item--log-out{
        background-size: 1.8vw;
    }
    
}

@media screen and (max-width: 780px){
    .q5-mobile-navigation{
        display: block;
    }

    .q5-authorized-menu {
        top: 8.2vw;
        width: 100%;
    }

    .q5-authorized-menu a:hover, .q5-authorized-menu a:visited, .q5-authorized-menu a:active, .q5-authorized-menu a:link {
        color: #333e5c;
        text-decoration: none;
    }

    .q5-authorized-menu a:hover{
        border-bottom: 2px solid #43c086;
    }

    .q5-authorized-menu > a {
        line-height: 7.9vw;
        height: 7.9vw;
        padding-left: 4.5vw;
        padding-right: 4.5vw;
        font-size: 2.5vw;
    }    

    .menu-item--settings {
        background-size: 3.8vw;
        background-position: 95% 50%;
    }    

    .menu-item--log-out {
        background-size: 3.8vw;
        background-position: 95% 50%;
    }        

}

@media screen and (max-width: 480px){
    .q5-authorized-menu {
        top: 14.2vw;
    }

    .q5-authorized-menu > a {
        line-height: 10.9vw;
        height: 10.9vw;
        padding-left: 5.5vw;
        padding-right: 5.5vw;
        font-size: 3.8vw;
    }

    .menu-item--settings {
        background-size: 4.8vw;
        background-position: 94% 50%;
    }    

    .menu-item--log-out {
        background-size: 4.8vw;
        background-position: 94% 50%;
    }   

}

@media screen and (max-width: 320px){
    .q5-authorized-menu {
        top: 27.2vw;
    }

    .q5-authorized-menu > a {
        line-height: 14.9vw;
        height: 14.9vw;
        font-size: 5.8vw;
    }    

    .menu-item--settings {
        background-size: 6.8vw;
        background-position: 93% 50%;
    }    

    .menu-item--log-out {
        background-size: 6.8vw;
        background-position: 93% 50%;
    }      
}