nav {
  background-color: #F22613;
  color: #fff;
}

nav ul {
  list-style-type: none;
  padding-inline-start: 0;
}

nav ul li {
  position: relative;
  white-space: nowrap;
}

nav ul li:hover {
  background-color: #13101024;
}

nav ul ul {
  display: none;
  position: absolute;
  background-color: #131010c4;
}

nav > ul {
  display: flex;
}

nav > ul > li ul {
  top: 100%;
  left: 0;
  z-index:999999999999;
}

nav > ul > li ul ul {
  top: 0;
  left: 90%;
}

nav > ul > li:hover > ul,
nav > ul > li li:hover > ul {
  display: inherit;
}

nav a {
  color: white;
  text-decoration: none;
  display: inline-block;
  padding: 1em;
}

nav a:not(:only-child) {
  padding-right: 2em;
}

nav a:not(:only-child)::after {
  content: "+";
  position: absolute;
  right: 1em;
}


@media only screen and (max-width: 768px) {
  nav ul ul {
    position:relative!important;
  }
}