ORIENT/themes/modern2/assets/css/components/2-layout/subheader.scss

.subheader {
  background: $text-light-black;
  .close {
    display: none;
  }
  &__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .nav {
    &__inner {
      display: flex;
      align-items: center;
      &-link {
        font-size: $h5-size;
        line-height: $h5-height;
        font-weight: 400;
        color: $text-color-white;
        margin-right: 40px;
        padding: 15px 0;
        position: relative;
        z-index: 1;
        &::before {
          position: absolute;
          bottom: 0;
          width: 0;
          height: 4px;
          background: $main-color;
          content: "";
          @include transition;
        }
        &:hover::before {
          width: 100%;
        }
        &.active::before {
          width: 100%;
        }
        .dropDown {
          position: absolute;
          top: 100%;
          left: 0;
          width: 200px;
          max-height: 0;
          overflow: auto;
          z-index: 2;
          background: $text-color-white;
          &__link {
            display: block;
            padding: 15px;
            font-size: $h5-size;
            line-height: $h5-height;
            font-weight: 400;
            color: $text-light-black;
            @include transition;
            &:hover {
              background: #f7f7f7;
            }
          }
        }
        &:hover .dropDown {
          max-height: 2000px;
        }
      }
    }
  }
  .language {
    display: flex;
    align-items: center;
    &__link {
      width: 30px;
      height: 20px;
      margin-left: 20px;
    }
  }
}