.disease1 .on {
  float: inline-end;
  width: 30%;
}
.disease1 .under {
  display: none;
}

.disease2 img {
  float: inline-end;
  width: 15%;
}

.disease3 img {
  float: inline-end;
  width: 12%;
}

.disease5 img {
  float: inline-end;
  width: 20%;
}
.disease5 .salt {
  float: inline-start;
}

.disease6 img, .disease7 img {
  float: inline-end;
  width: 15%;
}
.disease6 .on, .disease7 .on {
  float: inline-end;
}
.disease6 .under, .disease7 .under {
  display: none;
}

.is-dark .deb19 ul .dark-li {
  color: #ffffff;
}

.deb19 div ul {
  width: 100%;
  grid-template-columns: 1fr 1fr;
}
.deb19 div li {
  grid-column: 1/2;
}
.deb19 div video {
  grid-column: 2/3;
  grid-row: 1/3;
  width: 100%;
}

@media screen and (max-width: 880px) {
  .deb19 ul {
    display: block !important;
    width: 100% !important;
  }
  .deb19 ul li {
    margin: 10px;
  }
  .disease1 .under {
    display: block;
    width: 60%;
    margin: 0 auto;
  }
  .disease1 .on {
    display: none;
  }
  .disease2 div, .disease3 div {
    text-align: center;
  }
  .disease2 div img, .disease3 div img {
    width: 25%;
    float: none;
    margin: 0 auto;
  }
  .disease5 div {
    text-align: center;
  }
  .disease5 div img, .disease5 div .salt {
    float: none;
    margin: 0 auto;
    width: 30%;
  }
  .disease6 .under, .disease7 .under {
    display: block;
    float: none;
    width: 20%;
    margin: 0 auto;
  }
  .disease6 .on, .disease7 .on {
    display: none;
  }
}/*# sourceMappingURL=dep19.css.map */