/* Posts
------------------------------- */
#posts { min-height: 300px; }

.post img.image { width: 100%; }

#posts .span4 { padding-bottom: 20px; position: static; display: block; }

/* Isotope Transitions
------------------------------- */
/* Let Isotope control duration via JS; only specify properties here */
.isotope .item {-webkit-transition-property: -webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:top,left,opacity;transition-property:transform, opacity;}
/* Container transitions disabled to avoid double animations from height/width changes */
/* .isotope { transition-property: height,width; } */

@media (min-width: 1200px) {
#posts .span4 { width: 270px; padding-bottom: 30px; }
.project-wrp img { height: 160px; }
}

@media (min-width: 768px) and (max-width: 979px) {
#posts .span4 { width: 352px; }
.project-wrp img { height: 209px; }
}

@media (max-width: 767px) {
.isotope .item {position: static !important; -webkit-transform: translate(0px, 0px) !important; -moz-transform: translate(0px, 0px) !important; -ms-transform: translate(0px, 0px) !important;  transform: translate(0px, 0px) !important;}
.isotope-hidden { display: none; }
#posts .span4 { width: 100%; }
}

@media (min-width: 480px) and (max-width: 767px) {
.project-wrp img { height: 273px; }
}

@media (max-width: 479px) {
#posts .span4 { width: 320px; }
.project-wrp img { height: 178px; }
}