.avtoled-menu-group {
  display: flex;
  position: relative;
}

.avtoled-menu-group > a {
  align-items: center;
  display: flex;
}

.avtoled-menu-children {
  background: #071b2a;
  border: 1px solid #294153;
  box-shadow: 0 14px 35px rgba(1, 10, 18, .28);
  display: none;
  left: 0;
  min-width: 220px;
  position: absolute;
  top: 100%;
  z-index: 1000;
}

.avtoled-menu-children a {
  display: block;
  padding: 14px 18px;
  white-space: nowrap;
}

.avtoled-menu-group:hover .avtoled-menu-children,
.avtoled-menu-group:focus-within .avtoled-menu-children {
  display: block;
}

@media (max-width: 767px) {
  .avtoled-menu-group {
    display: block;
  }

  .avtoled-menu-children {
    border: 0;
    border-left: 2px solid #486579;
    box-shadow: none;
    display: block;
    margin-left: 12px;
    min-width: 0;
    position: static;
  }

  .avtoled-menu-group > a,
  .avtoled-menu-children a {
    display: block;
    padding: 14px 0;
  }

  .avtoled-menu-children a {
    padding-left: 14px;
  }
}