nav .menu{
 background: rgba(44, 62, 80, 0.99);
}
nav .menu a{
 display: block;
 text-decoration: none;
 padding: 10px 15px;
 color: #1d0b00;
 border: 1px solid #1d2531;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 text-transform:capitalize;
 font-weight:bold;

 
}


nav .menu li{
 position: relative;
}
nav .menu li ul{
 display: block;
 background: rgba(0, 0, 0, 0.6);
 max-height: 0;
 overflow: hidden;
}
nav{
  max-height:50px;
 overflow: hidden;
}
.menu-btn{
 background: #232d3b;
 text-align: left;
 cursor: s-resize;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px; 
 color:#1d0b00;
 text-transform:capitalize;
 font-weight:bold;

}
.menu-btn img{
 vertical-align: middle;
 height: 50px;
}
.menu-open,
.menu .open > ul{
 max-height: 2000px;
}
.menu .open > .more img{
 transform: rotate(-90deg);
}
.more img{
 height: 43px;
}
.more{
 background: rgba(0, 0, 0, 0.38);
 float: right;
 cursor: move; display:block;
}

@media all and (min-width: 767px){
nav{
 max-height: 100%;
 overflow: visible;
}
.menu-btn{
 display: none;
}

nav .menu a{ 
 background: #232d3b;
}
nav .menu a:hover{
color:#c5400d;
}
nav .menu > li{
 float:left;
 margin: 0 0px;
 position:relative;

}
/*nav .menu > li:before{
 background:#5B9C66;
 position:absolute;
 width:1px; 
 height:100%;
 left:0;
 top:0px;
 content:"";
}
nav .menu > li:after{
 background:#0C4F1A;
 position:absolute;
 width:1px; 
 height:100%;
 left:-1px;
 top:0px;
 content:"";
}
nav .menu > li:first-child:before, nav .menu > li:first-child:after{display:none;}*/



nav .menu li ul{
 left: -9999px;
 position:absolute;
 overflow: visible;
 z-index:90;
}
nav .menu > li > ul ul{
 top: 0;
}
nav .menu li:hover > ul{
 left:100%; 
}
nav .menu > li:hover > ul{
 left: 0;
}
nav .menu .open > ul{
 left:100%; 
}
nav .menu > li.open > ul{
 left: 0;
}

.more{
 display:none;
}

nav .menu a{background:none; border:none;}

nav .menu ul{
	background:#4E4E4E !important;
	min-width:170px;
	max-height:inherit !important;
	}
nav .menu ul ul{
	background:#4E4E4E !important;
	min-width:170px;
	max-height:inherit !important;
	}	
	
nav .menu li li a	{font-size:14px; color:#fff; padding:8px 10px; text-transform:capitalize}
nav .menu li li a:hover{background:#333; color:#fff;}

nav .menu > li{position:relative;}

	
}
