.nav {
  // background-color: @transparent-light;
  display: block;

  &__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 38px;
    padding: 0 100px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #fff;
    max-width: 1340px;

    @media screen and (max-width: 896px) {
      width: 100% !important;
      padding: 10px 15px 10px 15px;
      height: auto;     
    }
    @media screen and (max-width: 850px) {
      width: 100% !important;
      padding: 10px 15px 10px 15px;
      height: auto;      
    }
    @media only screen and (min-device-width: 320px) and (max-device-width: 896px)
    {
      width: 100% !important;
      padding: 10px 15px 10px 15px;
      height: auto; 
      font-size: 1.1rem;
    } 

    p{
      margin: 0;
      @media screen and (max-width: 896px) {
        font-size: 1rem;
      }
    }


  }
  .headLogo{
    width: 250px;
    padding-left: 15px;
  }

  &__btn {
    background-color: @transparent-light;
    color: @nav-icon-inverted;

    .no-touch &:hover {
      background-color: @transparent-light;
      color: @nav-icon-inverted-hover;
      .transition(background-color @duration ease-in, color @duration ease-in;);
    }
  }
}
.pagelevelprogress__nav-btn{
  width: 146px;
  // border: 1.5px solid #fff;
  border-radius: 0px;
  margin-left: auto;
  margin-top: 0px;
  position: relative; 
}