.top-nav-bar {
	margin-bottom: 20px;
	font-size: 13px;
	text-align:center;
}
.top-nav-bar>ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.top-nav-bar>ul>li {
	display:inline-block;
	width: 7%;
	vertical-align: top
}
.top-nav-bar>ul>li .nav-img, .top-nav-bar>ul>li .nav-title {
	text-align: center
}
.top-nav-bar>ul>li .lbl {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	line-height: 50px;
	color: #fff;
	border-radius: 18px;
	font-size: 16px
}
.top-nav-bar>ul>li .lbl.blue {
	background-color: #d8d7eb
}
.top-nav-bar>ul>li .lbl.green {
	background-color: #37c49c
}
.top-nav-bar>ul>li img {
	width: 50px;
	height: 50px
}
.top-nav-bar>ul>li a {
	cursor: pointer
}
.top-nav-bar>ul>li a:hover {
	text-decoration: none
}
.top-nav-bar>ul>li .alpha-filter {
	font-size: 20px;
	height: 100%
}
.top-nav-bar>ul>li .alpha-filter ul {
	padding: 0
}
.top-nav-bar>ul>li .alpha-filter ul li {
	display: none
}
.top-nav-bar>ul>li .alpha-filter ul li.show {
	display: block
}
.top-nav-bar>ul>li .alpha-filter ul li a {
	color: #fff
}
#click-find .inbox {
	display: table;
	padding-top: 4px
}
#click-find .inbox .fa {
	display: table-cell;
	padding-left: 5px
}
@media (min-width: 768px) and (max-width: 991px) {
.top-nav-bar .nav-title>a {
	font-size: 12px
}
}
@media (min-width: 640px) and (max-width: 767px) {
.top-nav-bar ul li {
	display: inline-block;
	width: 24%;
	margin-bottom: 13px
}
}
@media (min-width: 320px) and (max-width: 639px) {
.top-nav-bar ul li {
	display: inline-block;
	margin-bottom: 13px;
	width: 32%
}
}