@charset "utf-8";
/* CSS Document */

.masonry-css {
  column-count: 1;
  column-gap: 20px; /* Adjust this value as needed, it's set based on $masonry-css-column-gap */
}

@media (min-width: 400px) {
  .masonry-css {
    column-count: 2;
  }
}

@media (min-width: 600px) {
  .masonry-css {
    column-count: 3;
  }
}

@media (min-width: 800px) {
  .masonry-css {
    column-count: 4;
  }
}

@media (min-width: 1100px) {
  .masonry-css {
    column-count: 5;
  }
}

.masonry-css-item {
  break-inside: avoid;
  margin-bottom: 20px; /* Adjust this value as needed, it's set based on $masonry-css-column-gap */
}