/*
  Screen Breakpoints:

  screen-xs: 480px
  screen-sm: 768px
  screen-md: 992px
  screen-lg: 1200px
  screen-xl: 1500px
*/

div[angular-packery] {
  overflow-y: hidden;
  overflow-x: hidden;
}

div[angular-packery]:after {
  content: ' ';
  display: block;
  clear: both;
}

.col-md-4-x.packery-item {
  width: 33.33333333333333%;
}

@media screen and (min-width: 1500px) {
  .col-md-4-x.packery-item {
    width: 25%;
  }
}

@media screen and (max-width: 1200px) {
  .col-md-4-x.packery-item {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .col-md-4-x.packery-item {
    width: 100%;
  }
}