.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;

}
.PortfolioContainer{margin:0 -15px;}
.PortfolioContainer li{padding:20px 15px; width:33.33333333333333%; float:left;}

/* ================================================================
	RESPONSIVE CODE
   ================================================================ */
 
  @media (min-width: 993px) and (max-width: 1200px){
   
   }
  @media (min-width: 768px) and (max-width: 992px){
	
	}
	@media (min-width: 480px) and (max-width: 767px) {
	.PortfolioContainer{margin:-10px;}
	.PortfolioContainer li{width:50%; padding:10px;}
	}
	@media (min-width: 320px) and (max-width: 479px) {
    .PortfolioContainer{margin:-10px;}
	.PortfolioContainer li{width:100%; padding:10px;}
	}
	@media (min-width: 200px) and (max-width: 319px) {
	.PortfolioContainer{margin:-10px;}
	.PortfolioContainer li{width:100%; padding:10px;}
	}