.tab-filter {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
	display: block;
}
.tab-filter li a {
	padding: 0px 4px;
}
.tab-filter li {
	display: inline-block;
	padding: 3px 4px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.tab-filter li.active {
	background-color: #337ab7;
	padding: 3px 8px;
}
.tab-filter li.active a {
	color: #fff;
	background-color: #337ab7;
}
.tab-filter-up {
	margin-left: 8px;
}
.tab-filter-up li.active {
	
}
@media (max-width: 1200px) and (min-width: 720px) {
	.tab-filter li a {
		padding: 0px 2px;
	}
	.tab-filter li {
		padding: 3px 2px;
	}
}
@media (max-width: 720px) {
	.tab-filter {
	}
	.tab-filter li a {
		padding: 0px 2px;
	}
	.tab-filter li, .tab-filter li.active {
		padding: 4px 6px;
		border-left: 1px solid #eee;
		border-top: 1px solid #eee;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-radius: 10px;
		margin-bottom: 5px;
	}
}