.masonry {
  -webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	column-gap: 1em;
	margin: 1em;
  padding: 0;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;
  font-size: .85em;
}

.masonry-1 {
  -webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	column-gap: 1em;
	margin: 1em;
  padding: 0;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;
  font-size: .85em;
}

.masonry-2 {
  -webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	column-gap: 1em;
	margin: 1em;
  padding: 0;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;
  font-size: .85em;
}

@media only screen and (max-width: 320px) {
  .masonry,.masonry-1,.masonry-2 {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
	}
}
@media only screen and (min-width: 321px) and (max-width: 768px){
  .masonry,.masonry-1,.masonry-2 {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
  .masonry,.masonry-1,.masonry-2 {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
	}
}
@media only screen and (min-width: 1201px) {
  .masonry {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
	},
  .masonry-1 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  .masonry-2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

.item {
    display: flex;
    background: #fff;
    /*padding: 1em;*/
    margin: 0 0 1em;
    width: 100%;
	  -webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}