.nav-outer{
  position: relative;
}
.nav-list{
  padding-right: 3.2rem;
}
.nav-list ul{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: -0.8rem !important;
}
.nav-list li{
  margin: 0 0.8rem 0.8rem 0;
}
.nav-list ul li:last-child{
  margin-bottom: 0.8rem !important;
}
.nav-list a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.8rem 1.6rem;
  min-width: 15rem;
  border-radius: 3rem;
}
.nav-list li.active a,
.nav-list li:hover a{
  background: #5EDC86;
}
.nav-search{
  width: 30rem;
  margin-left: auto;
}
@media(min-width:1360px) and (max-width:1403.98px){
  .nav-list {
    padding-right: 2rem;
  }
  .nav-list a {
    min-width: 13rem;
  }
  .nav-search {
    width: 26rem;
  }
}
@media(min-width:1200px) and (max-width:1359.98px){
  .nav-list {
    padding-right: 1.6rem;
  }
  .nav-list a {
    padding: 0.8rem 1.2rem;
    min-width: 12rem;
  }
  .nav-search {
    width: 25rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .nav-list {
    padding-right: 2.4rem;
  }
  .nav-list a {
    min-width: 13rem;
  }
  .nav-search {
    width: 26rem;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .nav-outer{
    display: block;
  }
  .nav-list {
    padding-right: 0;
  }
  .nav-list a {
    padding: 0.8rem 1.2rem;
    min-width: 10.7rem;
    font-size: 1.4rem;
  }
  .nav-search {
    width: 100%;
    margin-top: 1.6rem;
  }
}
@media(max-width:767.98px){
  .nav-outer{
    display: block;
  }
  .nav-list {
    padding-right: 0;
    width: calc(100% + 1.5rem);
  }
  .nav-list li {
    margin: 0;
  }
  .nav-list ul li:last-child {
    margin-bottom: 0 !important;
  }
  .nav-list a {
    padding: 0.6rem 2rem;
    min-width: initial;
  }
  .nav-search {
    width: 100%;
    margin-top: 2.4rem;
  }
}