#filters {
	margin:1%;
	padding:0;
	list-style:none;
}

	#filters li {
		float:left;
	}
	
	#filters li span {
		display: block;
		padding:5px 20px;		
		text-decoration:none;
		color:#666;
		cursor: pointer;
	}
	
	#filters li span.active {
		background: #83c541;
		color:#fff;
	}
 

 
	#portfoliolist .portfolio {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		width:45%;
		margin:1%;
		display:none;
		float:left;
		overflow:hidden;
	}

	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		background: #666;
		cursor:pointer;
	}

	.portfolio img {
		max-width:100%;
		position: relative;
	}
	
	.portfolio .label {
		position: absolute;
		width: 100%;
		height:60px;
		bottom:-60px;
		cursor:default !important;
	}

	.portfolio .label-bg {
		background: #fff;
		width: 100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		opacity:0.8;
	    filter:alpha(opacity=80);
	    -moz-opacity:0.8; 
	    -khtml-opacity:0.8;
	    -webkit-opacity:0.8;
	}
	
	.portfolio .label-text {
		color:#fff;
		position: relative;
		z-index:500;
		padding:15px 8px;
		height:100%;
		opacity:0.6;
	    filter:alpha(opacity=60);
	    -moz-opacity:0.6; 
	    -khtml-opacity:0.6;
	    -webkit-opacity:0.6;
	}
	
	.portfolio .text-title {	
		height:80px;
		font-size:12px;
	}
			
	.portfolio .text-category {
		display:block;
		font-size:10px;
		padding-top:10px;
	}



/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.container { 
		width: 95%; 
	}
	
	#portfoliolist .portfolio {
		width:48%;
		margin:1%;
	}		

	#ads {
		display:none;
	}
	
}