.navigation-bar > .element > .nav > .children > .list-item:hover {
    color: #4999EF !important;
}

.sf.nav.horizontal-hamburger-left-v2 .nav-hamburger:before {
    font-size: 25px;
}


.nav-hamburger {
    float: right !important;
}

@media (max-width: 817px) { 

    .sf.nav.horizontal-hamburger-left-v2 .nav-item a {
        display: flex !important;
        justify-content: center !important;
    }
    
    .horizontal-hamburger-left-v2 > .children {
       top: 40px;
        position: absolute;
        left: 0;
        bottom: 10px;
        right: 0;
        background: white;
        color: black;
        border-radius: 5px;
        transition: color 0.3s ease;
        padding: 5px;
    }
    
    .sf.nav.horizontal-hamburger-left-v2 .children.open {
        justify-content: center;
        flex-direction: column;
        display: flex;
        align-items: center;
    }
    
    .horizontal-hamburger-left-v2 > .children > .list-item {
        font-size: 16px;
    }
}