.prj-grid { 
    height: 380px;
	margin:40px 0;
}
.prj-detail {
    width: calc(30% - 20px); 
    margin: 0 15%;   
}
.prj-preview {
    width: calc(30% - 20px); 
    margin: 0 15%; 
}
@media screen and (max-width: 1366px) and (min-width: 1024px){
	.prj-grid {
	    max-height: unset;
	    height: 300px;
	}
}

@media screen and (max-width: 768px) {
	.prj-grid {
	    max-height: unset;
	    height:500px;
	}
}
@media screen and (max-width: 640px) {
	.prj-grid {
	    max-height: unset;
	    height:440px;
	}
}
@media screen and (max-width: 480px) {
	.prj-grid {
	    max-height: unset;
	    height:350px;
	}
}
@media screen and (max-width: 320px) {
	.prj-grid {
	    max-height: unset;
	    height:220px;
	}
}