#mainnav{
  margin:0 -30px;
}

#mainnav ul{
  display:table;
  width:100%;
  height:80px;
  padding:0;
}



#mainnav a{
  color:#69543d;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  font-size:12px;
  font-weight:700;
}

#mainnav a:hover{
  text-decoration:none;
}

@media all and (min-width: 868px){
    
#mainnav a{
    font-size:13px;  
}

}

#mainnav li{
  display:table-cell;
  vertical-align: middle;
  text-align:center;
 
}

.leaf{
  width:12%;
}

.leaf.first:hover > ul{
  margin-left:20px !important;
}

.leaf.last:hover > ul{
  margin-left:-110px !important;
}



#mainnav li ul{
   position:absolute;
  margin-left: -3000px;
  padding:0;
  width:200px;
   display:none;
   z-index:999;
  
  
}


  

#mainnav li li{
  display: block;
  float:none;
  text-align:left;
  padding:0;
  margin:0;
  
}

#mainnav .tip{
  height:9px;
  width:200px;
  padding:0;
  background-color: transparent !important;
}


#mainnav .tip img{
  display:block;
}

#mainnav li li a{
  display: block;
  color:#fff;
  padding:10px;
  text-transform: none;
  background-color:#2275b4;
}


#mainnav li li a:hover{
  background: #4998d4;
}

  
#mainnav li:hover>ul{
  display:block;
  margin-left:auto;
}