.ym-navbar {
  border: none;
  border-radius: 0;
  line-height: 1.428571429;
  max-height: 100%;
  margin: 0;
  width: 100%;
  z-index: 10;
  background: transparent;

  .container {
    max-height: 100%;
    position: relative;
  }

  .navbar-brand {
    height: auto;
    padding: 10px;
    width: 38%;
    @media (min-width: @screen-sm-min) {
      height: 50px;
      padding: 6px 0 6px 15px;
      width: auto;
    }
    @media (min-width: @grid-float-breakpoint) {
      height: auto;
      padding: 3px 15px;
    }
    img {
    .set-transition(height 0.6s);
      height: auto;
      max-width: 100%;
      width: auto;
      @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
        max-height: 100%;
        max-width: none;
      }
      @media (min-width: @grid-float-breakpoint) {
        height: 80px;
        margin-top: 10px;
      }
    }
  }

  @media (max-width: @screen-xs-max) {
    .navbar-header > * {
      border-left: 1px solid #ddd;
      float: left;
      position: relative;
      &:first-child {
        border-left: 0;
      }
      & > div {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
      }
    }
    .ym-navbar__mobile-button {
      padding-bottom: 15.5%;
      width: 15.5%;
      a, .navbar-toggle {
        display: block;
        height: 100%;
        font-size: 7vw;
        padding: 3vw;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        .fa {
          width: 10vw;
          height: 10vw;
          &.fa-phone {
            margin-top: 2vw;
          }
        }
      }
    }
  }

  .navbar-toggle {
    @media (min-width: @screen-sm-min) {
      padding: 4px 10px;
    }
    @media (max-width: @screen-xs-max) {
      border-radius: 0;
      border: 0;
      margin: 0;
      &:focus {
        background: transparent;
      }
    }
  }

  .ym-navbar__addition {
  .set-transition(margin 0.6s);
    margin: 0;
    position: relative;
    text-align: center;
    @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
      line-height: 46px;
      margin: 0 40px -46px 120px;
    }
    @media (min-width: @grid-float-breakpoint) {
      float: right;
      margin: 0 -15px;
      text-align: right;
    }
    a {
      display: block;
      float: left;
      font-size: @font-size-h4;
      line-height: 1.428571429;
      padding: 10px 20px;
      @media (min-width: @screen-sm-min) {
        font-size: floor((@font-size-base * 0.9));
        line-height: 46px;
        padding: 0 20px;
      }
      @media (min-width: @screen-sm-original) {
        font-size: @font-size-base;
      }
      i {
        margin-right: 5px;
      }
    }
  }

  .ym-navbar__menu {
  .set-transition(all 1.5s);
    height: auto !important;
    margin: 0;
    max-height: 0%;
    padding: 0;
    @media (max-width: @grid-float-breakpoint-max) {
      clear: both;
      left: auto;
      margin: 0 -15px;
      position: relative;
      top: auto;
      width: auto !important;
    }
    @media (min-width: @grid-float-breakpoint) {
    .set-transition(all 0.6s);
      float: right;
      margin: 0 -15px;
    }
    &[aria-expanded="true"] {
      max-height: 100%;
    }
  }
  .navbar-nav {
    @media (max-width: @grid-float-breakpoint-max) {
      margin: 10px 0;
    }
    @media (min-width: @grid-float-breakpoint) {
      float: right;
    }
    li {
      padding: 0;
      position: relative;
      @media (max-width: @grid-float-breakpoint-max) {
        clear: both;
      }
      &:before {
        display: none;
      }
      &.dropdown {
        & > a:first-child {
          margin-right: 40px;
          @media (min-width: @grid-float-breakpoint) {
            margin-right: 0;
          }
        }
        & > .dropdown-toggle, & > .submenu-toggle {
          padding-left: 15px;
          padding-right: 15px;
          position: absolute;
          right: 0;
          top: 0;
          @media (min-width: @grid-float-breakpoint) {
            display: none;
          }
        }
        & > .dropdown-menu {
        .set-transition(all 0.6s);
          display: block;
          max-height: 0;
          opacity: 0;
          overflow: hidden;
          padding: 0;
          position: relative;
          min-width: 100%;
          @media (min-width: @grid-float-breakpoint) {
            position: absolute;
          }
          &.open {
            display: block !important;
            max-height: 200vh !important;
            opacity: 1 !important;
            padding: 5px 0;
            @media (min-width: @grid-float-breakpoint) {
              max-height: 90vh !important;
            }
          }
        }
      }
    }
    & > li {
      & > a {
        font-weight: 400;
        @media (max-width: @grid-float-breakpoint-max) {
          line-height: 26px;
          padding: 4px 20px;
        }
        @media (min-width: @grid-float-breakpoint) {
          line-height: 1.428571429;
          padding: 13px 20px;
        }
      }
    }

  }
}