.cio-slider {
    width: 100%;
    height: 326px;
    color: white;
    direction: ltr;
    overflow: hidden;
}

.crs-bar {
  height: 80px;
  margin-left: -244px;
}

.crs-bar-roll-item {
  height: 60px;
  border-radius: 50px;
}

.crs-bar-roll-current {
  height: 68px;
  border-radius: 50px;
  top: 6px;
}

.crs-bar-roll-wrap {
  height: 60px;
    direction: ltr;
}

.crs-screen-roll {
  background-color: #000;
}

.crs-screen-item-content {
  height: 100%;
  background-color: #00000091;
}

.crs-screen-item-content div {
  width: 40%;
  display: inline-block;
  vertical-align: middle;
}

.crs-screen-item-content div p {
  width: 140%;
  font-size: 12px;
  margin-top: -15px;
}

.crs-screen-item-content div h1 {
  font-size: 22px;
  width: max-content;
  color: #ebb85e;
}

.slide-thumb img {
  border-radius: 150px;
  width: 220px;
  border: 11px solid #999;
}

.crs-screen-item {
  background-position: center top;
}

@media (max-width: 640px) {

  .cio-slider .crs-bar-roll-current {
    width: 38px;
    height: 38px;
  }

  .cio-slider .crs-bar-roll-item {
    width: 30px;
    height: 30px;
  }

}