.menu-style[data-style="3"] .level-1 {
  flex-direction: row;
  display:flex;
}
.menu-style[data-style="3"] .level-1 > li {
  flex-grow: 1;
}
.menu-style[data-style="3"] .level-1 > li > a,   .menu-style[data-style="3"] .level-1 > li > .no-link {
  font-size:18px;
  font-weight: 300;
  text-transform: uppercase;
  display:block;
  margin-bottom:10px;
}
.menu-style[data-style="3"] .level-2 > li:before {
  color: #cfd2d4;
  float: left;
  content:'\2022';
  margin-left:-18px;
}
.menu-style[data-style="3"] .level-2 > li {
  width:100%;
  padding-left:18px;
  margin-bottom:5px;
}
.menu-style[data-style="3"] .level-2 > li.component-item:before {
  content:'';
}
.menu-style[data-style="3"] .level-2 > li.component-item {
  padding-left:0px;
  margin-top:20px;
}
.menu-style[data-style="3"] li > a,   .menu-style[data-style="3"] .no-link {
  color: #cfd2d4;
}
@media (max-width:1200px) {
  .menu-style[data-style="3"] .level-2 > li {
    width:100%!important;
  }
}
@media (max-width:992px) {
  .menu-style[data-style="3"] {
    padding-bottom:20px;
  }
  .menu-style[data-style="3"] .level-1 > li {
    position: relative;
    border-bottom:1px solid #e5e5e5;
    margin-right:20px;
  }
  .menu-style[data-style="3"] .level-1 > li:before {
    color: #cfd2d4;
    font-size:25px;
    font-weight: normal;
    position: absolute;
    right:10px;
    top:16px;
    line-height:14px;
    content:'\e61a';
    font-family:'Themify';
  }
  .menu-style[data-style="3"] .level-1 > li > .no-link {
    display:block;
    padding:10px 0px;
    margin-bottom:0px;
  }
  .menu-style[data-style="3"] .level-1 > li.vis-show:before {
    content:'\e622';
  }
  .menu-style[data-style="3"] .level-2 {
    padding-bottom:20px;
  }
}
@media (max-width:768px) {
  .menu-style[data-style="3"] .level-1 {
    flex-direction: column;
  }
  .menu-style[data-style="3"] .level-1 > li {
    margin-right:0px;
  }
}