/* Final overrides for legacy mobile !important rules in css.css. */
@media (max-width: 767px) {
  .banner,
  .banner #owl-demo,
  .banner #owl-demo .owl-wrapper-outer,
  .banner #owl-demo .owl-wrapper,
  .banner #owl-demo .owl-item,
  .banner #owl-demo .item {
    height: auto !important;
  }

  .banner #owl-demo .owl-wrapper-outer {
    overflow: hidden !important;
  }

  .banner #owl-demo .item,
  .banner #owl-demo .item img {
    left: auto !important;
    max-width: 100% !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
  }

  .banner #owl-demo .item img {
    height: auto !important;
  }

  .header {
    padding: var(--sp-2) 0 !important;
  }

  .recommended .lf img,
  .recommended .righ img {
    height: auto !important;
  }

  .recommended .lf,
  .recommended .righ {
    margin-top: var(--sp-5) !important;
  }

  .recommended .title {
    margin-bottom: var(--sp-5) !important;
    margin-top: var(--sp-4) !important;
  }

  .recommended .title h3 {
    font-size: var(--fs-xl) !important;
  }

  .recommended .title h4,
  .recommended .title h5 {
    font-size: var(--fs-sm) !important;
  }

  .culture h4 {
    font-size: var(--fs-2xl) !important;
    margin-top: 0 !important;
  }

  .culture p {
    font-size: var(--fs-base) !important;
    height: auto !important;
    line-height: var(--lh-base) !important;
    overflow: visible !important;
  }

  .culture a {
    margin: var(--sp-5) auto 0 !important;
  }

  .news {
    padding: var(--sp-5) 0 !important;
  }

  .news .newsTime {
    background-color: var(--c-primary) !important;
  }

  .news .newsTime ul {
    display: block;
  }

  .news .newsTime .newsTimeTitle {
    margin-bottom: var(--sp-5) !important;
    padding: var(--sp-5) var(--sp-4) 0 !important;
  }

  .news .newsTime .newsTimeTitle h4 {
    color: var(--c-text-invert) !important;
    font-size: var(--fs-xl) !important;
    line-height: var(--lh-tight) !important;
  }

  .news .newsTime .newsTimeTitle p {
    color: var(--c-text-invert) !important;
    font-size: var(--fs-sm) !important;
  }

  .news .newsCon ul {
    padding: var(--sp-4) !important;
  }

  .news .newsCon ul li {
    margin-bottom: var(--sp-3) !important;
  }

  .news .newsCon ul li a h4 {
    font-size: var(--fs-base) !important;
    height: auto !important;
    overflow: visible !important;
  }

  .news .newsCon ul li a p {
    color: var(--c-text-muted) !important;
    font-size: var(--fs-sm) !important;
    height: auto !important;
    line-height: var(--lh-base) !important;
    overflow: visible !important;
  }

  .ibanner {
    margin-left: 0 !important;
    width: 100%;
  }

  .content {
    padding-top: var(--sp-3) !important;
  }

  .content .con .article .new ul li a {
    padding: var(--sp-4) var(--sp-2) !important;
  }
}