ul.kv_list {
  width: 100%;
  margin: 0 auto;
  list-style: none;
  padding: 0;
}

ul.kv_list li img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

ul.kv_list li .slider-wrapper {
  width: 100%;
}

ul.kv_list li .slider {
  width: 100%;
  height: auto;
}

ul.kv_list li .slide {
  width: 100%;
  height: auto;
}

ul.kv_list .slick-dots li {
  width: 40px;
  height: 2px;
}

ul.kv_list .slick-dots li button {
  width: 40px;
  height: 2px;
}

ul.kv_list .slick-dots li.slick-active,
ul.kv_list .slick-dots li:hover {
  position: relative;
}

ul.kv_list .slick-dots li button,
ul.kv_list .slick-dots li button:before {
  color: transparent;
  opacity: 0;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/* progress bar */
ul.kv_list li .slider-progress {
  width: 40px;
  height: 2px;
  background: #2e2e2e;
}

ul.kv_list li .slider-progress .progress {
  width: 0%;
  height: 2px;
  background: #fff;
}

ul.kv_list li {
  position: relative;
}

ul.kv_list li h2 {
  position: absolute;
  color: #fff;
  font-size: 38px;
  font-family: "Audiowide", cursive;
  font-weight: 400;
  letter-spacing: 0.5em;
  line-height: 1.8;
  text-transform: uppercase;
  width: calc(100% - 0.25em);
  margin-left: 0.25em;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 992px) {
  ul.kv_list {
    min-height: 100%;
  }
}

@media screen and (max-width: 768px) {
  ul.kv_list li h2 {
    font-size: calc((38 - 24) * ((100vw - 320px) / (768 - 320)) + 24px);
    line-height: calc((1.8 - 1) * ((100vw - 320px) / (768 - 320)) + 1);
  }
}
