:root {
  --qi-sidebanner-title-fs: 50px;
  --qi-sidebanner-title-pl: 255px;
}
.qili-sidebanner {
  position: relative;
}
.qili-sidebanner img {
  width: 100%;
  min-height: 160px;
  object-fit: cover;
}
.qili-sidebanner .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  padding-left: var(--qi-sidebanner-title-pl);
  /*background: linear-gradient(90deg, rgba(113, 79, 232, 0.80)0%, rgba(113, 79, 232, 0.52)32.77%, rgba(113, 79, 232, 0.00)45.53%, rgba(113, 79, 232, 0.00)74.98%, rgba(113, 79, 232, 0.30)100%);*/
}
.qili-sidebanner .txt h1,
.qili-sidebanner .txt h2 {
  font-size: var(--qi-sidebanner-title-fs);
  color: #fff;
  line-height: 1.2;
}

@media screen and (max-width: 1500px) {
  :root {
    --qi-sidebanner-title-fs: 44px;
    --qi-sidebanner-title-pl: 210px;
  }
}

@media screen and (max-width: 1280px) {
  :root {
    --qi-sidebanner-title-fs: 38px;
    --qi-sidebanner-title-pl: 180px;
  }
}

@media screen and (max-width: 1200px) {
  :root {
    --qi-sidebanner-title-fs: 34px;
    --qi-sidebanner-title-pl: 140px;
  }
}

@media screen and (max-width: 992px) {
  :root {
    --qi-sidebanner-title-fs: 30px;
    --qi-sidebanner-title-pl: 100px;
  }
}

@media screen and (max-width: 768px) {
  :root {
    --qi-sidebanner-title-fs: 26px;
    --qi-sidebanner-title-pl: 60px;
  }
}

@media screen and (max-width: 576px) {
  :root {
    --qi-sidebanner-title-fs: 22px;
    --qi-sidebanner-title-pl: 30px;
  }
}