.menu-list{
  position: relative;
  z-index: 9;
}
.menu-list-ol{
  position: absolute;
  background-color: rgba(0,0,0,0.5);
  list-style: none;
  line-height: 30px;
  width: 110px;
  padding: 6px 0 6px 22px;
  border-radius: 3px;
  display: none;              
}       
.menu-list-ol li{
  margin: 0!important;
}     
.menu-list:hover .menu-list-ol{
  display: block;
 
}  
.menu-list-ol:hover{
   background-color: rgba(0,0,0,1);
}
.mobile-menu{
  text-align: right;
  padding-right: 36px;
  padding-top: 18px;
  display:none;
}
.mobile-menu a{
  border:solid 1px #fff;   
  border-radius: 100%;
  margin:0 3px;
  padding: 2px;
}
.mobile-menu img{
  width:20px;
  padding:1px 2px 5px 2px;
}
.mobile-menu-active{
  background: #8c8c8c;
  border:solid 1px #8c8c8c!important; 
}
@media (max-width: 576px){
  .mobile-menu{      
    display:block;
  }
}