#navigation{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1500;
}
#navigation .navigation-horizontal-center{
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}
#navigation .navigation-horizontal-center .navigation-vertical-center{
    display: table-cell;
    vertical-align: middle;
}
#navigation .dropdown-menu{
    transform: none !important;
    top: 60px !important;
    left: auto !important;
    right: 0 !important;
    padding: 0;
    margin: 0;
    border: solid 1px #eee;
    border-radius: 3px 0 3px 3px;
}
#navigation .dropdown-menu a{
    padding: 15px;
}
#navigation .dropdown-menu .dropdown-divider{
    margin: 0;
}
#navigation .navigation-home{
    position: absolute;
    left: 0;
    top: 0;
    height: 110px;
    width: 110px;
    background: #343a40;
    padding: 25px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border-radius: 0 0 3px 0;
    text-align: center;
}
#navigation .navigation-home:hover{
    background: #1d2124;
}
#navigation .navigation-home img{
    height: 100%;
}
#navigation .navigation-locale{
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
}
#navigation .navigation-locale>a{
    padding: 0 15px;
    text-decoration: none;
    color: #343a40;
    background: #fff;
    transition: all 0.3s ease-in-out;
    border-radius: 0    ;
    height: 60px;
    line-height: 60px;
    display: block;
    min-width: 60px;
    text-align: center;
}
#navigation .navigation-locale>a:hover{
    background: #fff;
    color: #1d2124;
}
#navigation .navigation-locale .dropdown-toggle::after{
    display: none;
}
#navigation .navigation-locale .dropdown-menu{
    width: 60px;
    overflow: hidden;
    min-width: 0;
}
#navigation .navigation-logout{
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    text-decoration: none;
    color: #fff;
    background: #343a40;
    transition: all 0.3s ease-in-out;
    width: 60px;
    line-height: 60px;
    text-align: center;
}
#navigation .navigation-logout:hover{
    background: #23272b;
    color: #fff;
}
#navigation .navigation-account{
    position: absolute;
    right: 60px;
    top: 0;
    height: 60px;
}
#navigation .navigation-account>span{
    padding: 0 15px;
    text-decoration: none;
    color: #fff;
    background: #69c2e8;
    transition: all 0.3s ease-in-out;
    border-radius: 0 0 0 3px;
    height: 60px;
    line-height: 60px;
    display: block;
    min-width: 60px;
    text-align: center;
}
@media (max-width: 767px){
    #navigation{
        min-height: 60px;
        background: #69c2e8;
    }
    #navigation .navigation-home{
        height: 80px;
        width: 80px;
        padding: 15px;
        z-index: 2;
    }
    #navigation .navigation-locale .dropdown-menu,
    #navigation .dropdown-menu{
        position: fixed !important;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 1;
        padding: 15px 0 60px 0;
        text-align: center;
        overflow: auto;
    }
    #navigation .navigation-horizontal-center .navigation-vertical-center{
        padding-bottom: 60px;
    }
}