/* =============================================================================
   FILTER HEADING
   ========================================================================== */
#filter{
	background: #fff;
}
#filter_heading {
	background: #f4f4f4;
	border: 0px solid transparent;
	padding: 20px;
	cursor: pointer;
	max-height: 73px;
}
	#filter_heading:hover {
		background: #fafafa;
		border: 0px solid #ccc;
	}
	#filter_heading h4 {
		margin: 0;
		margin-top: 3px;
		float: left;
	}
#filter_icon {
	width: 30px;
	margin-right: 20px;
	float: left;
}
 #filter_arrow_icon {
	width: 30px;
	margin-right: 20px;
	margin-top: 4px;
	float: right;
}
.flipped_arrow {
    transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -khtml-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
}
/* =============================================================================
   FILTER ITEMS
   ========================================================================== */
#filter_item_wrapper {
	display: none;
	padding-bottom: 3px;
}	
.filter_item {
	display: block;
	float: left;
	margin: 10px .5%;
}	
	.filter_item p {
		padding: 5px 15px;
		margin: 0;
		border: 2px solid transparent;
	}
	.filter_item p:hover {
		border: 2px solid #333;
	}
	.active_filter {
		border: 2px solid #333 !important;
	}


/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 979px) {

}
@media screen and (max-width: 859px) {
	
}
@media screen and (max-width: 767px) {
	.filter_item {
		width: 49%;
		margin: 3px .5%;
	}
	#filter_heading {
		padding: 10px;		
		max-height: 53px;
	}
	#filter_icon {
		width: 20px;
		margin-top: 5px;
	}
	#filter_arrow_icon {
		width: 20px;
		margin-top: 5px;
	}
}
@media screen and (max-width: 640px) {

}
@media screen and (max-width: 479px) {
	#filter_arrow_icon {
		margin-right: 0px;
	}
	
}