div.qdl-gallery {
  --flex-default-gap: 0.25rem;
  display: flex;
  width: 100%;
  flex-direction: column;
}
div.qdl-gallery div.qdl-gal-row {
  display: flex;
  flex-direction: row;
}
@media only screen and (min-width: 600px) {
  div.qdl-gallery div.qdl-gal-row.cols-1 div.qdl-gal-column {
    width: 100%;
  }
  div.qdl-gallery div.qdl-gal-row.cols-2 div.qdl-gal-column {
    width: calc(100% / 2);
  }
  div.qdl-gallery div.qdl-gal-row.cols-3 div.qdl-gal-column {
    width: calc(100% / 3);
  }
  div.qdl-gallery div.qdl-gal-row.cols-4 div.qdl-gal-column {
    width: calc(100% / 4);
  }
  div.qdl-gallery div.qdl-gal-row.cols-5 div.qdl-gal-column {
    width: calc(100% / 5);
  }
  div.qdl-gallery div.qdl-gal-row.cols-6 div.qdl-gal-column {
    width: calc(100% / 6);
  }
  div.qdl-gallery div.qdl-gal-row.cols-7 div.qdl-gal-column {
    width: calc(100% / 7);
  }
  div.qdl-gallery div.qdl-gal-row.cols-8 div.qdl-gal-column {
    width: calc(100% / 8);
  }
  div.qdl-gallery div.qdl-gal-row.cols-9 div.qdl-gal-column {
    width: calc(100% / 9);
  }
  div.qdl-gallery div.qdl-gal-row.cols-10 div.qdl-gal-column {
    width: calc(100% / 10);
  }
  div.qdl-gallery div.qdl-gal-row.cols-11 div.qdl-gal-column {
    width: calc(100% / 11);
  }
  div.qdl-gallery div.qdl-gal-row.cols-12 div.qdl-gal-column {
    width: calc(100% / 12);
  }
}
div.qdl-gallery div.qdl-gal-row div.qdl-gal-column img {
  width: 100%;
}
div.qdl-gallery div.qdl-gal-row div.qdl-gal-column div.qdl-caption {
  width: 100%;
  text-align: center;
}
div.qdl-gallery.flex-gap-0 div.qdl-gal-row,
div.qdl-gallery.flex-gap-0 div.qdl-gal-column {
  gap: 0;
}
div.qdl-gallery.flex-gap-1 div.qdl-gal-row,
div.qdl-gallery.flex-gap-1 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 1);
}
div.qdl-gallery.flex-gap-2 div.qdl-gal-row,
div.qdl-gallery.flex-gap-2 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 2);
}
div.qdl-gallery.flex-gap-3 div.qdl-gal-row,
div.qdl-gallery.flex-gap-3 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 3);
}
div.qdl-gallery.flex-gap-4 div.qdl-gal-row,
div.qdl-gallery.flex-gap-4 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 4);
}
div.qdl-gallery.flex-gap-5 div.qdl-gal-row,
div.qdl-gallery.flex-gap-5 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 6);
}
div.qdl-gallery.flex-gap-6 div.qdl-gal-row,
div.qdl-gallery.flex-gap-6 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 8);
}
div.qdl-gallery.flex-gap-7 div.qdl-gal-row,
div.qdl-gallery.flex-gap-7 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 10);
}
div.qdl-gallery.flex-gap-8 div.qdl-gal-row,
div.qdl-gallery.flex-gap-8 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 15);
}
div.qdl-gallery div.qdl-pagignation {
  margin: 1rem 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
}
div.qdl-gallery div.qdl-pagignation button {
  padding: 0.5rem 2rem;
  border-radius: 5px;
  background-color: #444444;
  color: #eeeeee;
}
div.qdl-gallery div.qdl-pagignation div.qdl-page-jump {
  padding: 0 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
div.qdl-gallery div.qdl-pagignation div.qdl-page-jump div.qdl-pgn-selector select {
  padding: 0.5rem 1rem;
  background-color: #eeeeee;
  border: 1px #444444 solid;
  border-radius: 5px;
}
@media only screen and (max-width: 600px) {
  div.qdl-gallery {
    padding: 0.5rem;
  }
  div.qdl-gallery div.qdl-gal-row {
    flex-direction: column;
  }
  div.qdl-gallery div.qdl-gal-row div.qdl-gal-column {
    width: 100% !important;
  }
  div.qdl-gallery div.qdl-pgn-caption {
    display: none;
  }
}