.category-filter {
	display:inline-block;
	padding: 8px 10px 8px 10px;
	cursor:pointer;
    width: 127px;
    text-align: center;
}


.category-filter:hover {
	background-color:#002c5f;
	color:#ffffff;
}

.active-filter:hover {
	background-color:#002c5f;
	color:#ffffff;
}

.active-filter{
background-color: #002c5f;
color: #ffffff;
}


.filter-desc {
	font-weight:bold;
}

.filter {
	background-color: #a0a0a0;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	padding-left: 0px !important; 
	padding-right: 0px !important;
	flex-basis:0 !important; 
	flex:none !important; 
	margin-right:0px !important;
}

@media only screen and (max-width: 500px) {
	.category-filter {
		display:inline-block;
		padding: 8px 15px 8px 10px;
		cursor:pointer;
		width: auto;
		text-align: center;
		border-left:none;
	}

	.filter {
		flex-basis:100%;
		flex:auto !important; 
	}
}