/**
 * Проще вскрыть на попе вены,
 * чем разобраться в чужом коде
 */

nav {
  width: 100%;
  background-color: #D4DEE8;
  margin: 0 auto;
}

.menu {
  width: 978px;
  margin: 0 auto;
  padding: 0;
}

.menu li {
  display: inline-block;
  width: 139px;
  text-align: center;
  text-transform: uppercase;
}

.menu li#item-18, .menu li#item-19, .menu li#item-20 {
  display: none;
}

.menu li.active-menu {
  background-color: #446588;
  text-decoration: none;
}

.menu li a {
  text-decoration: underline;
  font-family: 'LiberationSansBold';
  font-size: 0.9em;
  line-height: 54px;
  color: #446588;
}

.menu li a:hover {
  color: #ff3366;
}

.menu li.active-menu a {
  color: #fff;
  text-decoration: none;
}

@media (max-width: 480px) {
  .menu {
    width: 100%;
  }

  nav#main-menu {
    margin: 0;
    width: 70%;

    position: absolute;
    left: 0;
    top: 51px;
    z-index: 100;

    margin-left: -70%;

    background-color: transparent;
    transition: margin 0.5s linear;

    /* box-shadow: 0px 0px 70px 15px grey; */
  }

  nav#main-menu.show {
    margin: 0;
  }

  .menu li {
    display: block;
    margin: 0;

    text-align: left;
    border-bottom: 1px solid #446588;
    list-style: none;
    background-position: 6% center;
    background-repeat: no-repeat;
    background-color: #D4DEE8;
    width: 100%;
  }

  .menu li:first-child {
    line-height: 50px;
  }

  .menu li:nth-child(n+9) {
    text-transform: none;
  }

  .menu li#item-18, .menu li#item-19, .menu li#item-20 {
    display: block;
  }

  .menu li#item-4 {
    background-image: url("../images/m.zakaz.svg");
    background-size: 10%;
  }

  .menu li#item-5 {
    background-image: url("../images/m.price.svg");
  }

  .menu li#item-6 {
    background-image: url("../images/m.delivery.svg");
    background-size: 9%;
  }

  .menu li#item-7 {
    background-image: url("../images/m.help.svg");
    background-size: 6%;
  }

  .menu li#item-8 {
    background-image: url("../images/m.company.svg");
  }

  .menu li#item-9 {
    background-image: url("../images/m.contact.svg");
  }

  .menu li#item-10 {
    background-image: url("../images/m.review.svg");
  }

  .menu li#item-5, .menu li#item-8, .menu li#item-9, .menu li#item-10 {
    background-size: 8%;
  }

    .menu li a {
      font-family: 'LiberationSansRegular';
      line-height: 40px;
      text-decoration: none;
      width: 80%;
      padding-left: 20%;
      display: block;
    }

  #delmenu {
    width: 17px !important;
  }
}