/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
  overflow: hidden;
  margin-top: 10px;
  width: 100%;
  clear: both;
  display: block !important;
}

.ngg-galleryoverview .desc {
  /* required for description */
  margin: 0px 10px 10px 0px;
  padding: 5px;
}

.ngg-gallery-thumbnail-box {
  float: left;
  max-width: 100% !important;
}

.ngg-template-caption .ngg-gallery-thumbnail-box {
  margin-right: 0px;
}

.ngg-gallery-thumbnail {
  text-align: center;
  max-width: 100% !important;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  margin-right: 5px;
  margin: 5px;
}

.ngg-template-caption .ngg-gallery-thumbnail {
  margin-right: 0px;
}

.ngg-gallery-thumbnail a {
  display: block;
  margin: 4px;
  border: none;
  box-shadow: none;
}

.ngg-gallery-thumbnail img {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  max-width: 100% !important;
  height: auto;
}

.ngg-gallery-thumbnail span {
  /* Images description */
  font-size: 90%;
  padding-left: 5px;
  display: block;
}

/* ----------- New Default Styling September 2018 -----------*/

.ngg-galleryoverview {
  margin-top: 40px;
  margin-bottom: 50px;
  -webkit-transition:
    width 1s,
    height 1s,
    background-color 1s,
    -webkit-transform 1s;
  transition:
    width 1s,
    height 1s,
    background-color 1s,
    transform 1s;
  min-height: 100px;
}

.ngg-gallery-thumbnail-box.ngg-1-columns {
  width: 100%;
  float: left !important;
}

.ngg-gallery-thumbnail-box.ngg-2-columns {
  width: 50%;
  float: left !important;
}

.ngg-gallery-thumbnail-box.ngg-3-columns {
  width: 33.33333%;
  float: left !important;
}

.ngg-gallery-thumbnail-box.ngg-4-columns {
  width: 25%;
  float: left !important;
}

.ngg-gallery-thumbnail-box.ngg-5-columns {
  width: 20%;
  float: left !important;
}

.ngg-gallery-thumbnail-box.ngg-6-columns {
  width: 16.6666%;
  float: left !important;
}

.ngg-gallery-thumbnail-box.ngg-7-columns {
  width: 14.2857%;
  float: left !important;
}

.ngg-gallery-thumbnail-box.ngg-8-columns {
  width: 12.5%;
  float: left !important;
}

.ngg-gallery-thumbnail-box.ngg-9-columns {
  width: 11.1111%;
  float: left !important;
}

.ngg-gallery-thumbnail-box.ngg-10-columns {
  width: 10%;
  float: left !important;
}

.ngg-gallery-thumbnail-box.ngg-11-columns {
  width: 9.09%;
  float: left !important;
}

.ngg-gallery-thumbnail-box.ngg-12-columns {
  width: 8.3333%;
  float: left !important;
}

.ngg-gallery-thumbnail-box.ngg-13-columns {
  width: 7.692%;
  float: left !important;
}

.ngg-gallery-thumbnail-box.ngg-14-columns {
  width: 7.142%;
  float: left !important;
}

.ngg-gallery-thumbnail-box.ngg-15-columns {
  width: 6.6666%;
  float: left !important;
}

@media (max-width: 800px) {
  .ngg-gallery-thumbnail-box.ngg-5-columns,
  .ngg-gallery-thumbnail-box.ngg-6-columns,
  .ngg-gallery-thumbnail-box.ngg-7-columns,
  .ngg-gallery-thumbnail-box.ngg-8-columns,
  .ngg-gallery-thumbnail-box.ngg-9-columns,
  .ngg-gallery-thumbnail-box.ngg-10-columns,
  .ngg-gallery-thumbnail-box.ngg-11-columns,
  .ngg-gallery-thumbnail-box.ngg-12-columns,
  .ngg-gallery-thumbnail-box.ngg-13-columns,
  .ngg-gallery-thumbnail-box.ngg-14-columns,
  .ngg-gallery-thumbnail-box.ngg-15-columns,
  .ngg-gallery-thumbnail-box.ngg-16-columns,
  .ngg-gallery-thumbnail-box.ngg-17-columns,
  .ngg-gallery-thumbnail-box.ngg-18-columns,
  .ngg-gallery-thumbnail-box.ngg-19-columns,
  .ngg-gallery-thumbnail-box.ngg-29-columns {
    width: 25%;
  }
}

@media (max-width: 600px) {
  .ngg-gallery-thumbnail-box.ngg-4-columns,
  .ngg-gallery-thumbnail-box.ngg-5-columns,
  .ngg-gallery-thumbnail-box.ngg-6-columns,
  .ngg-gallery-thumbnail-box.ngg-7-columns,
  .ngg-gallery-thumbnail-box.ngg-8-columns,
  .ngg-gallery-thumbnail-box.ngg-9-columns,
  .ngg-gallery-thumbnail-box.ngg-10-columns,
  .ngg-gallery-thumbnail-box.ngg-11-columns,
  .ngg-gallery-thumbnail-box.ngg-12-columns,
  .ngg-gallery-thumbnail-box.ngg-13-columns,
  .ngg-gallery-thumbnail-box.ngg-14-columns,
  .ngg-gallery-thumbnail-box.ngg-15-columns,
  .ngg-gallery-thumbnail-box.ngg-16-columns,
  .ngg-gallery-thumbnail-box.ngg-17-columns,
  .ngg-gallery-thumbnail-box.ngg-18-columns,
  .ngg-gallery-thumbnail-box.ngg-19-columns,
  .ngg-gallery-thumbnail-box.ngg-29-columns {
    width: 33.33333%;
  }
}

@media (max-width: 400px) {
  .ngg-gallery-thumbnail-box.ngg-3-columns,
  .ngg-gallery-thumbnail-box.ngg-4-columns,
  .ngg-gallery-thumbnail-box.ngg-5-columns,
  .ngg-gallery-thumbnail-box.ngg-6-columns,
  .ngg-gallery-thumbnail-box.ngg-7-columns,
  .ngg-gallery-thumbnail-box.ngg-8-columns,
  .ngg-gallery-thumbnail-box.ngg-9-columns,
  .ngg-gallery-thumbnail-box.ngg-10-columns,
  .ngg-gallery-thumbnail-box.ngg-11-columns,
  .ngg-gallery-thumbnail-box.ngg-12-columns,
  .ngg-gallery-thumbnail-box.ngg-13-columns,
  .ngg-gallery-thumbnail-box.ngg-14-columns,
  .ngg-gallery-thumbnail-box.ngg-15-columns,
  .ngg-gallery-thumbnail-box.ngg-16-columns,
  .ngg-gallery-thumbnail-box.ngg-17-columns,
  .ngg-gallery-thumbnail-box.ngg-18-columns,
  .ngg-gallery-thumbnail-box.ngg-19-columns,
  .ngg-gallery-thumbnail-box.ngg-29-columns {
    width: 50%;
  }
}

/* ----------- Styling for Basic Thumbnail Simple Template September 2018 -----------*/

.ngg-galleryoverview.default-view {
  text-align: center;
  font-size: 0 !important;
  letter-spacing: 0 !important;
}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
  display: inline-block;
  float: none;
  vertical-align: middle;
}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail {
  background-color: transparent;
  border: none;
  margin: 0;
  margin-right: 0;
  position: relative;
}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {
  margin: 2px;
  box-shadow: none;
}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img:hover {
  opacity: 0.8;
}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img {
  margin: 0 auto;
  box-shadow: none;
  cursor: pointer;
}

.ngg-galleryoverview.default-view .slideshowlink {
  margin: 24px auto 0;
  text-align: center;
  text-transform: uppercase;
}

.ngg-galleryoverview.default-view .slideshowlink a {
  font-size: 13px;
  letter-spacing: 0.75px;
  cursor: pointer;
  text-decoration: none;
  box-shadow: none;
  border: none;
}

.ngg-galleryoverview.default-view .slideshowlink a:hover {
  text-decoration: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* ----------- Gallery list (Carousel template) -------------*/

.ngg-galleryoverview ul li:before {
  content: "" !important;
}

.ngg-gallery-list {
  list-style-type: none;
  padding: 0px !important;
  text-indent: 0px !important;
}

.ngg-galleryoverview div.pic img {
  width: 100%;
  border: 0px;
  border-radius: 0px;
}

.ngg-gallery-list li {
  float: left;
  margin: 0 2px 0px 2px !important;
  overflow: hidden;
}

.ngg-gallery-list li a {
  border: 1px solid #cccccc;
  display: block;
  padding: 2px;
}

.ngg-gallery-list li.selected a {
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background: #000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
  height: 40px;
  width: 40px;
}

li.ngg-next,
li.ngg-prev {
  height: 40px;
  width: 40px;
  font-size: 3.5em;
}

li.ngg-next a,
li.ngg-prev a {
  padding-top: 10px;
  border: none;
  text-decoration: none;
}

/** Caption view */
.ngg-caption-view-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/** Carousel view */
.ngg-basic-thumbnails-carousel {
  display: flex;
  justify-content: center;
}

.ngg-basic-thumbnails-carousel-list {
  display: flex;
  flex-wrap: wrap;
}

.ngg-galleryoverview.carousel-view .ngg-gallery-thumbnail img {
  max-width: 80px !important;
}