.menu,
.menu ul,
.menu li,
.menu a {
margin: 0;
padding: 0;
border: none; } .menu {   }
.menu li {
position: relative;
list-style: none;
float: right;
display: inline;
height: 40px;
}
.menu .sub-menu li {
float: none;
} .menu li a {
color: #d2ebf8;
display: block; font-family: 'Almarai', sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 28px;
margin: 6px 0;
padding: 0 10px;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
transition: color 0.2s ease-in-out 0s;
}
.menu li:first-child a { border-right: none; }
.menu li:last-child a{ border-left: none; }
.menu > li.current-menu-item > a, .menu li:hover > a {
color: #d3b564;
} .menu ul {
position: absolute;
top: 37px;
right: 0;
z-index:10000;
opacity: 0;
background: #03092b;
-webkit-border-radius: 0 0px 5px 5px ;
-moz-border-radius: 0 0px 5px 5px ;
border-radius: 0 5px 5px 5px;
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s;
}
.menu li:hover > ul { opacity: 1; }
.menu ul li {
height: 0;
overflow: hidden;
padding: 0;
-webkit-transition: height .25s ease .1s;
-moz-transition: height .25s ease .1s;
-o-transition: height .25s ease .1s;
-ms-transition: height .25s ease .1s;
transition: height .25s ease .1s;
}
.menu li:hover > ul li {
height: 36px;
overflow: visible;
padding: 0;
}
.menu ul li a {
min-width: 150px;
padding: 4px 20px 4px 20px;
margin: 0;
border: none;
border-bottom: 1px solid #353539;
white-space: nowrap;
}
.menu ul li:last-child a { border: none; } .menu a.documents { background: url(//darelashaa.com/wp-content/themes/new_darelashaa_themes/css/file:///C|/Users/Public/Documents/css97%20drop%20down%20menu/img/docs.png) no-repeat 6px center; }
.menu a.messages { background: url(//darelashaa.com/wp-content/themes/new_darelashaa_themes/css/file:///C|/Users/Public/Documents/css97%20drop%20down%20menu/img/bubble.png) no-repeat 6px center; }
.menu a.signout { background: url(//darelashaa.com/wp-content/themes/new_darelashaa_themes/css/file:///C|/Users/Public/Documents/css97%20drop%20down%20menu/img/arrow.png) no-repeat 6px center; }
@media (min-width: 768px) and (max-width: 991px) {
#menu {
clear: both;
margin: 0;
}
}
@media (max-width: 767px) {
.menu li {
display: block;
float: none;
height: 40px;
} #menu.lg-mobile {
background-color: #03092b;
right: 0;
position: fixed;
top: 0;
transform: translateX(100%);
width: 65%;
z-index: 10000000;
overflow: hidden;
height: 100vh;
transition: transform 0.3s ease;
}    
.lg-mobile .menu {
width: auto;
}
.menu ul li a {
width: 100% !important;
}
.menu ul {
position: static;
width: 100%;
}    
.menu li {
height : auto;
}
}