.header-menu {
  position: relative;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  @media only screen and (max-width: 992px) {
    .header-menu {
      height: auto;
      display: block; } }
  .header-menu__item {
    position: relative;
    display: block;
    padding-right: 30px;
    transition: all .3s ease; }
    @media only screen and (max-width: 1320px) {
      .header-menu__item {
        padding-right: calc( (100vw - 768px)/(1320 - 768) * (30 - 10) + 10px); } }
    @media only screen and (max-width: 992px) {
      .header-menu__item {
        border-bottom: 1px solid #242424;
        padding: 0 20px; }
        .header-menu__item:hover {
          background: #222; }
        .header-menu__item.active {
          background: #222; } }
    .header-menu__item a {
      display: inline-block;
      font: 400 14px/50px "Arial", sans-serif;
      color: #ffffff;
      white-space: nowrap;
      transition: all .3s ease;
      position: relative; }
      .header-menu__item a:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background-color: transparent;
        transition: all .3s ease; }
        @media only screen and (max-width: 992px) {
          .header-menu__item a:before {
            display: none; } }
      .header-menu__item a:hover {
        color: #072e63; }
        .header-menu__item a:hover:before {
          background-color: #072e63; }
      @media only screen and (max-width: 1320px) {
        .header-menu__item a {
          font-size: calc( (100vw - 768px)/(1320 - 768) * (14 - 11) + 11px); } }
      @media only screen and (max-width: 992px) {
        .header-menu__item a {
          font: 400 14px/1 "Arial", sans-serif;
          line-height: 42px;
          border-bottom: 0 none;
          display: block; }
          .header-menu__item a:hover {
            color: #ffffff;
            border-bottom: 0 none; } }
    .header-menu__item.active a {
      color: #072e63;
      cursor: default; }
      .header-menu__item.active a:before {
        background-color: #072e63; }
      @media only screen and (max-width: 992px) {
        .header-menu__item.active a {
          color: #a7abb4; }
          .header-menu__item.active a:before {
            background-color: transparent; } }