@charset "utf-8";
@media screen and (max-width: 1600px) {
  .logo {
    width: 32%;
  }
  .mouse-box {
    width: 15%;
  }
  .btn-buy {
    width: 11.427%;
  }
}
@media screen and (max-width: 1500px) {
  .ibox-desc {
    width: 26%;
    right: 18%;
  }
}
@media screen and (min-width: 820px) and (max-width: 1180px) {
  .nav {
    width: 7%;
  }
  .mulu-box {
    width: 78%;
    left: 15%;
  }
  .mulu-item {
    width: 20%;
  }
  .ibox-img {
    width: 30%;
    top: 22%;
    left: 22%;
  }
  .ibox-desc {
    width: 24%;
    right: 15%;
    top: 18%;
  }
  .page3 .ibox-img {
    width: 30%;
  }
  .page4 .ibox-img {
    width: 32%;
    top: 15%;
    left: 22%;
  }
  .page5 .ibox-img {
    width: 29%;
    top: 16%;
    left: 22%;
  }
}
@media screen and (max-width: 820px) {
  .logo {
    width: 14%;
  }
  .btn-buy {
    width: 18%;
  }
}