.menu-sm-container {
     align-content: center;
     justify-content: flex-end;
}

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

.menu li {
     margin: 0px 0px;
     display: inline;
     list-style: none;
     position: relative;
}

.menu li:nth-child(odd) a {
     background: #EC6223;
}
.menu li:nth-child(even) a {
     background: #F08619;
}

.menu li a {
     display: block;
     text-decoration: none;
     text-transform: capitalize;
     font-size: 16px;
     color: white;
     text-align: center;
     font-weight: 700;
     padding: 15px;
}

.menu li a:hover, .menu .highlight {
     background: #09AFE7;
     color: white;
}

.menu li ul {
     height: auto;
     position: absolute;
     top: 100%;
     left: 0px;
     z-index: 10;
     display: none;
     margin: 0px;
     padding: 0px;
     width: 10vw;
}

.menu li:nth-child(odd) ul li a {
     background: #EC6223;
}

.menu li:nth-child(even) ul li a {
     background: #F08619;
}

.menu li ul li a {
     display: block;
     padding: 15px 10px;
     text-decoration: none;
     color: #fff;
     border: none;
     line-height: normal;
     text-transform: none;
     font-size: 13px;
     text-align: left;
     font-weight: 400;
}

.menu li ul li a:hover {
     color: #fff;
     border: none;
     background: #000;
}

.menu li li {
     display: block;
     float: none;
}

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

.menu li ul ul {
     left: 90%;
     top: 0px;
}