/* @override http://newmediacampaigns.com/css/compiled.css */

/* Eric Meyer Reset */





/* Content - Portfolio Listing */

ul#portfolio-filter {
margin: 0;
padding: 0;
height: 64px;
line-height: 64px;
//background: transparent url(../images/icon-tag-green.png) left no-repeat;
}
ul#portfolio-filter li {
display: inline;
}
ul#portfolio-filter a {
margin-right: 0.5em;
padding: 0.5em 1em;
background: #e5e5e5;
font-size:17px;
color: #333;
font-weight:bold;
text-decoration: none;
}
ul#portfolio-filter a:hover, ul#portfolio-filter a.current {
color: #fff;
background:#0067ac;
}
ul#portfolio-filter a.current {
background-color: #0067ac;
color:#fff;
}
ul#portfolio-list {
margin: 36px 0 0 0;
padding: 0;
list-style: none;
}
ul#portfolio-list li {
width: 22.8%;
//height: 160px;
display: block;
float: left;
margin:10px;
//overflow: hidden;
}
ul#portfolio-list li a {
display: block;
//width: 163px;
//height: 120px;
//overflow: hidden;

}
ul#portfolio-list li p {
font-size: 11px;
line-height: 15px;
color: #AAA;
margin: 5px 0;
}

@media only screen and (max-width:768px){
		ul#portfolio-list li{width:30.5%;}
}

@media only screen and (max-width:736px){
		ul#portfolio-list li{width:30%;}
}

@media only screen and (max-width:600px){
		ul#portfolio-list li{width:46%;}
}

@media only screen and (max-width:480px){
		ul#portfolio-list li{width:45%;}
}

@media only screen and (max-width:414px){
		ul#portfolio-list li{width:44.9%;}
		ul#portfolio-list li h4 {font-size:15px; font-weight:normal;}
		ul#portfolio-filter a {padding:10px}
}

@media only screen and (max-width:384px){
		ul#portfolio-list li{width:94%;}
		ul#portfolio-list li h4 {font-size:20px; font-weight:bold;}
		ul#portfolio-filter a {padding:7px}
}

@media only screen and (max-width:320px){
	ul#portfolio-filter { height:auto;}
	ul#portfolio-filter li { margin:2px 0;}
	ul#portfolio-filter li, ul#portfolio-filter li a{  display:block;  width:98%;}
}