#filters{margin:2% 40%;padding:0;list-style:none;width:100%;}
#filters li{float:left;}
#filters li span{display:block;padding:5px 20px;text-decoration:none;color:#fff;font-size:20px;cursor:pointer;}
#filters li span.active{background:#818281;color:#fff;}
#portfoliolist .portfolio{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;width:31%;margin:1.1%;display:none;float:left;overflow:hidden;}
.portfolio-wrapper{overflow:hidden;position:relative !important;background:#666;cursor:pointer;}
@media only screen and (min-width:768px) and (max-width:959px){.container{width:768px;}
}
@media only screen and (max-width:767px){.container{width:95%;}
#portfoliolist .portfolio{width:48%;margin:1%;}
#ads{display:none;}

}
@media only screen and (min-width:480px) and (max-width:767px){.container{width:70%;}
#ads{display:none;}
/*#filters{margin:2% 5%;padding:0;list-style:none;width:100%;}*/
filters{margin:2% 25%;padding:0;list-style:none;width:100%;}
}
@media only screen and (min-width:300px) and (max-width:479px){.container{width:70%;}
#ads{display:none;}
#filters{margin:2% 5%;padding:0;list-style:none;width:100%;}
}
.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.row:after,
.clearfix:after{clear:both;}
.row,
.clearfix{zoom:1;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}