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

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

@media (min-width: 992px) {
    #clx-dropdown-navigation {
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    
    #clx-dropdown-navigation ul {
        list-style: none;
        padding: 0;
        margin: 0;   
        height: auto;
        width: auto;  
    }
    
    #clx-dropdown-navigation ul li {
        position: relative;
        display: inline-block;
    }
     
    #clx-dropdown-navigation ul li a {
        display: block; 
        padding: 10px;     
        border: 1px solid #000000;
    }
                          
    #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,
    #clx-dropdown-navigation ul li.level-1:hover > a {     
        color: #ff0000;            
    }   
    
    #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 {      
        color: #00ff00;                      
    }
    
    #clx-dropdown-navigation li.level-1 > ul {
        display: none;
        position: absolute;
        height: auto;
        left: 0;                              
        padding: 0; 
        background-color: #ffffff;    
        width: 200px;              
    }
    
    #clx-dropdown-navigation li.level-1:last-child > ul {
        /*background-color: #ff0000;*/
        right: 0;    
        left: unset;         
    }
    
    #clx-dropdown-navigation li.level-1 > ul li {
        display: block;
        background: rgba(0,0,0,0.6);
        border-bottom: 1px solid #808080;
    }
    
    #clx-dropdown-navigation li.level-1:hover > ul,
    #clx-dropdown-navigation li.level-1:focus > ul {
        display: block;
    }
    
    #clx-dropdown-navigation li.level-2 > ul {
        display: none;
        position: absolute;
        height: auto;
        top: 0;   
        background-color: #ffffff;
        padding: 0;    
        left: 200px;    
        width: 200px;                          
    }
    
    #clx-dropdown-navigation li.level-1:last-child > ul li.level-2 > ul {
        background-color: #ff0000; 
        right: 200px;   
        left: unset;         
    }
    
    #clx-dropdown-navigation li.level-2 > ul li {
        display: block;
    }
    
    #clx-dropdown-navigation li.level-2:hover > ul,
    #clx-dropdown-navigation li.level-2:focus > ul {
        display: block;
    }
    
    #clx-dropdown-navigation ul li.level-2 li a:hover,
    #clx-dropdown-navigation ul li.level-2 li a:focus,
    #clx-dropdown-navigation ul li.level-2 li a:active,
    #clx-dropdown-navigation ul li.level-2 li a.active,
    #clx-dropdown-navigation ul li.level-2 li a.starter_active,
    #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,
    #clx-dropdown-navigation ul li.level-3 li a:hover,
    #clx-dropdown-navigation ul li.level-3 li a:focus,
    #clx-dropdown-navigation ul li.level-3 li a:active,
    #clx-dropdown-navigation ul li.level-3 li a.active,
    #clx-dropdown-navigation ul li.level-3 li a.starter_active {
         color: #0000ff;                    
    }
    
    /*ss4u changes*/
    #clx-dropdown-navigation ul li a {
        font-size: 15px;
        font-weight: 400;
        padding: 30px 8px;
        border: none;
        color: #000;
        text-transform: uppercase;
    }
    #clx-dropdown-navigation ul li.level-1:hover,
    #clx-dropdown-navigation ul li.level-2:hover,
    #clx-dropdown-navigation ul li.level-3:hover {
        background: #F19001;
    }
    #clx-dropdown-navigation ul li:hover a {
        color: #fff !important;
        text-decoration: none;
    }
    #clx-dropdown-navigation li.level-1 > ul {
        background: none;
    }
    #clx-dropdown-navigation ul li .menu li a {
        padding: 10px 20px;
        text-align: left;
    }
    
}

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