nav .menu{
 background: none;
 float:right;
}
nav .menu a{
 display: block;
 text-decoration: none;
 padding: 12px 20px;
 color: #fff;
 border: 1px solid #1C4D78;
 font-family: 'robotomedium';
 font-size:15px;
 text-transform:uppercase;

 
}
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: #1C4D78;
 text-align: left;
 cursor: s-resize;
 font-family: 'robotomedium';
 font-size:15px; 
 color:#fff;
 text-transform:uppercase;
 border-radius:0px 0px 3px 3px;

}
.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: 768px){
nav{
 max-height: 100%;
 overflow: visible;
}
.menu-btn{
 display: none;
}

nav .menu a{ 
 background: #232d3b;
}
nav .menu a:hover{
color:#fff;
background:#2A68B1;
}
nav .menu > li{
 float:left;
 margin: 0 0px;
}
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:#2A68B1 !important;
	min-width:170px;
	max-height:inherit !important;
	}
nav .menu ul ul{
	background:#2A68B1 !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:#2D87CA; color:#fff;}

nav .menu > li{position:relative;}

nav .menu > li:after {
    background: #59A0D4;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}
nav .menu > li:before {
    background: #113F71;
    content: "";
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    width: 1px;
}

nav .menu > li:first-child:after, nav .menu > li:first-child:before {
    background: none;
}


	
}