.wrapper {
  .make-row();

  margin-top: 10px;
  margin-bottom: -10px;
}

.header-logo {
  
  
  
  .make-xs-column(6);
  .make-sm-column(6);
  .make-md-column(4);
  .make-lg-column(4);

  a, a:hover, a:focus {
    border: 0 !important;
  }

  h2 {
    position: absolute;
    top: 58px;
    left: 176px;
    width: 160px;

    opacity: 0.5;

    line-height: 17px;

    font-size: 14px;

    margin: 10px 0;
  }
}


.header-content {

    @media (min-width: 0) {
      display: none;
    }

  @media (min-width: 1000px) {
      display: inline-block;
    }


  .make-md-column(4);
  .make-lg-column(4);

}


.header-contacts {

  .make-xs-column(6);
  .make-md-column(4);
  .make-lg-column(4);
  
  @media (min-width: 0px) {
    display: none;
  }

  @media (min-width: 530px) {
    display: block;
  }

  height: 128px;

  text-align: right;

  margin-top: -4px;

  ul {
    margin-right: -5px;
    margin-bottom: 0;

    font-size: 15px;
  }

  p {
    margin: 0;
  }

  .city {
    margin-top: 5px;
  }
}

.consultation {
  h5 {
    opacity: 0.5;

    margin-bottom: 3px;
    margin-top: 0;
  }

  h3 {
    margin-top: 0;
    margin-bottom: 2px;
  }

  button {
    margin-bottom: 5px;
    margin-right: -5px;
  }
}


.logo {
    height: 100px;
}



.header-menu-font {
    font-family: @font-family-monospace;
}



.header-menu {
    font-size: 16px;

    li {
        margin-top: 1px;
        

        font-weight: 400;
        vertical-align: top;
        white-space: nowrap;
        
        // width: 13.9%;
        @media (min-width: 0) {
          width: auto;
        }

        @media (min-width: @screen-md-min) {
          margin-right: 10px;
        }
  
        @media (min-width: 1200px) {
          width: 150px;
          margin: 0;
          
        }

        

        // @media (min-width: @screen-lg-min) {
        //   margin-right: 50px;
        // }

        a, a:hover, a:active, a:focus {
          text-decoration: underline;
          border-bottom: 0;
        }
    }

    

    li.active {
      font-weight: 700;
      a {
        color: #000000;
        
        text-decoration: none;
      }
    }
}

.header-menu-description {
  

  @media (min-width: 0) {
      display: none;
    }

  @media (min-width: 1200px) {
      display: block;
    }

    li {
      vertical-align: top;
      font-size: 12px;
      width: 150px;

    }
}