/*Responsive-Filterable-Draggable-Grid-System-*/
.photoalbum{margin:25px 0 0 0; padding:0px; position:relative; float:left; width:100%;}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


img {
  border: 0;
  display: block;
  width: 100%;
}

/* ---- grid ---- */

.grid {
  margin: 30px auto; /* centered */
  position: relative;
  width: 1170px;
  height:auto;
  max-width: 69em;
  list-style: none;
  padding: 1px;

}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;	
}

.masonry-container .thumbnail {
    padding: 0px;
    border: none;
    border-radius: 0px;
    margin-bottom: 13px;
}
/*Responsive-Filterable-Draggable-Grid-System- End*/
.grid .item {
	display: block;
	float: left;
	width: 33%;
	opacity: 1;
}
.item {
    margin: 0px;
    padding: 0px 13px 0 0px;
}

.grid .item a,.grid .item img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
}
.grid.effect-2 .item.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@media screen and (max-width: 900px) {.grid .item {width: 50%;}}

@media screen and (max-width: 400px) {.grid .item {width: 100%;}}