/* ##### BX-SHORTCODE-SLIDER ##### */
.bx-shortcode-slider {
  width: 100%;
  border-bottom: 1px solid var(--color-tertiary);
  overflow: hidden;
}
.bx-shortcode-slider.--boxed {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.bx-shortcode-slider .slick-slider, .bx-shortcode-slider .slick-list, .bx-shortcode-slider .slick-track {height: 100%;}

/* ##### BX-SLIDER-NAV ##### */
.bx-slider-nav {
  --button-color: rgba(19, 26, 45, 0.2);
  --buttton-text-color: #ffffff;
}
.bx-slider-nav .slick-dots {
  position: absolute;
  bottom: 30px; width: 100%;
  display: flex;
  justify-content: center;
}
.bx-slider-nav .slick-dots button {
  background: transparent;
  font-size: 0;
  border-radius: 50%;
  width: 20px; height: 20px;
  border: 2px solid #ffffff;
  display: inline-block;
  margin: 0 10px;
  transition: .3s all;
  filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.3));
}
.bx-slider-nav .slick-dots button:hover,
.bx-slider-nav .slick-dots button:focus,
.bx-slider-nav .slick-dots .slick-active button {
  background: #ffffff;
}
.bx-slider-nav .slick-arrow {
  position: absolute;
  top: 50%; transform: translateY(-50%);
  z-index: 2;
  width: 40px; height: 40px; padding: 2px 5px 0;
  font-size: 24px; color: var(--buttton-text-color);
  background: var(--button-color);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
}
.bx-slider-nav .slick-arrow.slick-prev {left: 30px;}
.bx-slider-nav .slick-arrow.slick-next {right: 30px;}
.bx-shortcode-slider.bx-slider-nav .bx-post-box.--over-sided .i-content {padding-left: 70px;}

@media all and (max-width: 1199px) {

}

@media all and (max-width: 991px) {

}

@media all and (max-width: 767px) {
  /* ##### BX-SLIDER-NAV ##### */
  .bx-slider-nav .slick-arrow {top: 150px;}
  .bx-slider-nav .slick-dots {top: 255px; bottom: initial;}

  /* ##### BX-SHORTCODE-SLIDER ##### */
  .bx-shortcode-slider.bx-slider-nav .bx-post-box.--over-sided .i-content {padding-left: initial;}

}

@media all and (max-width: 639px) {

}

@media all and (max-width: 575px) {

}

@media all and (max-width: 479px) {

}

@media (max-width: 330px) {

}