/*---------------------------*/
    
.sub-menu{
    background-clip: padding-box;
    background-color: #FFFFFF;
    opacity: 1.0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 0 0 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: inherit;
    float: left;
    left: -1px;
    list-style: none outside none;
    margin: -1px 0 0;
    min-width: 140px;
    padding: 10px 18px;
    position: absolute;
    top: 100%;
    z-index: 1000;
    padding:0.5;
    margin: 0;
}
.sub-menu li 
{
    border-bottom-width:medium;
    list-style-type: none;
    display:list-item;
}
.sub-menu li a {
    text-decoration: none;
    color: #000;
    background: #0000;
    padding: 5px;
    display:inherit;
     width: 100%;
     
}
.sub-menu {
    display:none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
}
 
                    
@media (min-width:768px) and (max-width:2000px)
{
li:hover  ul.sub-menu {
    display:block;
}
 .nav-collapse li:hover  {background:#00DEF5
               
            }
             .sub-menu li:hover {background:#00DEF5
             
             }
}

@media (max-width:768px)
{
                         li:hover .open{z-index:1000;}.open >.sub-menu{display:block;}
                         .nav-collapse .sub-menu{position:static;top:auto;left:auto;float:none;display:none;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
                         .nav-collapse .open>.sub-menu{display:block;} 
                         .nav-collapse .sub-menu:before,.nav-collapse .sub-menu:after{display:none;}
                         .nav-collapse .sub-menu .divider{display:none;} 
                         .nav-collapse .nav>li>.sub-menu:before,.nav-collapse .nav>li>.sub-menu:after{display:none;} 
                         .nav-collapse li:hover  {background:#00DEF5}
                         .nav-collapse li:hover  {background:white}
                         .sub-menu li:hover {background:#00DEF5;}
                         
                            li:hover  ul.sub-menu {
    display:block;
   
}
                         
}