.x-menu-item {
  font-size: 0.7rem;
  padding: 1rem;
  transition: box-shadow 0.2s ease-in;
}
.x-menu-item:hover {
  box-shadow: inset 0px -4px 0px 0px var(--brand1);
}
.ldn-mobile-head {
  box-shadow: inset 0px -4px 0px 0px var(--brand1);
}
.x-menu-children ul li ul {
  position: relative;
  display: flex;
  left: 0;
  flex-wrap: wrap;
  flex-direction: unset;
  background: rgba(0, 0, 0, 0.1);
}
@media (max-width: 1024px) {
  .x-menu-item {
    padding: 0.5rem 1rem;
  }
}