#level_1 {
 list-style:none; 
}
#level_1 li {
 float:left;
 display:block;
 z-index:999;
 margin:0 0!important;
 position:relative
}
#level_1 li:last-child { 
}
#level_1 li a {
 font-family:Montserrat,sans-serif;
 position:relative;
 display:block;
 text-decoration:none;
 zoom:1;
 padding:12px 25px;
 text-transform:capitalize;
 font-size:14px;
 -webkit-transition:all .4s ease-out;
 -moz-transition:all .4s ease-out;
 -ms-transition:all .4s ease-out;
 -o-transition:all .4s ease-out;
 transition:all .4s ease-out;
 font-weight:500;
 color:#333 !important;
}
#level_1 li a.has-nav span:after {
 content:"\f0d7    ";
 font:normal normal normal 16px/1 FontAwesome;
 color:#241f61;
 margin-left:10px
}
 
#level_1 li a.active,
#level_1 li a:hover {
 color:#007e7d!important
}
#level_1 #level_2 {
 position:absolute;
 z-index:99;
 visibility:hidden;
 opacity:0;
 background:#fff;
 top:70px;
 padding-top:15px!important;
 padding-bottom:15px!important;
 border-radius:15px;
 -webkit-transition:all .4s ease-out;
 -moz-transition:all .4s ease-out;
 -ms-transition:all .4s ease-out;
 -o-transition:all .4s ease-out;
 transition:all .4s ease-out;
 -webkit-transform:rotateX(-75deg);
 -moz-transform:rotateX(-75deg);
 -ms-transform:rotateX(-75deg);
 -o-transform:rotateX(-75deg);
 transform:rotateX(-75deg);
 -webkit-transition:all .8s cubic-bezier(.68,0,.265,1);
 -webkit-transition:all .8s cubic-bezier(.68,-.55,.265,1.55);
 -moz-transition:all .8s cubic-bezier(.68,-.55,.265,1.55);
 -o-transition:all .8s cubic-bezier(.68,-.55,.265,1.55);
 transition:all .8s cubic-bezier(.68,-.55,.265,1.55);
 -webkit-box-shadow:0 0 32px 2px rgba(0,0,0,.06)!important;
 box-shadow:0 0 32px 2px rgba(0,0,0,.06)!important;
 -webkit-transform-origin:0 0 0;
 transform-origin:0 0 0
}
#level_1 #level_2 li {
 width:280px;
 float:none;
 text-align:left;
 position:relative
}
#level_1 #level_2 a {
 color:#777 !important;
 text-transform:capitalize;
 padding:15px 15px
}
#level_1 #level_2 li:last-child {
 border:0!important
}
#level_1 #level_2 li a:hover {
 color:#fff!important;
 background:#007e7d
}
#level_1 #level_2 #level_3 {
 position:absolute;
 opacity:0;
 visibility:hidden;
 background:#fff;
 top:-2px;
 left:95%;
 -webkit-transition:all .4s ease-out;
 -moz-transition:all .4s ease-out;
 -ms-transition:all .4s ease-out;
 -o-transition:all .4s ease-out;
 transition:all .4s ease-out
}
#level_1 #level_2 #level_3 li {
 width:280px;
 position:relative
}
#level_1 #level_2 #level_3 a {
 border-bottom:1px #ddd solid!important
}
#level_1 #level_2 #level_3 li:last-child a {
 border:none!important
}
#level_1 li:hover #level_2 {
 visibility:visible;
 opacity:1;
 transform:rotateX(0);
 -o-transform:rotateX(0);
 -ms-transform:rotateX(0);
 -moz-transform:rotateX(0);
 -webkit-transform:rotateX(0)
}
#level_1 li:hover #level_2::after {
 content:'';
 border-right:30px solid transparent;
 border-bottom:25px solid #fff;
 position:absolute;
 left:10%;
 top:-10px
}
#level_1 #level_2 li:hover #level_3 {
 left:100%;
 opacity:1;
 visibility:visible
}
@media only screen and (min-width:320px) and (max-width:767px) {
 #level_1 {
  display:none
 }
}
@media only screen and (min-width:768px) and (max-width:991px) {
 #level_1 {
  display:none
 }
 #level_1 li a {
  padding:10px 10px
 }
}
@media only screen and (min-width:992px) and (max-width:1169px) {
 #level_1 li a {
  text-transform:capitalize; 
    padding: 10px 15px;
 }
}
