@media screen and (max-width: 768px) {
  .product-banner {
    height: 900px !important;
    position: relative;
  }

  .win-product-banner {
    height: 775px !important;
  }

  .product-banner .ban-ios {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0%;
    width: 82%;
    margin-left: 10%;
    height: auto;
    z-index: 1;
  }

  .product-banner .rectangle {
    height: 37rem;
  }

  .product-banner .win-rectangle {
    height: 29rem;
  }

  .product-banner .container .row {
    display: flex;
    flex-direction: column;
    padding: 4.7rem 0 0 0 !important;
  }

  .product-banner .container .row .intro {
    margin-top: 328px;
    height: 920px !important;
    background: unset !important;
  }

  .product-banner .container .row .intro li {
    width: 90% !important;
  }

  .product-banner .container .row .intro .win-brand {
    margin-top: 2rem;
  }

  .product-banner .container .row .funcs {
    height: 300px !important;
    margin-top: 160px !important;
  }

  .product-banner .container .row .win-funcs {
    height: 155px !important;
    margin-top: 200px !important;
  }

  .product-banner .container .row .tv-funcs {
    height: 300px !important;
    margin-top: 290px !important;
  }

  .product-banner .container .row .funcs ul li {
    width: 40% !important;
    margin: 0 1rem
  }

  .product-banner .container .row .funcs ul li i img {
    width: 2.3rem;
    height: 2.3rem;
  }

  #info .text {
    margin: 50px 0;
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 720px) {
  .product-banner .container .row .intro {
    margin-top: 300px;
    height: 920px !important;
    background: unset !important;
  }
}

@media screen and (max-width: 576px) {
  .product-banner .ban-ios {
    top: 6%;
    left: 0%;
    width: 90%;
    margin-left: 5%;
    height: auto;
  }
}