.overview-content .smart-motion-sensor {
  font-size: 16px;
  height: 53em;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/a.jpg?2) 50% 0 no-repeat;
  background-size: 120em
}

.overview-content .smart-motion-sensor .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}

.overview-content .smart-motion-sensor .w-container .text {
  text-align: left;
  color: #fff;
  padding: 11em 45em 0 3em;
}

.overview-content .smart-motion-sensor h2 {
  font-size: 3.4375em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 0.3em
}



.overview-content .smart-motion-sensor p {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.3;
  padding-bottom: 1em
}

.overview-content .smart-motion-sensor .text .model {
  font-size: 1.875em;
  line-height: 1.333;
  font-weight: 400;
  display: inline-block;
  background: #005eac;
  border-radius: 1em;
  padding: 0.25em 0.5em;
  vertical-align: text-bottom;
  min-width: 6em;
  text-align: center;
}

.overview-content .smart-motion-sensor .icon-container {
  position: absolute;
  right: 3em;
  top: 43em;
}

.overview-content .smart-motion-sensor .icon {

  height: 3em;

  margin: 0 .5em;
}

.overview-content .smart-motion-sensor .product {
  width: 4.375em;
  margin-right: .5em;
}

.overview-content .smart-motion-sensor .icon .google {
  margin-bottom: 0.5em;
  height: 3.625em;
}

.overview-content .smart-motion-sensor .icon .alexa {
  height: 3.4375em;
}


.overview-content .smart-motion-sensor .icon-item {
  border-radius: .5em;
  display: block;
}

@media(max-width:1680px) {
  .overview-content .smart-motion-sensor {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .smart-motion-sensor {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .smart-motion-sensor {
    font-size: 10.35px;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/m/a.jpg?2) 50% 0 no-repeat;
    background-size: 100%;
    height: 132.8125vw;
  }

  .overview-content .smart-motion-sensor .w-container {
    width: auto
  }

  .overview-content .smart-motion-sensor .w-container .text {
    padding: 13vw 21vw 0 7vw;
  }

  .overview-content .smart-motion-sensor h2 {
    font-size: 7.8125vw;
    line-height: 1.2;
  }

  .overview-content .smart-motion-sensor h3 {
    font-size: 6.25vw;
    line-height: 1.2;
    font-weight: 400;
    padding: 0 6vw 60vw;
  }

  .overview-content .smart-motion-sensor p {
    font-size: 4.0625vw;
    padding: 0 0 0.5em;
    line-height: 1.5;
  }

  .overview-content .smart-motion-sensor .text .model {

    font-size: 3.9375vw;

    color: #fff;

    display: block;

    width: 6em;

  }

  .overview-content .smart-motion-sensor .icon-container {
    top: 107vw;
    right: auto;
  }

  .overview-content .smart-motion-sensor .icon {
    margin-top: 4vw;
    height: 7vw;
  }

  .overview-content .smart-motion-sensor .icon .google {
    height: 3em;
  }

  .overview-content .smart-motion-sensor .icon .alexa {
    height: 3em;
  }

  .overview-content .smart-motion-sensor .product {
    width: 10vw;
  }
}

@media(max-width:414px) {
  .overview-content .smart-motion-sensor {
    font-size: 2.5vw
  }
}

.overview-content .archer-selling-point {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;

}

.overview-content .archer-selling-point .w-container {
  width: 85.375em;
  margin: 0 auto
}

.overview-content .archer-selling-point .text {
  padding: 7em 0;
}

.overview-content .archer-selling-point .box {
  height: 0;
  padding-top: 48%;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/b.png?2) 50% 0 no-repeat;
  background-size: 100%;
  position: relative;
}

.overview-content .archer-selling-point .box a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: inherit;
  text-decoration: none;
}

.overview-content .archer-selling-point .desc {
  position: absolute;
  line-height: 1.3;
  text-align: left
}

.overview-content .archer-selling-point .desc1 {
  top: 0;
  left: 0;
  width: 49.5%;
  height: 60%;
}

.overview-content .archer-selling-point .desc2 {
  top: 0;
  left: 50.5%;
  width: 16%;
  height: 49%;
}

.overview-content .archer-selling-point .desc3 {
  top: 0%;
  left: 67%;
  width: 16%;
  height: 49%;
}

.overview-content .archer-selling-point .desc4 {
  top: 0%;
  left: 84%;
  width: 16.2%;
  height: 48.5%;
}

.overview-content .archer-selling-point .desc5 {
  top: 61%;
  left: 0%;
  width: 49.5%;
  height: 38.2%;
}

.overview-content .archer-selling-point .desc6 {
  top: 49.8%;
  left: 50.5%;
  width: 16%;
  height: 49%;
}

.overview-content .archer-selling-point .desc7 {
  top: 50%;
  left: 67.2%;
  width: 16%;
  height: 49%;
}

.overview-content .archer-selling-point .desc8 {
  top: 49.8%;
  left: 84%;
  width: 16%;
  height: 49%;
}

.overview-content .archer-selling-point .desc1 .desc11 {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5;
  position: absolute;
  left: 1.75em;
  top: 12.5em;
  width: 8em;
  text-align: center;
}

.overview-content .archer-selling-point .desc1 .desc12 {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5;
  position: absolute;
  left: 10.5em;
  top: 12.5em;
  width: 6em;
  text-align: center;
}

.overview-content .archer-selling-point .desc2 .desc21 {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5;
  position: absolute;
  left: 3em;
  text-align: center;
  top: 10.5em;
  width: 3em;
}

.overview-content .archer-selling-point .desc2 .desc22 {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5;
  position: absolute;
  left: 10.25em;
  top: 10.5em;
  width: 4em;
  text-align: center;
}

.overview-content .archer-selling-point .desc2 .desc23 {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5;
  position: absolute;
  left: 18em;
  top: 10.5em;
  width: 4em;
  text-align: center;
}

.overview-content .archer-selling-point .b {

  display: block;
}



.overview-content .archer-selling-point .b10 {
  font-size: 5.625em;
  line-height: 1.5;
  font-weight: 700;
  display: block;
  color: #005eac;
}

.overview-content .archer-selling-point .b11 {
  font-size: 2.1875em;
  line-height: 1.2;
  font-weight: 700;
  display: block;
}

.overview-content .archer-selling-point .b12 {
  font-size: 5.625em;
  line-height: 1.5;
  font-weight: 700;
  display: block;
  color: #005eac;
}

.overview-content .archer-selling-point .b13 {
  font-size: 2.1875em;
  line-height: 1.2;
  font-weight: 700;
  display: block;
}


.overview-content .archer-selling-point .b20,
.overview-content .archer-selling-point .b30,
.overview-content .archer-selling-point .b40,
.overview-content .archer-selling-point .b60,
.overview-content .archer-selling-point .b70,
.overview-content .archer-selling-point .b80 {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 400;
  display: block;

}

.overview-content .archer-selling-point .b50 {
  font-size: 2.1875em;
  line-height: 1.2;
  font-weight: 700;
  display: block;
}

.overview-content .archer-selling-point .desc1 .b {
  padding: 1em 10em 0 3em;
}


.overview-content .archer-selling-point .desc2 .b {
  padding: 4em 2em 0;
  text-align: center;
}

.overview-content .archer-selling-point .desc5 .b {
  padding: 3em 10em 0 4em;
}


.overview-content .archer-selling-point .desc3 .b,
.overview-content .archer-selling-point .desc4 .b,
.overview-content .archer-selling-point .desc6 .b,
.overview-content .archer-selling-point .desc7 .b,
.overview-content .archer-selling-point .desc8 .b {
  padding: 4em 1em 0;
  text-align: center;
}

.overview-content .archer-selling-point .no-wrap {
  white-space: nowrap
}


@media (max-width:1680px) {
  .overview-content .archer-selling-point {
    font-size: 14px
  }
}

@media (max-width:1440px) {
  .overview-content .archer-selling-point {
    font-size: 12px
  }
}

@media (max-width:736px) {
  .overview-content .archer-selling-point {
    font-size: 10.35px;
    padding: 0;

  }

  .overview-content .archer-selling-point .w-container {
    width: auto;
  }

  .overview-content .archer-selling-point .text {
    padding: 5em 0;
  }

  .overview-content .archer-selling-point .box {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/m/b.jpg?2) 50% 0 no-repeat;
    background-size: 100%;
    padding-top: 141.9375%;
  }

  .overview-content .archer-selling-point .desc1 {
    top: 0vw;
    left: 7vw;
    width: 86.4%;
    height: 35%;
  }

  .overview-content .archer-selling-point .desc2 {
    top: 84vw;
    left: 7vw;
    width: 27.4%;
    height: 19.5%;
  }

  .overview-content .archer-selling-point .desc3 {
    top: 84vw;
    left: 36vw;
    width: 27.4%;
    height: 19.5%;
  }

  .overview-content .archer-selling-point .desc4 {
    top: 84vw;
    left: 64vw;
    width: 28.4%;
    height: 19.5%;
  }

  .overview-content .archer-selling-point .desc5 {
    top: 51vw;
    left: 7vw;
    width: 86.4%;
    height: 22%;
  }

  .overview-content .archer-selling-point .desc6 {
    top: 114vw;
    left: 7vw;
    width: 27.4%;
    height: 19%;
  }

  .overview-content .archer-selling-point .desc7 {
    top: 114vw;
    left: 36vw;
    width: 27.4%;
    height: 19%;
  }

  .overview-content .archer-selling-point .desc8 {
    top: 114vw;
    left: 65vw;
    width: 27.4%;
    height: 20.5%;
  }

  .overview-content .archer-selling-point .desc5 .b {
    padding: 6vw 5vw 0 8vw
  }

  .overview-content .archer-selling-point .desc2 .b {
    padding: 4vw 3vw 0;
  }

  .overview-content .archer-selling-point .desc3 .b,
  .overview-content .archer-selling-point .desc4 .b,
  .overview-content .archer-selling-point .desc6 .b,
  .overview-content .archer-selling-point .desc7 .b,
  .overview-content .archer-selling-point .desc8 .b {
    padding: 4vw 1vw 0;
  }

  .overview-content .archer-selling-point .b10 {
    font-size: 11.40625vw;
  }

  .overview-content .archer-selling-point .b11 {
    font-size: 4.375vw;
  }

  .overview-content .archer-selling-point .b12 {
    font-size: 11.40625vw;
  }

  .overview-content .archer-selling-point .b13 {
    font-size: 4.375vw;
  }

  .overview-content .archer-selling-point .b50 {
    font-size: 4.6875vw;
  }

  .overview-content .archer-selling-point .b20,
  .overview-content .archer-selling-point .b30,
  .overview-content .archer-selling-point .b40,
  .overview-content .archer-selling-point .b60,
  .overview-content .archer-selling-point .b70,
  .overview-content .archer-selling-point .b80 {
    font-size: 2.5vw;
  }
}

@media (max-width:414px) {
  .overview-content .archer-selling-point {
    font-size: 2.5vw
  }
}

.overview-content .visual-coverage {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 4em 0 0;
  background: #f9f9f9;
}

.overview-content .visual-coverage .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}

.overview-content .visual-coverage .text {
  padding: 2em 0 0;
}

.overview-content .visual-coverage .tapo-tab-panel {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.overview-content .visual-coverage .tapo-tab-panel .tapo-tab {
  min-width: 29%;
  text-align: center;
}

.overview-content .visual-coverage .tapo-tab-panel .tapo-tab span {
  font-size: 1.875em;
  font-weight: 400;
  text-align: center;
  padding: 0.125em 0;
}

.overview-content .visual-coverage .desc-1 .w-container .text {
  padding: 0 15em 3em;
}

.overview-content .visual-coverage .desc-2 .w-container .text {
  padding: 0 15em 3em;
}

.overview-content .visual-coverage .desc-3 .w-container .text {
  padding: 0 15em 3em;
}

.overview-content .visual-coverage .tapo-tab-panel .tapo-tab.active span {
  background: #005eac;
  color: #fff;
  padding: .25em 1em;
  border-radius: 1em;
}


.overview-content .visual-coverage .desc-wrap .desc {
  display: none
}

.overview-content .visual-coverage .desc-wrap .desc.active {

  display: block
}

.overview-content .visual-coverage h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em;
  text-align: center
}

.overview-content .visual-coverage p {
  font-size: 1.4375em;
  line-height: 1.5;
  text-align: center;
  padding: 0 13em 2em;
}

.overview-content .visual-coverage .desc-wrap {
  margin-top: 2em;
}


.overview-content .visual-coverage .desc-1 {
  background-image: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/c1.jpg?2);
  padding-bottom: 41.0625em;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  position: relative;
}

.overview-content .visual-coverage .desc-2 {
  background-image: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/c2.jpg?2);
  padding-bottom: 41.0625em;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  position: relative
}

.overview-content .visual-coverage .desc-3 {
  background-image: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/c3.jpg?2);
  padding-bottom: 41.0625em;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  position: relative
}

.overview-content .visual-coverage.active .mobile-bg {
  display: none
}

@media(max-width:1680px) {
  .overview-content .visual-coverage {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .visual-coverage {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .visual-coverage {
    font-size: 10.35px;
    padding: 0;
    background: #fff;
  }

  .overview-content .visual-coverage .w-container {
    width: auto;

  }

  .overview-content .visual-coverage .text {
    padding: 0 0 1.5em;
  }

  .overview-content .visual-coverage h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
    text-align: left
  }




  .overview-content .visual-coverage p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px 1em;
    text-align: left
  }

  .overview-content .visual-coverage .tapo-tab-panel,
  .overview-content .visual-coverage .desc-wrap {
    display: none;
  }

  .overview-content .visual-coverage.active .mobile-bg {
    display: block;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/m/c.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 320vw;
    position: relative;
  }

  .overview-content .visual-coverage .desc {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .overview-content .visual-coverage .desc span {
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.2;
    background: #005eac;
    padding: .5em 1.25em;
    border-radius: 3em;
    color: #fff;
  }

  .overview-content .visual-coverage .desc1 {
    top: 0vw;
  }

  .overview-content .visual-coverage .desc2 {
    top: 104vw;
  }

  .overview-content .visual-coverage .desc3 {
    top: 210vw;
  }
}

@media(max-width:414px) {
  .overview-content .visual-coverage {
    font-size: 2.5vw
  }
}

.overview-content .dimming-for-light {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/d.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding-bottom: 52.3em;
}

.overview-content .dimming-for-light .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}

.overview-content .dimming-for-light .text {
  padding: 6.875em 13em 3em;
}


.overview-content .dimming-for-light h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em;
  text-align: center
}

.overview-content .dimming-for-light p {
  font-size: 1.4375em;
  line-height: 1.5;
  text-align: center;
}

.overview-content .dimming-for-light .bg {
  position: absolute;
  left: 0;
  right: 0;
}

.overview-content .dimming-for-light .desc {
  position: absolute;
  top: 35em;
  text-align: center;
  width: 31.25em;
}

.overview-content .dimming-for-light .desc1 {

  left: 0em;

}

.overview-content .dimming-for-light .desc2 {

  left: 31.75em;
}

.overview-content .dimming-for-light .desc3 {

  left: 63.5em;
}

.overview-content .dimming-for-light .desc span {
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
}

@media(max-width:1680px) {
  .overview-content .dimming-for-light {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .dimming-for-light {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .dimming-for-light {
    font-size: 10.35px;
    padding: 0;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/m/d.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 258vw;
  }

  .overview-content .dimming-for-light .w-container {
    width: auto;

  }

  .overview-content .dimming-for-light .text {
    padding: 0 0 1.5em;
  }

  .overview-content .dimming-for-light h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
    text-align: left
  }

  .overview-content .dimming-for-light p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px;
    text-align: left;
  }

  .overview-content .dimming-for-light .bg {
    position: relative;
  }

  .overview-content .dimming-for-light .desc {
    width: 80vw;
    left: 10vw
  }

  .overview-content .dimming-for-light .desc1 {
    top: 69vw;
  }

  .overview-content .dimming-for-light .desc2 {
    top: 154vw;
  }

  .overview-content .dimming-for-light .desc3 {
    top: 241vw;
  }

  .overview-content .dimming-for-light .desc span {
    font-size: 6vw;
  }
}

@media(max-width:414px) {
  .overview-content .dimming-for-light {
    font-size: 2.5vw
  }
}

.overview-content .easily-manage-your-life {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/e-1.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 49em;
  transition: background 1s ease-out;
}

.overview-content .easily-manage-your-life.active {

  background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/e-2.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 49em;
}

.overview-content .easily-manage-your-life .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}

.overview-content .easily-manage-your-life .text {
  padding: 6.875em 13em 3em;
  color: #fff;
}


.overview-content .easily-manage-your-life h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em;
  text-align: center
}

.overview-content .easily-manage-your-life p {
  font-size: 1.4375em;
  line-height: 1.5;
  text-align: center;
}

.overview-content .easily-manage-your-life .time-container {
  position: absolute;
  left: 0;
  right: 0;
}

.overview-content .easily-manage-your-life .desc {
  position: absolute;
  text-align: center;
  padding: .25em 2em;
  border-radius: 3em;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  left: 40em;
  top: 21em;
}

.overview-content .easily-manage-your-life .desc p {
  font-size: 1.75em;
}

.overview-content .easily-manage-your-life .desc p span.time {
  font-size: 1.64em;
  padding-right: .25em;
}

@media(max-width:1680px) {
  .overview-content .easily-manage-your-life {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .easily-manage-your-life {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .easily-manage-your-life {
    font-size: 10.35px;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/m/e-1.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 108vw;
    height: auto;
  }

  .overview-content .easily-manage-your-life.active {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/m/e-2.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: auto;
  }

  .overview-content .easily-manage-your-life .w-container {
    width: auto;

  }

  .overview-content .easily-manage-your-life .text {
    padding: 0 0 1.5em;
    color: #000;
  }

  .overview-content .easily-manage-your-life h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
    text-align: left
  }

  .overview-content .easily-manage-your-life p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px;
    text-align: left
  }

  .overview-content .easily-manage-your-life .time-container {
    position: relative;
  }

  .overview-content .easily-manage-your-life .desc {
    left: 29vw;
    padding: .25em 1em;
    top: 89vw;
  }

  .overview-content .easily-manage-your-life .desc p {
    font-size: 4vw;
  }
}

@media(max-width:414px) {
  .overview-content .easily-manage-your-life {
    font-size: 2.5vw
  }
}


.overview-content .energy-monitor-save {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/f.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding-bottom: 46.3em;
}

.overview-content .energy-monitor-save .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}

.overview-content .energy-monitor-save .text {
  padding: 6.875em 29em 0em 0em;
}


.overview-content .energy-monitor-save h2 {
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em;
}

.overview-content .energy-monitor-save p {
  font-size: 1.4375em;
  line-height: 1.5;
}



@media(max-width:1680px) {
  .overview-content .energy-monitor-save {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .energy-monitor-save {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .energy-monitor-save {
    font-size: 10.35px;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/m/f.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 130vw;
    ;
  }

  .overview-content .energy-monitor-save .w-container {
    width: auto;

  }

  .overview-content .energy-monitor-save .text {
    padding: 0 0 1.5em;
  }

  .overview-content .energy-monitor-save h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
    text-align: left
  }

  .overview-content .energy-monitor-save p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px;
    text-align: left
  }

}

@media(max-width:414px) {
  .overview-content .energy-monitor-save {
    font-size: 2.5vw
  }
}



.overview-content .away-mode {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/g.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding-bottom: 52.3em;
}

.overview-content .away-mode .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}

.overview-content .away-mode .text {
  padding: 3.875em 14em 0em 30em;
}


.overview-content .away-mode h2 {
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em;
}

.overview-content .away-mode p {
  font-size: 1.4375em;
  line-height: 1.5;
}



@media(max-width:1680px) {
  .overview-content .away-mode {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .away-mode {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .away-mode {
    font-size: 10.35px;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/m/g.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 130vw;
  }

  .overview-content .away-mode .w-container {
    width: auto;

  }

  .overview-content .away-mode .text {
    padding: 0 0 1.5em;
  }

  .overview-content .away-mode h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
    text-align: left
  }

  .overview-content .away-mode p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px 1em;
    text-align: left
  }

}

@media(max-width:414px) {
  .overview-content .away-mode {
    font-size: 2.5vw
  }
}



.overview-content .easy-setup {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/h.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 55.3em;
}

.overview-content .easy-setup .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}

.overview-content .easy-setup .text {
  padding: 6em 18em 0em;
  text-align: center;
  color: #fff;
}


.overview-content .easy-setup h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em;
}

.overview-content .easy-setup p {
  font-size: 1.4375em;
  line-height: 1.5;
}

.overview-content .easy-setup .bg {
  position: absolute;
}

.overview-content .easy-setup .bg .desc {
  top: 32em;
  position: absolute;
  width: 20em;
  text-align: center;
}

.overview-content .easy-setup .bg .desc1 {
  left: 11em;

}

.overview-content .easy-setup .bg .desc1 {
  left: 11em;

}

.overview-content .easy-setup .bg .desc2 {
  left: 39em;
}

.overview-content .easy-setup .bg .desc3 {
  left: 65em;
}

.overview-content .easy-setup .bg .desc span {
  font-size: 1.4375em;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}

@media(max-width:1680px) {
  .overview-content .easy-setup {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .easy-setup {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .easy-setup {
    font-size: 10.35px;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/m/h.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 226vw;
    height: auto;
  }

  .overview-content .easy-setup .w-container {
    width: auto;

  }

  .overview-content .easy-setup .text {
    padding: 0 0 1.5em;
    color: #000
  }

  .overview-content .easy-setup h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
    text-align: left
  }

  .overview-content .easy-setup p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px;
    text-align: left
  }

  .overview-content .easy-setup .bg {
    position: relative;
  }

  .overview-content .easy-setup .bg .desc span {
    font-size: 4vw;
  }

  .overview-content .easy-setup .bg .desc {
    left: 50%;
    transform: translateX(-50%);
    width: 78vw;
  }

  .overview-content .easy-setup .bg .desc1 {
    top: 66vw;
  }

  .overview-content .easy-setup .bg .desc2 {
    top: 140vw;
  }

  .overview-content .easy-setup .bg .desc3 {
    top: 211vw;
  }
}

@media(max-width:414px) {
  .overview-content .easy-setup {
    font-size: 2.5vw
  }
}

.overview-content .mobile-br {
  display: none
}

@media(max-width:736px) {
  .overview-content .mobile-br {
    display: block
  }
}

.overview-content .adaptable-storage-solutions {
  font-size: 16px;
  margin: 0 auto;
  position: relative;
  padding: 1em 0 11em;
  max-width: 120em;
}



.overview-content .adaptable-storage-solutions .text p {
  font-size: 1.3125em;
  line-height: 1.5;
  padding-bottom: 1em;
}

.overview-content .adaptable-storage-solutions .w-container {
  width: 87.5em;
  margin: 0 auto;

}

.overview-content .adaptable-storage-solutions .mobile-content {
  display: none;
}

.overview-content .adaptable-storage-solutions .text {
  text-align: center;
  padding: 5em 18em 2em;
}

.overview-content .adaptable-storage-solutions h2 {
  padding-right: 1em;
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 1em;
  padding-top: 1em;
}

.overview-content .adaptable-storage-solutions ul {
  margin-right: 3.75em;
}

.overview-content .adaptable-storage-solutions ul li {
  margin-bottom: 1.25em;
  padding-bottom: 0.6em;
  border-bottom: 1px solid #acacac;
  width: 34.125em;
}

.overview-content .adaptable-storage-solutions ul li label {
  cursor: pointer;
  display: block;
  font-size: 1.25em;
  color: #acacac;
  font-weight: 400;
  position: relative;
}

.overview-content .adaptable-storage-solutions ul li label::after {
  content: '';
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/right-button-icon-1.png) 50% 100% no-repeat;
  background-size: 100%;
  display: block;
  width: 0.55em;
  height: 0.9em;
  position: absolute;
  right: 0;
  top: 0.25em;
}

.overview-content .adaptable-storage-solutions ul li.active label::after {
  content: '';
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/right-button-icon-2.png) 50% 100% no-repeat;
  background-size: 100%;
  display: block;
  width: 0.6em;
  height: 0.36em;
  position: absolute;
  right: 0;
  top: 0.8em;
}


.overview-content .adaptable-storage-solutions li .desc-padding {
  overflow: hidden;
  transition: height .5s ease, opacity .2s linear;
  opacity: 0;
}

.overview-content .adaptable-storage-solutions ul li p {
  display: none;
  color: #000000;
  letter-spacing: 0;
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .adaptable-storage-solutions ul li .content {
  display: none;

}

.overview-content .adaptable-storage-solutions.active .text-container .bg {
  display: none;
}

.overview-content .adaptable-storage-solutions ul li.active .content {
  display: block;
}

.overview-content .adaptable-storage-solutions ul .li3 {
  border-bottom: none;
}

.overview-content .adaptable-storage-solutions ul li.active p {
  display: block;
}

.overview-content .adaptable-storage-solutions ul li.active p a {
  color: #005eac;
}

.overview-content .adaptable-storage-solutions ul li.active label {
  font-size: 1.875em;
  color: #005eac;
}

.overview-content .adaptable-storage-solutions ul li.active .desc-padding {
  opacity: 1;
  height: 0;
  transition: opacity .5s linear, height .5s ease;
  padding-bottom: 1em;
}

.overview-content .adaptable-storage-solutions .imgs-wrapper {
  width: 47.3125em;
  position: relative;
}

.overview-content .adaptable-storage-solutions .imgs {
  width: 100%;
  position: absolute;
}

.overview-content .adaptable-storage-solutions .text-container {
  width: 42em;
}

.overview-content .adaptable-storage-solutions .imgs .screen {
  height: 39.5625em;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.overview-content .adaptable-storage-solutions .imgs .screen1 {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/i-1.jpg) 50% 100% / 100% no-repeat;
}

.overview-content .adaptable-storage-solutions .imgs .screen2 {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/i-2.jpg) 50% 100% / 100% no-repeat;
}

.overview-content .adaptable-storage-solutions .imgs .screen3 {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/img/i-3.jpg) 50% 100% / 100% no-repeat;
}

.overview-content .adaptable-storage-solutions .text-wrapper {
  margin: 0 auto;
  height: 39.5625em;
  width: 96em;
  display: flex;
  justify-content: space-between;
}

.overview-content .adaptable-storage-solutions .imgs .screen.active {
  opacity: 1;
}

.overview-content .adaptable-storage-solutions .flex-content {
  display: flex;
  justify-content: space-between;
  width: 20em;
}

.overview-content .adaptable-storage-solutions .li-content {
  text-align: center;
}

.overview-content .adaptable-storage-solutions ul li p.desc {
  width: auto;
}

.overview-content .adaptable-storage-solutions .img-container {
  position: relative;
}

.overview-content .adaptable-storage-solutions .img-container span {
  position: absolute;
  font-size: 1em;
  left: 0.25em;
  line-height: 1;
  top: 1em;
  color: #9fa0a0;
  text-align: center;
}

.overview-content .adaptable-storage-solutions ul .icon {
  width: 4.359375em;
  height: 4.359375em;
}

.overview-content .adaptable-storage-solutions .desc {
  position: absolute;
  top: 20em;
  text-align: center;
}

.overview-content .adaptable-storage-solutions .desc span {
  font-size: 1.80375em;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  display: inline-block;
  text-align: left;
  padding: .5em .5em;
  background: rgba(255, 255, 255, .3);
  border-radius: 1em;
}

.overview-content .adaptable-storage-solutions .desc span::after {
  content: '';
  position: absolute;
  right: 1em;
  border: 10px solid transparent;
  border-right: 10px solid rgba(255, 255, 255, 0.3);
  border-bottom: 10px solid rgba(255, 255, 255, 0.3);
  top: -20px;
}

.overview-content .adaptable-storage-solutions .screen1 .desc1 {
  width: 21em;
  left: 6.5em;
}


@media (max-width:1680px) {
  .overview-content .adaptable-storage-solutions {
    font-size: 14px
  }
}

@media (max-width:1440px) {
  .overview-content .adaptable-storage-solutions {
    font-size: 12px
  }
}

@media (max-width:736px) {
  .overview-content .adaptable-storage-solutions {
    font-size: 10.35px;
    padding: 0;
  }

  .overview-content .adaptable-storage-solutions .text-container {
    width: auto;
  }

  .overview-content .adaptable-storage-solutions .w-container {
    width: auto;
    position: relative;

  }


  .overview-content .adaptable-storage-solutions .text {
    padding: 0 0 1.5em;
    text-align: left
  }

  .overview-content .adaptable-storage-solutions h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }


  .overview-content .adaptable-storage-solutions h3 {
    font-size: 2em;
    line-height: 1.5;
    font-weight: 500;
    padding: 1em 20px 0.25em;
    text-align: left;
  }

  .overview-content .adaptable-storage-solutions .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .adaptable-storage-solutions.active .text-container .bg {
    display: block;
    position: relative;
  }






  .overview-content .adaptable-storage-solutions .text-wrapper {
    flex-wrap: wrap-reverse;
    width: auto;
    height: auto;
  }

  .overview-content .adaptable-storage-solutions .imgs-wrapper {
    display: block;
    width: 100vw;
    height: 86.26vw;
    padding-top: 5em;
  }

  .overview-content .adaptable-storage-solutions ul {
    margin-right: 0;
  }

  .overview-content .adaptable-storage-solutions ul li {
    width: auto;
    margin: 0 20px;
    padding: 0;
    border: none;
  }

  .overview-content .adaptable-storage-solutions ul li label {
    font-size: 2em;
    color: #000;
    padding: 0 0 .25em;
  }

  .overview-content .adaptable-storage-solutions .screen1 .desc1 {
    left: 13vw;
    width: 48vw;
    top: 46.5vw;
  }

  .overview-content .adaptable-storage-solutions .screen1 .desc span {
    font-size: 4vw;
  }

  .overview-content .adaptable-storage-solutions ul li.active label {
    font-size: 2em;
    padding: 0em 0 .5em;
  }

  .overview-content .adaptable-storage-solutions .imgs .screen {
    height: 86.25vw;
  }

  .overview-content .adaptable-storage-solutions .imgs .screen1 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/m/i-1.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .adaptable-storage-solutions .imgs .screen2 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/m/i-2.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .adaptable-storage-solutions .imgs .screen3 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l520e_v2/m/i-3.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .adaptable-storage-solutions ul li .desc-padding {
    opacity: 1;
    height: auto;
  }

  .overview-content .adaptable-storage-solutions ul li.active .desc-padding {
    opacity: 1;
    height: auto;
    padding: 0 0 1.5em;
  }

  .overview-content .adaptable-storage-solutions ul li .content {
    display: block;
  }

  .overview-content .adaptable-storage-solutions ul li p {
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5;
    color: #000;
    width: auto;
  }

  .overview-content .adaptable-storage-solutions ul li.active {
    border-bottom: 1px solid #acacac;
  }

  .overview-content .adaptable-storage-solutions ul li.active label::after {
    font-size: 1.5em;
    top: 50%;
    transform: translateY(-50%);
  }

  .overview-content .adaptable-storage-solutions ul li label::after {

    top: 50%;
    transform: translateY(-50%);
  }
}

@media (max-width:414px) {
  .overview-content .adaptable-storage-solutions {
    font-size: 2.5vw
  }
}