/* HTPOS hero bottom spacing tighten v1 */

.htx-hero,
.htx-home-hero,
.hero-section,
.home-banner,
.home-hero{
  padding-bottom: 18px !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
}

.htx-hero > .container,
.htx-home-hero > .container,
.hero-section > .container,
.home-banner > .container,
.home-hero > .container{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.htx-hero-showcase,
.htx-gallery,
.htx-gallery-track,
.htx-gallery-track figure,
.htx-banner,
.htx-slider{
  margin-bottom: 0 !important;
}

.htx-slider-dots,
.htx-slider-nav,
.htx-hero .swiper-pagination,
.htx-hero .slick-dots{
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  bottom: 8px !important;
}

.htx-hero + section,
.htx-home-hero + section,
.hero-section + section,
.home-banner + section,
.home-hero + section{
  margin-top: 0 !important;
  padding-top: 24px !important;
}

@media (max-width: 991.98px){
  .htx-hero,
  .htx-home-hero,
  .hero-section,
  .home-banner,
  .home-hero{
    padding-bottom: 12px !important;
  }

  .htx-hero + section,
  .htx-home-hero + section,
  .hero-section + section,
  .home-banner + section,
  .home-hero + section{
    padding-top: 16px !important;
  }
}