.mainWrap
{
width:100%;
z-index:2222;
text-align:right;
}

nav
{
display:block;
margin-top: 0px;
}

.menu
{
display:block;
}

.menu li
{
display: inline-block;
position: relative;
z-index:100;
}

.menu li:first-child
{
margin-left:0;
}

.menu li a 
{
font-weight:400;
text-decoration:none;
padding:10px;
color:#555;
display:block;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a
{
color:#ffffff;
background:#008aa8;
text-decoration:none;
}

.menu ul 
{
display: none;
margin: 0;
padding: 0;
width: 230px;
position: absolute;
top: 41px;
left: 0px;
background: #fff;
}

.menu ul li 
{
display:block;
float: none;
background:none;
margin:0;
padding:0;
text-align:left;
}

.menu ul li a 
{
font-size:100%;
font-weight:normal;
display:block;
color:#fff;
border-left:0px solid #555;
padding:8px;
background:#008aa8;
}

.menu ul li a:hover, .menu ul li:hover > a
{
background:#fe9225;
border-left:3px solid #fe9225;
color:#fff;
}

.menu li:hover > ul
{ 
display: block;
}

.menu ul ul 
{
left: 149px;
top: 0px;
}

.mobile-menu
{
display:none;
width:100%;
padding:11px 0;
background:#fff;
color:#008aa8;
text-transform:uppercase;
font-weight:600;
}

.mobile-menu:hover
{
background:#fff;
color:#fe9225;
text-decoration:none;
}

@media (min-width:769px) and (max-width:960px)
{

.mainWrap
{
width:auto;
padding:0px 0px;
}

.menu
{
display:none;
background-color:#fff;
}

.mobile-menu
{
display:block;
font-size:120%;
}

nav
{
margin:0;
background:none;
}

.menu li
{
display:block;
margin:0;
}

.menu li a 
{
background:#008aa8;
color:#fff;
font-weight:600;
border-top:1px solid #e0e0e0;
border-left:0px solid #ffffff;
text-align:right;
}

.menu li a:hover, .menu li:hover > a
{
background:#fe9225;
color:#fff;
border-left:3px solid #fe9225;
}

.menu ul 
{
display:block;
position:relative;
top:0;
left:0;
width:100%;
}

.menu ul ul 
{
left:0;
}

}

@media screen and (max-width:768px)
{
.mainWrap2
{
width:100%;
padding:0;
}

.menu2
{
display:none;
background-color:#008aa8;
}

.mobile-menu2
{
display:block;
font-size:120%;
color:#fff;
background-color:#008aa8;
}

nav
{
margin:1% 0 0 0;
width:200%;
}

.menu2 li
{
display:block;
margin:0;
border-top:1px solid #e0e0e0;
padding:2% 1%;
}

.menu2 li a 
{
background:#008aa8;
color:#fff;
font-weight:600;
font-size:90%;
border-left:0px solid #ffffff;
}

.menu2 li a:hover, .menu2 li:hover > a
{
background:#fe9225;
color:#fff;
text-decoration:none;
}

.menu2 ul 
{
display:block;
position:relative;
top:0;
left:0;
width:100%;
padding:1%;
}

.menu2 ul ul 
{
left:0;
}	

	
}