.overview-content {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  max-width: 1920px;
  margin: 0 auto;
}
.overview-content .w1200 {
  margin: 0 auto;
  position: relative;
  width: 75em;
}
.overview-content .w1366 {
  margin: 0 auto;
  position: relative;
  width: 85.375em;
}
.overview-content .w1440 {
  margin: 0 auto;
  position: relative;
  width: 90em;
}

.overview-content .regular {
  font-weight: 400 !important;
}
.overview-content .medium {
  font-weight: 500 !important;
}
.overview-content .bold {
  font-weight: 700 !important;
}
.overview-content .m-show {
  display: none;
}
.overview-content .nowrap {
  white-space: nowrap;
}
.overview-content .text > h2 {
  font-size: 3.125em;
  letter-spacing: 0.01em;
  line-height: 1.1;
  font-weight: 700;
}
.overview-content .text > h3 {
  font-size: 1.875em;
  letter-spacing: 0.01em;
  line-height: 1.8;
  font-weight: 400;
}
.overview-content .text > p {
  font-size: 1.25em;
  letter-spacing: 0.01em;
  line-height: 1.5;
  padding-top: 1em;
}
.overview-content .text a {
  color: #4fccd7;
  text-decoration: none;
  border-bottom: 1px solid #4fccd7;
}
@media screen and (max-width: 1440px) {
  .overview-content {
    font-size: 1.111111111111vw;
  }
  .overview-content .w1440 {
    width: 86em;
  }
}
@media screen and (max-width: 736px) {
  html {
    font-size: 10.35px;
  }
  .overview-content {
    font-size: 10.35px;
  }
  .overview-content .m-show {
    display: block;
  }
  .overview-content .m-hide {
    display: none;
  }
  .overview-content .w1200,
  .overview-content .w1366,
  .overview-content .w1440 {
    width: auto;
  }
  .overview-content .text > h2 {
    font-size: 2.5em;
    padding: 1.5em 20px 0.5em;
  }
  .overview-content .text > h3 {
    font-size: 1.875em;
    padding: 0 20px 0.5em;
    line-height: 1.3;
  }

  .overview-content .text > p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px 0.5em;
  }
  .overview-content .text a {
    font-size: 1.35em;
  }
}
@media screen and (max-width: 414px) {
  html {
    font-size: 2.5vw;
  }
  .overview-content {
    font-size: 2.5vw;
  }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .a {
  background: url(./img/a.jpg) center/120em auto no-repeat;
  height: 59.875em;
}
.overview-content .a .text {
  padding: 13em 0 0;
}
.overview-content .a .text h2 {
  font-size: 3.625em;
  line-height: 1.2;
}
.overview-content .a .text p {
  font-size: 1.5625em;
  font-weight: 400;
  padding-top: 0.75em;
}
.overview-content .a .text p.model {
  padding: 0.25em 1em;
  margin-top: 1em;
  background: #ee280b;
  font-weight: 700;
  display: inline-block;
  border-radius: 1em;
}
@media (max-width: 736px) {
  .overview-content .a {
    background: url(./m/a.jpg) center/100% no-repeat;
    height: 0;
    padding-bottom: 133%;
  }
  .overview-content .a .text {
    padding: 0;
  }
  .overview-content .a .text h2 {
    font-size: 2.5em;
    padding: 10vw 20px 0;
  }
  .overview-content .a .text p {
    font-size: 1.75em;
    padding: 2vw 20px;
  }
  .overview-content .a .text p.model {
    margin: 0 20px;
  }
}

.overview-content .b {
  background: #200002;
  padding: 2em 0 3em;
}
.overview-content .b p {
  font-size: 1.375em;
  font-weight: 700;
  line-height: 1.42857;
}
.overview-content .b p + p {
  font-size: 1.25em;
  font-weight: 300;
  padding-top: 0.25em;
}
.overview-content .b ul {
  display: flex;
  justify-content: space-between;
}
.overview-content .b li {
  width: 14.4%;
  text-align: center;
  position: relative;
}
.overview-content .b li a {
  position: absolute;
  font-size: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.overview-content .b li .icon {
  display: block;
  width: 6.25em;
  height: 4em;
  background: url(./img/b-icons.png) 0 / auto 100% no-repeat;
  margin: 0 auto 0.5em;
}
.overview-content .b li .icon-ac1200 {
  background-position: 0 0;
}
.overview-content .b li .icon-5dbi {
  background-position: -6.25em 0;
}
.overview-content .b li .icon-mimo {
  background-position: -12.5em 0;
}
.overview-content .b li .icon-ports {
  background-position: -18.75em 0;
}
.overview-content .b li .icon-control {
  background-position: -25em 0;
}
.overview-content .b li .icon-setup {
  background-position: -31.25em 0;
}
@media (max-width: 736px) {
  .overview-content .b {
    padding: 0;
  }
  .overview-content .b ul {
    width: 80%;
    margin: 0 auto;
    padding: 3em 0;
    flex-wrap: wrap;
  }
  .overview-content .b li {
    width: 42%;
    font-size: 1.15em;
    padding: 1em 0;
  }
}

.overview-content .c {
  background: url(./img/c.jpg) 50% 0/120em auto no-repeat;
  height: 62.4em;
}
.overview-content .c .text {
  text-align: center;
  padding: 6em 4em 0;
}
.overview-content .c .c1,
.overview-content .c .c2 {
  position: absolute;
  height: 0;
  top: 22.5em;
  font-weight: 500;
  font-size: 1.25em;
}
.overview-content .c .c1 {
  left: -9em;
}
.overview-content .c .c2 {
  right: -9.6em;
}
.overview-content .c .c11,
.overview-content .c .c21 {
  font-size: 3.5em;
}
.overview-content .c .c12,
.overview-content .c .c22 {
  font-size: 1.1em;
}
.overview-content .c .c13,
.overview-content .c .c23 {
  font-size: 2.75em;
}
.overview-content .c .c14,
.overview-content .c .c24 {
  font-size: 1.45em;
}
@media (max-width: 1920px) {
  .overview-content .c {
    font-size: 0.833333333vw;
  }
}
@media (max-width: 736px) {
  .overview-content .c {
    font-size: 10.35px;
    background: #000000 url(./m/c.jpg) 50% 100%/100% no-repeat;
    height: auto;
    padding-bottom: 93%;
  }
  .overview-content .c .text {
    padding: 0;
    text-align: left;
  }
  .overview-content .c .c1,
  .overview-content .c .c2 {
    top: auto;
    bottom: 1em;
    font-size: 2.4vw;
  }
  .overview-content .c .c1 {
    left: 3em;
  }
  .overview-content .c .c2 {
    right: 3.4em;
  }
}
@media (max-width: 414px) {
  .overview-content .c {
    font-size: 2.5vw;
  }
}
.overview-content .d {
  background: #090808 url(./img/d.jpg) 50% 0/120em auto no-repeat;
  height: 56.25em;
}
.overview-content .d .text {
  padding: 15em 59% 0 0;
}
.overview-content .d .img {
  background: url(./img/d-img.png) center/contain no-repeat;
  width: 27.1875em;
  height: 13.1875em;
  position: relative;
}
@media (max-width: 736px) {
  .overview-content .d {
    font-size: 10.35px;
    background: #000 url(./m/d.jpg) 50% 100% /100% no-repeat;
    padding-bottom: 100%;
    height: auto;
  }
  .overview-content .d .text {
    padding: 0;
    width: auto;
  }
}
@media screen and (max-width: 414px) {
  .overview-content .d {
    font-size: 2.5vw;
  }
}

.overview-content .e {
  background: #110306 url(./img/e.jpg) 50% 100%/120em auto no-repeat;
  padding-bottom: 37em;
}
.overview-content .e .text {
  padding: 4em 5em 2em;
  text-align: center;
}
@media (max-width: 736px) {
  .overview-content .e {
    font-size: 10.35px;
    background: #100708 url(./m/e.jpg) 50% 100% /100% no-repeat;
    padding-bottom: 52%;
    height: auto;
  }
  .overview-content .e .text {
    padding: 0;
    text-align: left;
  }
}
@media screen and (max-width: 414px) {
  .overview-content .e {
    font-size: 2.5vw;
  }
}
.overview-content .f {
  background: #110a0a url(./img/f.jpg) 50% 100%/120em auto no-repeat;
  padding-bottom: 46em;
}
.overview-content .f .text {
  padding: 4em 0 0;
  text-align: center;
}
@media (max-width: 736px) {
  .overview-content .f {
    font-size: 10.35px;
    background: #1f0101 url(./m/f.jpg) 50% 100%/100% no-repeat;
    height: auto;
    padding-bottom: 73%;
  }
  .overview-content .f .text {
    padding: 0;
    text-align: left;
  }
}
@media screen and (max-width: 414px) {
  .overview-content .f {
    font-size: 2.5vw;
  }
}
.overview-content .g {
  background: #110a0a url(./img/g.jpg) 50% 100%/120em auto no-repeat;
  padding-bottom: 35em;
}
.overview-content .g .text {
  padding: 4em 0 0;
  text-align: center;
}
.overview-content .g .img {
  margin-top: 1em;
  padding-bottom: 2em;
  font-size: 1em;
}
.overview-content .g .img:after {
  content: '';
  display: table;
  height: 0;
  clear: both;
}
.overview-content .g .img p {
  line-height: 1.3;
}
.overview-content .g .g1,
.overview-content .g .g2 {
  background-size: 100%;
  background-position: 50% 0;
  background-repeat: no-repeat;
  position: relative;
  width: 37.5em;
  height: 7.5em;
  float: left;
}
.overview-content .g .g1 {
  background-image: url(./img/g1.png);
}
.overview-content .g .g11 {
  position: absolute;
  top: 7.5em;
  left: 1.2em;
  width: 7em;
  color: #e02d2b;
}
.overview-content .g .g12 {
  position: absolute;
  top: 5.5em;
  left: 7.2em;
  width: 7em;
}
.overview-content .g .g13 {
  position: absolute;
  top: 7.5em;
  left: 14em;
  width: 7em;
  color: #e02d2b;
}
.overview-content .g .g14 {
  position: absolute;
  top: 5.5em;
  left: 21.2em;
  width: 7em;
}
.overview-content .g .g15 {
  position: absolute;
  top: 7.5em;
  left: 26.2em;
  width: 11em;
  color: #e02d2b;
}
.overview-content .g .g2 {
  background-image: url(./img/g2.png);
}
.overview-content .g .g21 {
  position: absolute;
  top: 7.5em;
  left: 1.2em;
  width: 7em;
  color: #e02d2b;
}
.overview-content .g .g22 {
  position: absolute;
  top: 5.5em;
  left: 7.2em;
  width: 7em;
}
.overview-content .g .g23 {
  position: absolute;
  top: 7.5em;
  left: 14.1em;
  width: 10em;
  width: 7em;
  color: #e02d2b;
}
.overview-content .g .g24 {
  position: absolute;
  top: 5.5em;
  left: 21.2em;
  width: 7em;
}
.overview-content .g .g25 {
  position: absolute;
  top: 7.5em;
  left: 24.2em;
  width: 16em;
  color: #e02d2b;
}
@media (max-width: 736px) {
  .overview-content .g {
    font-size: 10.35px;
    background: #000 url(./m/g.jpg) 50% 100%/100% no-repeat;
    height: auto;
    padding-bottom: 73%;
  }
  .overview-content .g .text {
    padding: 0;
    text-align: left;
  }
  .overview-content .g .img {
    font-size: 2.25vw;
    margin: 0;
    text-align: center;
  }
}
@media screen and (max-width: 414px) {
  .overview-content .g {
    font-size: 2.5vw;
  }
}
.overview-content .h {
  background: #170909 url(./img/h.jpg) 50% 100%/120em 100% no-repeat;
}
.overview-content .h .text {
  padding: 4em 0 3em;
  text-align: center;
}
.overview-content .h ul {
  display: flex;
  width: 96.75em;
  max-width: 90%;
  margin: 0 auto;
  padding-bottom: 5em;
}
.overview-content .h li {
  text-align: center;
  width: 33.3333%;
  box-sizing: border-box;
  padding-top: 47%;
  background-color: #000;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% 0;
  position: relative;
}
.overview-content .h li.li1 {
  background-image: url(./img/h1.jpg);
}
.overview-content .h li.li2 {
  background-image: url(./img/h2.jpg);
}
.overview-content .h li.li3 {
  background-image: url(./img/h3.jpg);
}
.overview-content .h li .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2em 5%;
  background: rgba(90, 1, 0, 0.5);
  min-height: 5.3em;
}
.overview-content .h li h3 {
  font-size: 1.75em;
  font-weight: 500;
  line-height: 1.1;
}
.overview-content .h li p {
  font-size: 1.125em;
  line-height: 1.4;
  padding-top: 0.5em;
}
.overview-content .h .img {
  background: url(./img/h.jpg) center/120em auto no-repeat;
  height: 35em;
  text-align: center;
}
.overview-content .h .img .desc {
  display: inline-block;
  color: #e50000;
  width: 5.75em;
  padding-top: 32.5em;
}
.overview-content .h .img-text {
  background: url(./img/h-bg.jpg) center/120em 100% no-repeat;
}
@media (max-width: 736px) {
  .overview-content .h {
    font-size: 10.35px;
    background: #000000;
    height: auto;
  }
  .overview-content .h .text {
    padding: 0 0 1rem;
    text-align: left;
  }
  .overview-content .h ul {
    flex-wrap: wrap;
    width: 88%;
  }
  .overview-content .h li {
    width: 100%;
    padding-top: 100%;
    font-size: 1.15rem;
    margin-bottom: 2rem;
  }
  .overview-content .h li .txt {
    min-height: auto;
  }
}
@media screen and (max-width: 414px) {
  .overview-content .h {
    font-size: 2.5vw;
  }
}
.overview-content .i {
  background: #090808 url(./img/i.jpg) 50% 0/120em auto no-repeat;
  height: 75em;
}
.overview-content .i .text {
  padding: 14em 50% 0 0;
}
.overview-content .i .i1 {
  margin-top: 3em;
}
.overview-content .i .i2 {
  margin-top: 1em;
}
.overview-content .i h3 {
  font-size: 1.75em;
}
.overview-content .i p {
  font-size: 1.125em;
}
.overview-content .i .img {
  position: relative;
  width: 37.5em;
  height: 10em;
  margin-top: 0.5em;
  line-height: 1.3;
}
.overview-content .i .i1 .img {
  background: url(./img/i1.png) 50% 0/100% no-repeat;
}
.overview-content .i .i11 {
  left: -1em;
}
.overview-content .i .i12 {
  left: 6em;
}
.overview-content .i .i13 {
  left: 14.8em;
}
.overview-content .i .i14 {
  left: 20.7em;
}
.overview-content .i .i2 .img {
  background: url(./img/i2.png) 50% 0/100% no-repeat;
}
.overview-content .i .i21 {
  left: -1em;
}
.overview-content .i .i22 {
  left: 5em;
}
.overview-content .i .i23 {
  left: 10.8em;
}
.overview-content .i .i24 {
  left: 19.5em;
}
.overview-content .i .i25 {
  left: 25.6em;
}
.overview-content .i .img p {
  position: absolute;
  top: 6.5em;
  width: 6em;
  text-align: center;
  color: #e50000;
}
@media (max-width: 736px) {
  .overview-content .i {
    font-size: 10.35px;
    height: auto;
    padding-bottom: 100%;
    background: #100708 url(./m/i.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }
  .overview-content .i .text {
    padding: 0;
  }
  .overview-content .i .i1 {
    font-size: 1rem;
    padding: 0 6%;
    margin-top: 0;
  }
  .overview-content .i .i2 {
    font-size: 1rem;
    padding: 0 6%;
  }
  .overview-content .i .img {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 414px) {
  .overview-content .i {
    font-size: 2.5vw;
  }
}
.overview-content .j {
  background: #220a0a url(./img/j.jpg) 50% 0/120em auto no-repeat;
  height: 61.25em;
}
.overview-content .j .text {
  padding: 19em 0 0 66%;
}
@media (max-width: 736px) {
  .overview-content .j {
    height: auto;
    padding-bottom: 90%;
    background: #100708 url(./m/j.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }
  .overview-content .j .text {
    padding: 0;
  }
}

.overview-content .k {
  background: url(./img/k.jpg) 50% 0/120em 100% no-repeat;
}
.overview-content .k .text {
  padding: 4em 0 5em;
  text-align: center;
}
.overview-content .k ul {
  text-align: center;
  margin-top: 3em;
  display: flex;
  justify-content: center;
}
.overview-content .k ul + ul {
  margin-top: 0;
}
.overview-content .k li {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin: 0.5%;
  border: 1px solid #464242;
  border-radius: 1em;
  box-sizing: border-box;
  padding: 1em 2% 2em;
}
.overview-content .k li .icon {
  display: inline-block;
  width: 6.25em;
  height: 6.25em;
  background: url(./img/k-icons.png) 0 0 no-repeat;
  background-size: auto 100%;
}
.overview-content .k .k1 .icon {
  background-position: 0 0;
}
.overview-content .k .k2 .icon {
  background-position: -6.25em 0;
}
.overview-content .k .k3 .icon {
  background-position: -12.5em 0;
}
.overview-content .k .k4 .icon {
  background-position: -18.75em 0;
}
.overview-content .k .k5 .icon {
  background-position: -25em 0;
}
.overview-content .k .k6 .icon {
  background-position: -31.25em 0;
}
.overview-content .k li h3 {
  font-size: 1.5em;
}
.overview-content .k li .big {
  font-size: 2.5em;
  line-height: 1.3;
}
.overview-content .k li p {
  font-size: 1.125em;
}
.overview-content .k p.note {
  padding-top: 1em;
  font-size: 1.0625em;
}
@media (max-width: 736px) {
  .overview-content .k {
    padding-bottom: 3rem;
  }
  .overview-content .k .text {
    padding: 0;
    text-align: left;
  }
  .overview-content .k ul {
    display: block;
    padding: 0 6%;
    font-size: 1rem;
    text-align: left;
  }
  .overview-content .k li {
    border: none;
    padding: 0;
    margin: 0 0 3rem;
    width: auto;
    display: block;
  }
  .overview-content .k li div:first-child {
    float: left;
  }
  .overview-content .k li .txt {
    overflow: hidden;
    padding-left: 2rem;
  }
  .overview-content .k li .big {
    font-size: 2.25em;
  }
  .overview-content .k ul + ul li:last-child {
    margin: 0;
  }
  .overview-content .k p.note {
    padding-top: 2em;
    font-size: 1.25rem;
  }
}

/* 2022/09/09æ›´æ–° */
.overview-content .easy-setup-with-mercusys-app {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background-color: #0f0b0b;
  padding: 4em 0;
}
.overview-content .easy-setup-with-mercusys-app .w-container {
  width: 95em;
  margin: 0 auto;
}
.overview-content .easy-setup-with-mercusys-app .text {
  vertical-align: middle;
  display: table-cell;
  width: 50%;
  text-align: left;
  padding: 2% 5%;
  color: #fff;
}
.overview-content .easy-setup-with-mercusys-app .img {
  display: table-cell;
  width: 55%;
  height: 47.5em;
  background: url(./img/08-bg.jpg) no-repeat;
  background-size: 55em;
}
.overview-content .easy-setup-with-mercusys-app h2 {
  font-size: 3.125em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 0.5em;
}
.overview-content .easy-setup-with-mercusys-app p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-right: 4em;
}
.overview-content .easy-setup-with-mercusys-app .icons {
  text-align: left;
  display: inline-block;
  width: 100%;
  margin-top: 1em;
}
.overview-content .easy-setup-with-mercusys-app .icons div {
  display: inline-block;
}
.overview-content .easy-setup-with-mercusys-app .icons .logo {
  width: 5.625em;
  height: 5.625em;
  padding-right: 1.5em;
}
.overview-content .easy-setup-with-mercusys-app .icons .store {
  padding-right: 1.5em;
}
.overview-content .easy-setup-with-mercusys-app .icons .qrcode {
  width: 5.75em;
  height: 5.75em;
}
.overview-content .easy-setup-with-mercusys-app .icons .store a {
  display: inline-block;
  width: 8.75em;
  height: 2.5625em;
}
.overview-content .easy-setup-with-mercusys-app .icons img {
  height: 100%;
}
.overview-content .easy-setup-with-mercusys-app .learn-more {
  color: #2e75b6;
  font-size: 1.25em;
  font-weight: 400;
  font-style: italic;
  margin-top: 1em;
  display: inline-block;
  text-decoration: underline;
}
@media (max-width: 1680px) {
  .overview-content .easy-setup-with-mercusys-app {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .overview-content .easy-setup-with-mercusys-app {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .overview-content .easy-setup-with-mercusys-app {
    font-size: 10.35px;
    background: #0f0b0b url(./m/08-bg.jpg) bottom no-repeat;
    background-size: 100%;
    padding: 0 0 100vw;
  }
  .overview-content .easy-setup-with-mercusys-app .w-container {
    width: auto;
  }
  .overview-content .easy-setup-with-mercusys-app h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
    text-align: left;
  }
  .overview-content .easy-setup-with-mercusys-app p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px;
    text-align: left;
  }
  .overview-content .easy-setup-with-mercusys-app .text {
    padding: 0;
    display: block;
    width: auto;
    text-align: left;
  }
  .overview-content .easy-setup-with-mercusys-app .learn-more {
    margin: 1em 20px;
    font-size: 1.5625em;
    font-weight: 400;
  }
  .overview-content .easy-setup-with-mercusys-app .img {
    display: none;
  }
  .overview-content .easy-setup-with-mercusys-app .icons {
    display: block;
    width: auto;
    text-align: left;
    padding: 2em 20px 0;
  }
}
@media (max-width: 414px) {
  .overview-content .easy-setup-with-mercusys-app {
    font-size: 2.5vw;
  }
}

/* 2022 updated */

.overview-content .whole-home-WiFi-solution {
  position: relative;
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  padding: 4em 0 34em;
  background: #0f0b0b url(./img/cover-whole-home-2022.jpg) 50% 100%
    no-repeat;
  background-size: 120em;
}
.overview-content .whole-home-WiFi-solution sup {
  font-size: 0.625em;
}
.overview-content .whole-home-WiFi-solution .no-wrap {
  white-space: nowrap;
}
.overview-content .whole-home-WiFi-solution .w-container {
  width: 95em;
  margin: 0 auto;
}
.overview-content .whole-home-WiFi-solution .w-container .text {
  text-align: center;
}
.overview-content .whole-home-WiFi-solution h2 {
  font-size: 3.125em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 0.5em;
}
.overview-content .whole-home-WiFi-solution p {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300;
  padding-top: 0;
}
.overview-content .whole-home-WiFi-solution .desc .data {
  color: #5b9bf3;
  font-size: 2.375em;
  font-weight: 700;
}
.overview-content .whole-home-WiFi-solution .desc .pack {
  font-size: 1em;
  font-weight: 500;
}
.overview-content .whole-home-WiFi-solution .feature {
  display: flex;
  flex-wrap: wrap;
  width: 60em;
  margin: 3em auto 0;
}
.overview-content .whole-home-WiFi-solution .desc {
  display: flex;
  flex-wrap: wrap;
  width: 60em;
  margin: 3em auto 0;
}
.overview-content .whole-home-WiFi-solution .feature li {
  text-align: center;
  margin: 0 auto;
  width: 25%;
  display: flex;
}
.overview-content .whole-home-WiFi-solution .desc li {
  text-align: center;
  margin: 0 auto;
  width: 50%;
}
.overview-content .whole-home-WiFi-solution .feature li b {
  background-image: url(./img/cover-whole-home-icons-2022.png);
  background-size: 10.5em;
  background-repeat: no-repeat;
  width: 3.5em;
  height: 3.25em;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.overview-content .whole-home-WiFi-solution .feature .li-1 b {
  background-position: 0 0;
}
.overview-content .whole-home-WiFi-solution .feature .li-2 b {
  background-position: 50% 0;
}
.overview-content .whole-home-WiFi-solution .feature .li-3 b {
  background-position: 100% 0;
}
.overview-content .whole-home-WiFi-solution .feature p {
  font-size: 1em;
  padding: 0;
  font-weight: 400;
  text-align: left;
  width: 8em;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 1680px) {
  .overview-content .whole-home-WiFi-solution {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .overview-content .whole-home-WiFi-solution {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .overview-content .whole-home-WiFi-solution {
    font-size: 10.35px;
    padding: 0 0 48%;
    background: #100c0d url(./m/cover-whole-home-2022.jpg) 50% 100%
      no-repeat;
    background-size: 100%;
  }
  .overview-content .whole-home-WiFi-solution .w-container {
    width: auto;
  }
  .overview-content .whole-home-WiFi-solution .w-container .text {
    padding: 0;
  }
  .overview-content .whole-home-WiFi-solution h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
    text-align: left;
  }
  .overview-content .whole-home-WiFi-solution p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px 1em;
    text-align: left;
  }
  .overview-content .whole-home-WiFi-solution .feature,
  .overview-content .whole-home-WiFi-solution .desc {
    padding: 0 20px;
    margin: 0 auto;
    width: auto;
  }
  .overview-content .whole-home-WiFi-solution .desc {
    margin-top: 4em;
  }
  .overview-content .whole-home-WiFi-solution .feature li {
    width: 50%;
    margin: 0 0 2em 0;
  }
  .overview-content .whole-home-WiFi-solution .feature p {
    font-size: 1.354375em;
    padding: 0;
    width: 29vw;
  }
  .overview-content .whole-home-WiFi-solution .feature li b {
    margin: 0 2vw 0 0;
  }
  .overview-content .whole-home-WiFi-solution .desc .pack {
    font-size: 0.9275em;
    padding: 0;
    text-align: center;
  }
  .overview-content .whole-home-WiFi-solution .desc .data {
    padding: 0;
    font-size: 2em;
    text-align: center;
  }
}
@media (max-width: 414px) {
  .overview-content .whole-home-WiFi-solution {
    font-size: 2.5vw;
  }
  .overview-content .whole-home-WiFi-solution .feature {
    bottom: 5%;
  }
}