.header_user_info {
  float: right;
  border-left: 1px solid #cdcbcc;
  border-right: 1px solid #cdcbcc;
}
.header_user_info a {
  color: #3f383c;
  font: 300 11px/18px "Ubuntu", sans-serif;
  display: block;
  padding: 8px 12px 8px 11px;
  cursor: pointer;
}
@media (max-width: 479px) {
  .header_user_info a {
    font-size: 11px;
  }
}
.header_user_info a:hover, .header_user_info a.active {
  background: #e2e1e2;
}

.header_user_info.header_user_account {
  border-left: 0;
}

@media only screen and (max-width: 767px) {
  .header_user_info {
    width: 25%;
    min-height: 48px;
    border-right: 1px solid #cdcbcc;
  }

  .header_user_info a {
    text-align: center;
    font-size: 12px;
    color: #3f383c;
    padding: 15px 0 15px 0;
    line-height: 22px;
  }

  .header_user_info.header_user_account {
    width: inherit;
    text-align: left;
    padding-bottom: 10px;
    border: none;
    position: absolute;
    right: 0;
    top: 60px;
    width: auto;
  }

  .header_user_info.header_user_account a {
    background: none;
    display: inline-block;
  }

  .header_user_info.header_user_account a:hover {
    background: none;
    color: #3e383c;
  }

  .header_user_info.header_user_account a span {
    display: block;
    text-align: left;
    color: #fff;
  }

  .header_user_info a:hover {
    background: #e2e1e2;
  }

  .header_user_info a.account {
    margin-left: 0px;
    padding: 0;
    min-width: inherit;
    text-align: center;
  }
}