.vnt-menu {
  border: 1px solid rgba(0,0,0,.1);
}
.vnt-menu .vnt-menu__title {
  font-size: 16px;
  line-height: 24px;
  background: #e4312c;
  color: #fff;
  text-transform: uppercase;
  padding: 8px 20px;
  font-weight: bold;
}
.vnt-menu__title span {
  display: block;
  position: relative;
  padding-right: 15px;

}
.vnt-menu__title span::after {
  content: "\f0c9";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right:0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.vnt-menu__list {

}
.vnt-menu__list ul {
  list-style: none;
}

.vnt-menu__list li {
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.vnt-menu__list li:last-child {
  border-bottom: 0;
}
.vnt-menu__list li  a {
  display: block;
  padding: 9px 25px;
  padding-left: 20px;
 
  border-left: solid 3px  #e4312c;
  position: relative; 
}
 
.vnt-menu__list li.active a , .vnt-menu__list li  a:hover {
  color: #e4312c;   
}



@media all and (max-width: 991px) {


  .vnt-menu{
      position: relative;
      z-index: 99;
      margin-bottom: 15px;
  }
  .vnt-menu .vnt-menu__title{
      display: block;
  }
  .vnt-menu .vnt-menu__list{
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      z-index: 99999;
      background: #f2f5f8;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
  }
  .vnt-menu.active .vnt-menu__list{
      opacity: 1;
      visibility: visible;
  }
  .vnt-menu ul{
      text-align: left;
  }
  .vnt-menu ul li{
      display: block;
      margin: 0;
  }
  .vnt-menu ul li a {
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      border-bottom: 1px solid rgba(0,0,0,0.1);
      border-left: 1px solid rgba(0,0,0,0.1);
      border-right: 1px solid rgba(0,0,0,0.1);
  }
  .vnt-menu ul li.current a {
    color: #e4312c;   
      background: unset !important;
  }
  .vnt-menu ul li a:hover  .bg-img, .vnt-menu ul li.current a .bg-img{
      background-position: 0 0;
  }
  .vnt-menu ul li.current a:hover,
  .vnt-menu ul li a:hover{
      color: #de050c;
      background: unset !important;
  }


  
 
}