#clx-dropdown-navigation {
    display: none;
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
    #clx-dropdown-navigation {
        display: flex;
        height: 100%;
        justify-content: flex-end;
        align-items: center;
    }

    #clx-dropdown-navigation .open-submenu {
        display:  none !important;
    }
    
    #clx-dropdown-navigation ul {
        list-style: none;
        padding: 0;
        margin: 0;   
        flex-direction: row;
        display: flex;
        height: 100%;
    }
    
    #clx-dropdown-navigation ul li {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 15px;     
        text-align: left;
    }
     
    #clx-dropdown-navigation ul li a {
        padding: 0 7.5px 0 0;
        text-transform: uppercase;
        font-size: 0.9em;
        color: rgba(42,42,50);
        font-weight: 500;
        text-decoration: none;
        background-image: linear-gradient( #ffffff 60%, rgba(1, 105, 170, 0.25) 40%);
        transition: background 0.4s ease;
        background-size: 0% 100%;
        background-repeat: no-repeat;
        background-position: 7.5px 0;
    }

    #clx-dropdown-navigation ul li a.menu_node:after {
        content: "\f107";
        color: #000000;
        font-family: 'FontAwesome';
        font-size: 1.25em;
        padding-left: 7.5px;
        display: inline-block;
    }

    
                          
    #clx-dropdown-navigation ul li.level-1:focus > a,
    #clx-dropdown-navigation ul li.level-1:active > a,
    #clx-dropdown-navigation ul li.level-1.active > a,
    #clx-dropdown-navigation ul li.level-1.starter_active > a {     
        color: rgba(1, 105, 170, 1);      

    }  

    #clx-dropdown-navigation ul li.level-1:hover > a {     
        color: rgba(1, 105, 170, 1);
        background-size: 100% 100%;  
    }    


    #clx-dropdown-navigation ul li.level-2,
    #clx-dropdown-navigation ul li.level-3 {
        position: relative;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0;
        background-color: #ffffff;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(42,42,50,0.25);
        -moz-box-shadow: 0px 0px 5px 0px rgba(42,42,50,0.25);
        box-shadow: 0px 0px 5px 0px rgba(42,42,50,0.25);
    }

    #clx-dropdown-navigation ul li.level-2:first-child,
    #clx-dropdown-navigation ul li.level-3:first-child {
        border-top-left-radius: 7.5px;
        border-top-right-radius: 7.5px;
        padding-top: 10px;
    } 

    #clx-dropdown-navigation ul li.level-2:last-child,
    #clx-dropdown-navigation ul li.level-3:last-child {
        border-bottom-left-radius: 7.5px;
        border-bottom-right-radius: 7.5px;
        padding-bottom: 10px;
    } 
        
    #clx-dropdown-navigation ul li.level-2 a.menu_node:after {
        content: "\f105";
        position: absolute;
        right: 15px;
    }

    #clx-dropdown-navigation ul li.hide-children a.menu_node:after,
    #clx-dropdown-navigation ul li.level-3 a.menu_node:after {
        display: none;
    }

    #clx-dropdown-navigation ul li.level-2 > a {      
        color: #555A64;        
        padding: 5px 15px;  
        width: 100%;       
        background-color: #ffffff;  
        z-index: 999;
    }

    #clx-dropdown-navigation ul li.level-2:hover > a,
    #clx-dropdown-navigation ul li.level-2:focus > a,
    #clx-dropdown-navigation ul li.level-2:active > a,
    #clx-dropdown-navigation ul li.level-2.active > a,
    #clx-dropdown-navigation ul li.level-2.starter_active > a {      
        color: rgba(1, 105, 170, 1);    
        background: none;         
        background-color: #ffffff;           
    }
    
    #clx-dropdown-navigation li.level-1 > ul {
        display: none;
        position: absolute;
        height: auto;
        left: 0;                              
        padding: 15px 0 0 0; 
        width: 150px;  
        top: 100%;           
        margin-top: 0px;    
        flex-direction: column;
    }

    #clx-dropdown-navigation li.level-1 > ul:after {
        content: "\f0d8";
        position: absolute;
        color: #ffffff;
        top: 3px;
        left: 30px;
        font-size: 30px !important;
        line-height: 15px;
        font-family: "FontAwesome";
        text-shadow: 0px -2.5px 2.5px rgba(42,42,50,0.125);
    }
    
    #clx-dropdown-navigation li.level-1:last-child > ul {
        right: 0;    
        left: unset;         
    }

    #clx-dropdown-navigation li.level-1:hover > ul,
    #clx-dropdown-navigation li.level-1:focus > ul {
        display: flex;
    }
    
    #clx-dropdown-navigation li.level-2 > ul {
        display: none;
        position: absolute;
        height: auto;                         
        padding: 0 0 0 15px;  
        min-width: 165px;  
        width: auto;  
        top: -10px;         
        flex-direction: column;   
        left: 150px;                   
    }

    #clx-dropdown-navigation li.level-2 > ul:after {
        content: "\f0d9";
        position: absolute;
        color: #ffffff;
        top: 30px;
        left: 6px;
        font-size: 30px !important;
        line-height: 15px;
        font-family: "FontAwesome";
        text-shadow: -2.5px 0px 2.5px rgba(42,42,50,0.125);
    }
    
    #clx-dropdown-navigation li.level-1:last-child > ul li.level-2 > ul {
        right: 150px;   
        left: unset;         
    }
    
    #clx-dropdown-navigation li.level-2:hover > ul,
    #clx-dropdown-navigation li.level-2:focus > ul {
        display: flex;
    }

    #clx-dropdown-navigation li.hide-children:hover > ul,
    #clx-dropdown-navigation li.hide-children:focus > ul {
        display: none !important;
    }

    

    #clx-dropdown-navigation ul li.level-3 > a {      
        color: #555A64;        
        padding: 5px 15px;   
        font-weight: 300;  
        z-index: 999;
        background-color: #ffffff;      
        width: 100%;       
    }

    #clx-dropdown-navigation ul li.level-3:hover > a,
    #clx-dropdown-navigation ul li.level-3:focus > a,
    #clx-dropdown-navigation ul li.level-3:active > a,
    #clx-dropdown-navigation ul li.level-3.active > a,
    #clx-dropdown-navigation ul li.level-3.starter_active > a {      
        color: rgba(1, 105, 170, 1);    
        background: none;    
        background-color: #ffffff;                
    }
}

@media (min-width: 1200px) {
     #clx-dropdown-navigation {
        justify-content: center;
    }
}