.menu nav {
  height: 60px;
  background: #21b08f;
  padding: 0;
  margin: 0;
    position: relative;
    z-index: 999;
    width: 70%;
}

.menu nav ul {
  margin: 0;
  list-style: none;
  background: #21b08f;
}

.menu nav ul li { line-height: 60px;  transition: 0.5s ease;
    -webkit- transition: 0.5s ease;
    -moz- transition: 0.5s ease; }

.menu nav a {
  color: white;
  text-decoration: none;
    transition: 0.5s ease;
    -webkit- transition: 0.5s ease;
    -moz- transition: 0.5s ease;
}
@media screen and (min-width: 1025px) {

.menu nav > a { display: none; }

.menu nav * {
  padding: 0;
  margin: 0;
}

.menu nav > ul { display: flex; }

.menu nav > ul > li {
  font-weight: 600;
  cursor: pointer;
  line-height: 60px;
  text-align: left;
  position: relative;
    font-size: 14px;
    text-transform: uppercase;
     transition: 0.5s ease;
    -webkit- transition: 0.5s ease;
    -moz- transition: 0.5s ease;

}
.menu nav > ul > li:after{
    content: '';
    position: absolute;
    top: 25px;
    width: 1px;
    height: 10px;
    background: #ffffff5e;
}
.menu nav > ul > li:first-child:after{
   display: none;
}
.menu nav > ul > li > a{
   /* border-right: 1px solid #72ccb7;*/
    padding: 0 24px;
    display: block;
}
    .menu nav > ul > li > a.nb{
         border-right: none;
    }  
.menu nav > ul > li:before{
    content: '';
    position: absolute;
    width: 10%;
    height: 4px;
    background: #333;
    display: none;
     transition: 0.5s ease;
    -webkit- transition: 0.5s ease;
    -moz- transition: 0.5s ease;
}

.menu nav > ul > li:hover:before{
        display: block;
      width: 100%;
}
.menu nav > ul > li:hover {  }
    

    

.menu nav > ul > :first-child {  }

.menu nav > ul > li ul li {
  padding: 10px 20px;
    position: relative;
  cursor: pointer;
     line-height: normal;
     transition: 0.5s ease;
        -webkit- transition: 0.5s ease;
        -moz- transition: 0.5s ease;
}

.menu nav > ul > li ul li:hover { background: #21b08f }
.menu nav > ul > li ul li:hover a{ color: #fff }
.menu nav ul > li ul {
  position: absolute;
  width: 230px;
  display: none;
   background: #bcfff0 
}
    .menu nav ul > li ul > li a{
       color: #333333;
        text-transform: none;
        font-weight: 400;
        text-align: left;
         line-height: 20px;
        font-family: 'Arimo', sans-serif;
    }
.menu nav ul > li > ul > li > ul{
  position: absolute;
  width: 230px;
  display: none;
    left: 230px;
    top: 0;
    
}
  .menu nav ul > li ul > li ul > li a{
       color: #333333!important;
        text-transform: none;
        font-weight: 400;
        text-align: left;
         line-height: 22px;
       display: block;
    }
    .menu nav > ul > li > ul li > ul li:hover a{ color: #fff!important; }
.menu nav ul > li > ul > li > ul,  nav ul > li > ul >{

  margin-left: 200px;
  margin-top: -40px;
}

.menu  nav ul > li:hover > ul { display: block; }
}
@media screen and (max-width: 1025px) {

.menu  nav > ul li {
  font-weight: 700;
  border-bottom: 1px solid #1ac19b;
}

.menu  nav * > li > a {
  border: 1px slid #00baff;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 20px;
}

.menu  nav li a:focus { background: #00baff; }

.menu  nav * li:last-child { border-bottom: 0; }

nav > a {
  margin-top: 5px;
  margin-left: 5px;
  display: inline-block;
  color: white;
}

.menu  nav > ul { display: none; }

.menu  nav ul > li > ul,  nav ul > li > ul > li > ul > li > ul,  nav ul > li > ul > li > ul { display: none; }
}