.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{margin:15px 0;}
.portfolio-item-wrap-3{width:292px;}
   .image-box-4-wrap{position:relative; background:#2e404c; padding:10px; margin:0 15px;}
   .img-d-view-2 .img-box-4-details{position: absolute;  top:90px; width:100%; background:url(../images/hover-bg-2.png) repeat;}
   .img-box-4-head{font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:10px 15px 15px 15px; margin:0;}
   .img-box-4-head a:hover{color: #2e404c;}
   .img-box4-icon-section{margin:15px 0 0 15px;}
   .img-box4-icon-section a{position:relative; display:inline-block; margin:0 -2px -2px 0;}
   
/* ================================================================
	RESPONSIVE CODE
   ================================================================ */
 
  @media (min-width: 993px) and (max-width: 1200px){
   .portfolio-item-wrap-3{width:240px;}
   .portfolioContainer{margin:0 -10px;}
   .portfolioContainer li{margin:10px 0;}
   .image-box-4-wrap{margin:0 10px;}
   .img-box-4-head{font-size:14px;}
   .img-d-view-2 .img-box-4-details{top:70px;}
   }
  @media (min-width: 768px) and (max-width: 992px){
	.portfolio-item-wrap-3{width:246px;}
   .portfolioContainer{margin:0 -10px;}
   .portfolioContainer li{margin:10px 0;}
   .image-box-4-wrap{margin:0 10px;}
   .img-box-4-head{font-size:14px;}
   .img-d-view-2 .img-box-4-details{top:75px;}
	}
	@media (min-width: 480px) and (max-width: 767px) {
	.portfolio-item-wrap-3{width:auto;}
	.portfolioContainer{margin:0 -10px;}
	.image-box-4-wrap{margin:0 10px;}
	.img-d-view-2 .img-box-4-details{top:50px;}
    .portfolioContainer li{margin:10px 0; width:50%;}
	.img-box-4-head{font-size:15px;}
	}
	@media (min-width: 320px) and (max-width: 479px) {
	.portfolio-item-wrap-3{width:auto;}
	.portfolioContainer{margin:0 -10px;}
	.image-box-4-wrap{margin:0 10px;}
	.img-d-view-2 .img-box-4-details{top:50px;}
	.img-box-4-head{font-size:15px;}
    .portfolioContainer li{margin:10px 0; width:100%;}
	}
	@media (min-width: 200px) and (max-width: 319px) {
	.portfolio-item-wrap-3{width:auto;}
	.portfolioContainer{margin:0 -10px;}
	.image-box-4-wrap{margin:0 10px;}
	.img-d-view-2 .img-box-4-details{top:50px;}
	.img-box-4-head{font-size:14px;}
    .portfolioContainer li{margin:10px 0; width:100%;}
	
	}