@import url('https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css');
.lang-menu {
    justify-content: space-between;
    width: 100px;
    text-align: right;
    font-weight: bold;
    margin-top: 25px;
    position: relative;
    z-index: 1;
}

    .lang-menu .selected-lang {
        display: flex;
        justify-content: space-between;
        line-height: 2;
        cursor: pointer;
    }

        .lang-menu .selected-lang:before {
            content: '';
            display: inline-block;
            width: 32px;
            height: 32px;
            background-size: contain;
            background-repeat: no-repeat;
        }

    .lang-menu ul {
        margin: -10px;
        padding: 0;
        display: none;
        background-color: #fff;
        border: 1px solid #f8f8f8;
        position: absolute;
        top: 45px;
        right: -20px;
        width: 125px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
    }


        .lang-menu ul li {
            list-style: none;
            text-align: left;
            display: flex;
            justify-content: space-between;
        }

            .lang-menu ul li a {
                width: 125px;
                padding: 5px 10px;
                display: block;
            }

            .lang-menu ul li:hover {
                background-color: #f2f2f2;
            }

            .lang-menu ul li a:before {
                content: '';
                display: inline-block;
                width: 18px;
                height: 25px;
                vertical-align: middle;
                margin-right: 10px;
                background-size: contain;
                background-repeat: no-repeat;
            }

.lang-menu:hover ul {
    display: block;
}
@media only screen and (max-width: 1665px) {
    .lang-menu ul {
        top:40px;
    }
}