.header_user_info {

  float: right; }

  @media (max-width: 767px) {

    .header_user_info {

      padding-right: 15px; } }

  @media (max-width: 479px) {

    .header_user_info {

      width: 50%; } }

  .header_user_info a {

    color: white;

    font-weight: bold;

    display: block;

    padding: 15px 9px 15px 8px;

    line-height: 18px;

    cursor: pointer;

    background: #a1a194; }

    @media (max-width: 479px) {

      .header_user_info a {

        font-size: 11px; } }

    .header_user_info a:hover, .header_user_info a.active {

      background: #ff0000;/*-----------------------------------------------------------------------------*/ }

    .header_user_info a.login {

      padding: 11px 16px 12px 16px;

      background: white; }

      .header_user_info a.login:hover, .header_user_info a.login.active {

        background: #ff0000;/*-----------------------------------------------------------------------------*/ }

      .header_user_info a.login i {

        text-align: center;

        display: block; }

        .header_user_info a.login i:before {

          color: #31353d;

          /* text color */

          font-family: "FontAwesome";

          font-size: 25px; }

    .header_user_info a.account {

      border-right: 1px solid #8C8C82; }

      @media (max-width: 479px) {

        .header_user_info a.account {

          border-right: none; } }

  .header_user_info + .header_user_info {

    border-right: none; }

    @media (max-width: 479px) {

      .header_user_info + .header_user_info {

        padding-left: 15px; } }



.user_info {

  text-align: right;

  margin: 20px 0 0 0; }

  .user_info li {

    display: inline-block;

    padding-right: 15px; }

    .user_info li a {

      text-decoration: none; }

      .user_info li a:hover {

        text-decoration: underline; }