#block-system-main-menu {
  ul {
    padding: 0;
    li {
      float: left;
      list-style: none;
      @media only screen and (max-width: 890px) {
        width: 29%;
        &.first {
          width: 80px;
          a {
            padding: 27px 20px 27px 20px;
          }
        }
      }
      a {
        background: #7C67A5;
        border: 1px solid #FFF;
        border-left: none;
        color: #FFFFFF;
        display: block;
        font-weight: bold;
        padding: 10px 20px 8px 20px;
        text-align: center;
        text-decoration: none;
        &.active,
        &:hover {
          background-color: #433F48;
        }
      }
      &.first a{
        border-left: 1px solid #FFF;
      }
    }
  }
}