.section-box-header {
  padding-top:20px;
  padding-bottom: 20px;

}
.logo-wr {
  a {

    img {
      max-height: 36px;
    }
  }
}
.menu-header {
  padding-left: 0 !important;
  padding-right: 0 !important;
  ul {
    li {
      float: left;
      line-height: 36px;
      margin-left: 32px;
      &:first-child {
        margin-left: 0;
      }
      a {

        font-size: 12px;
        text-transform: uppercase;
        color: $main-color;
        position: relative;
        text-decoration: none !important;
      }
      &.active {
        a {
          &:before {
            width: 100%;
            height: 1px;
            padding: 0 2px;
            box-sizing: content-box;
            position: absolute;
            bottom: 0;
            left: -2px;
            content: '';
            background: $violet-color !important;

          }
        }
      }
      &:hover {
        a {
          &:before {
            width: 100%;
            height: 1px;
            padding: 0 2px;
            box-sizing: content-box;
            position: absolute;
            bottom: 0;
            left: -2px;
            content: '';
            background: $main-color;

          }
        }
      }
    }
  }
}