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

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

@media (min-width: 992px) {
    #clx-dropdown-navigation {
        display: inline-block;
        height: 100%;
    }
    
    #clx-dropdown-navigation ul {
        list-style: none;
        padding: 0;
        margin: 0;   
        height: 100%;
        width: auto;  
    }
    
    #clx-dropdown-navigation ul li {
        position: relative;
        display: inline-block;
        height: 100%;
    }
     
    #clx-dropdown-navigation ul li a {
        display: block;   
        height: 100%;
        color: rgba(29,29,29,1);
        line-height: 1.3em;  
    }
    
    #clx-dropdown-navigation ul li.level-1 > a {
        line-height: 74px;  
        font-family: 'DINNextSlabPro-MediumIt';
        text-transform: uppercase;
        border-bottom: 5px solid rgba(227,6,19,0);
        margin-right: 30px;
        padding: 30px 0 ;   
    }
                          
    #clx-dropdown-navigation ul li: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,
    #clx-dropdown-navigation ul li.level-1:hover > a {     
        color: rgba(227,6,19,1);        
        border-bottom: 5px solid rgba(227,6,19,1);
        text-decoration: none;    
    }   
    
   /* #clx-dropdown-navigation ul li.level-1 li a:hover,
    #clx-dropdown-navigation ul li.level-1 li a:focus,
    #clx-dropdown-navigation ul li.level-1 li a:active,
    #clx-dropdown-navigation ul li.level-1 li a.active,
    #clx-dropdown-navigation ul li.level-1 li a.starter_active,*/
    #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,
    #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(227,6,19,1);      
        text-decoration: none;                
    }
    
    #clx-dropdown-navigation li.level-1 > ul {
        display: none;
        position: absolute;
        height: auto;
        left: 0;     
        margin-top: -5px;                         
        padding: 0; 
        background-color: #ffffff;    
        width: calc(100% - 30px);      
        z-index: 999;         
        padding: 5px 0px 15px 0; 
        -webkit-box-shadow: 0px 0px 5px 0px rgba(29,29,29,0.1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(29,29,29,0.1);
        box-shadow: 0px 0px 5px 0px rgba(29,29,29,0.1);
        min-width: 197px;
        border-top: 5px solid rgba(227,6,19,1);
    }
    
    #clx-dropdown-navigation li.level-1 > ul li {
        display: block;
        font-family: 'Roboto';
        font-size: 0.85em;
        padding: 0px 15px;
    }
    
    #clx-dropdown-navigation li.level-2 > ul {
        padding-bottom: 10px;
    }
    
    #clx-dropdown-navigation ul li.level-2 > a {
        border-bottom: 2px solid rgba(248,248,248,1);
        padding: 10px 0px;
    }
    
    #clx-dropdown-navigation li.level-1:hover > ul,
    #clx-dropdown-navigation li.level-1:focus > ul {
        display: block;
    }
    
    #clx-dropdown-navigation ul li.level-3 {
        padding: 0px 0px !important;
    }
    
    #clx-dropdown-navigation ul li.level-3 > a {
        padding: 10px 0px 0 20px;
    }
}

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