@media screen and (max-width: 1440px) {
  .backgroundimg .bg {
    min-width: 1440px;
  }
  .backgroundimg .effect6 {
    margin-top: 555px;
  }
}
@media screen and (max-width: 1400px) {
  .effectbg {
    position: relative;
    left: 0;
    margin: 100px auto 0;
    z-index: 7;
  }
}
@media screen and (max-width: 1280px) {
  .backgroundimg .bg {
    min-width: 1300px;
  }
  .backgroundimg .effect6 {
    margin-top: 501px;
  }
}
@media screen and (max-width: 1024px) {
  .backgroundimg .bg {
    min-width: 1200px;
  }
  .backgroundimg .effect6 {
    margin-top: 463px;
  }
  .footer-info .grid1 {
    text-align: center;
    padding: 0;
  }
  .footer-info .grid1 .column2, .footer-info .grid1 .column3 {
    display: block;
    width: 96%;
    margin: auto;
  }
  .footer-info .grid1 .column2 .qrcode a {
    margin: 15px;
  }
  .footer-info .grid1 .column3 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 900px) {
  .home_wrapper .grid0, .wrapper .grid0 {
    text-align: center;
  }
  .backgroundimg .bg {
    min-width: 1000px;
  }
  .backgroundimg .effect6 {
    margin-top: 385px;
  }
}
@media screen and (max-width: 860px) {
  .backgroundimg .effect1 {
    top: 100px;
    margin-right: -10%;
    width: 260px;
  }
  .backgroundimg .effect2 {
    width: 75px;
  }
  .backgroundimg .effect3 {
    width: 60px;
  }
}
@media screen and (max-width: 600px) {
  .footer-info .grid1 .infoshow1 {
    display: none;
  }
  .footer-info .grid1 .infoshow2 {
    display: block;
  }
  .footer-info .grid1 .column2 .qrcode a {
    line-height: 100%;
    display: block;
    margin: 15px auto 35px;
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 480px) {
  .backgroundimg .effect1 {
    margin-right: -25%;
  }
  .backgroundimg .effect2, .backgroundimg .effect3 {
    margin-left: -5%;
  }
  .home_wrapper .grid0 h3, .wrapper .grid0 h3 {
    font-size: 3em;
  }
  .home_wrapper .grid0 h4, .wrapper .grid0 h4 {
    font-size: 0.938em;
  }
}
@media screen and (max-width: 320px) {
  body {
    width: 320px;
  }
}