.header_userinfo_mobile { float: left; text-align: left; }
.header_userinfo_mobile .top-userinfo { display: inline-block; position: relative; }
.header_userinfo_mobile .top-userinfo:hover .top-links { color: #92c234; }
.header_userinfo_mobile .top-userinfo .top-links { font-weight: normal; padding: 0px 10px; line-height: 1; color: #777777; text-shadow: none; cursor: pointer; font-size: 12px; }
.header_userinfo_mobile .top-userinfo .top-links:after { content: "\f107"; font-family: "FontAwesome"; font-size: 14px; line-height: 1; vertical-align: middle; padding-left: 7px; }
.header_userinfo_mobile .top-userinfo ul { display: none; position: absolute; padding: 0; top: 34px; left: 0; min-width: 150px; background: white; -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); z-index: 2; }
.header_userinfo_mobile .top-userinfo ul li { color: #777777; line-height: 30px; font-size: 12px; }
.header_userinfo_mobile .top-userinfo ul li a, .header_userinfo_mobile .top-userinfo ul li > span { padding: 0 15px; display: block; color: #777777; }
.header_userinfo_mobile .top-userinfo ul li.selected, .header_userinfo_mobile .top-userinfo ul li:hover a { color: #92c234; }
@media (max-width: 479px) { .header_userinfo_mobile { float: none; display: inline-block !important; }
  .header_userinfo_mobile .top-userinfo .top-links { line-height: 35px; } }

.header_userinfo #header_links li { float: left; border-left: 1px solid #777777; }
.header_userinfo #header_links li:first-child { border-left: 0; }
.header_userinfo #header_links li:first-child a { padding-left: 0; }
.header_userinfo #header_links li a { color: #777777; text-transform: capitalize; text-decoration: none; font-size: 12px; padding: 0 10px; }
.header_userinfo #header_links li a:hover { color: #92c234; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }