/* *********************************************************
	Main Portfolio Sections Styles 
********************************************************* */

.filters .filter{
	list-style: none;
	display: inline-block;
	padding: 12px 24px;
	margin: -2px;
	text-transform: uppercase;
	color: #A3A3A3;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
}

.filters .filter:hover{
	color: #7C7C7C;
}

.cl-portfolio-item { 
	overflow: hidden; 
	position: relative;
	height: 280px;
	margin: 20px 0;
}

.cl-portfolio-item img{ 
	width: 100%; 
}

@media (max-width: 465px) {
	.filters .filter{
		list-style: none;
		display: inline-block;
		text-align: center;		
		width:40%;
		padding: 12px 24px;
		margin: -2px;
		text-transform: uppercase;
		color: #A3A3A3;
		cursor: pointer;
		-webkit-font-smoothing: antialiased;
	}
}

@media (min-width: 466px) and (max-width: 767px) {
	.filters .filter{
		list-style: none;
		display: inline-block;
		width: 30%;
		padding: 12px 28px;
		text-align: center;		
		margin: -2px;
		text-transform: uppercase;
		color: #A3A3A3;
		cursor: pointer;
		-webkit-font-smoothing: antialiased;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.filters .filter{
		list-style: none;
		display: inline-block;
		padding: 12px 12px;
		text-align: center;
		margin: -2px;
		text-transform: uppercase;
		color: #A3A3A3;
		cursor: pointer;
		-webkit-font-smoothing: antialiased;
	}
}