.menu-1 {
     padding:0px;
     margin:0px;
     display: flex;
}

.menu-1 li {
     margin:0px 0px;
     display:inline;
     list-style:none;
     position:relative;
}
.menu-1 li a {
     display:block;
     text-decoration:none;
     text-transform:capitalize;
     font-size:16px;
     color: #333;
     text-align: center;
     padding-right: 15px;
     margin-left: 15px;
     border-right: 1px solid #777777;
}
.menu-1 li:last-child a {
     padding-right: 0px;
     margin-left: 15px;
     border-right: none;
}
.menu-1 li a:hover, .menu-1 .highlight {
     text-decoration: underline;
     color: #487324;
}
.menu-1 li ul {
     height:auto;
     position:absolute;
     top:100%;
     left:0px;
     z-index:10;
     display:none;
     margin:0px;
     padding:0px;
     width:10vw;
}
.menu-1 li ul li a {
     display:block;
     padding:15px 10px;
     text-decoration:none;
     color:#fff;
     background:#487324;
     border:none;
     line-height:normal;
     text-transform:none;
     font-size:13px;
     text-align:left;
     font-weight:400;
}
.menu-1 li ul li a:hover {
     color:#fff;
     border:none;
     background:#000;
}
.menu-1 li li {
     display:block;
     float:none;
}
.menu-1 li:hover > ul {
     display:block;
}
.menu-1 li ul ul {
     left:90%;
     top:0px;
}





.menu-2 {
     padding:0px;
     margin:0px;
     display: flex;
 }
 
 .menu-2 li {
     margin:0px 0px;
     display:inline;
     list-style:none;
     position:relative;
 }
 .menu-2 li a {
     display:block;
     text-decoration:none;
     text-transform:uppercase;
     font-size:16px;
     color: white;
     text-align: center;
     padding: 0px 10px;
 }

 .menu-2 li a:hover, .menu-2 .highlight {
     color : yellow;
 }
 .menu-2 li ul {
     height:auto;
     position:absolute;
     top:100%;
     left:0px;
     z-index:10;
     display:none;
     margin:0px;
     padding:0px;
     width:10vw;
 }
 .menu-2 li ul li a {
     display:block;
     padding:15px 10px;
     text-decoration:none;
     color:#fff;
     background:#487324;
     border:none;
     line-height:normal;
     text-transform:none;
     font-size:13px;
     text-align:left;
     font-weight:400;
 }
 .menu-2 li ul li a:hover {
     color:#fff;
     border:none;
     background:#000;
 }
 .menu-2 li li {
     display:block;
     float:none;
 }
 .menu-2 li:hover > ul {
     display:block;
 }
 .menu-2 li ul ul {
     left:90%;
     top:0px;
 }

 @media (max-width: 740px) {
     .menu-2 li a {
          font-size:13px;
          padding: 0px 5px;
      }
 }