.header_user_info {
  float: left; }
  .header_user_info a {
    color: white;
    font-weight: bold;
    display: block;
    padding: 8px 9px 11px 8px;
    cursor: pointer; }
    @media (max-width: 479px) {
      .header_user_info a {
        font-size: 11px; } }
    .header_user_info a:hover, .header_user_info a.active {
      background: #f7bc1d;
      border-color: #f7bc1d;
      color: #fff; }
  .header_user_info + .header_user_info {
    border-right: none; }

.user_info {
  display: inline-block;
  margin: 0;
  padding: 0 15px; }
  @media (max-width: 991px) {
    .user_info {
      display: block; } }
  .user_info li {
    display: inline-block; }
    .user_info li a {
      border-radius: 5px;
      border: 1px solid #e4d9c3;
      color: #836b66;
      display: block;
      font: italic 16px/18px Georgia, serif;
      padding: 9px 22px 11px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .user_info li a:hover, .user_info li a.active {
        background: #f7bc1d;
        border-color: #f7bc1d;
        color: #fff; }
      @media (max-width: 479px) {
        .user_info li a {
          margin-bottom: 10px; } }
  .user_info li + li {
    margin-left: 1px; }