.overview-content {
  overflow: hidden;
}

.overview-content .a {
  font-size: 16px;
  height: 58.875em;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/a.jpg) 50% 0 no-repeat;
  background-size: 120em;
}

.overview-content .a .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .a .w-container .text {
  text-align: left;
  padding: 12em 50% 0 0;
}

.overview-content .a h2 {
  font-size: 2.625em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .a h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .a .other {
  padding-bottom: 2em;
}

.overview-content .a .text .model {
  font-size: 1.75em;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background-color: #005eac;
  border-radius: 10em;
  padding: 0.25em 1em;
}

.overview-content .a .icon {
  height: 10em;
}

@media (max-width: 1680px) {
  .overview-content .a {
      font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .a {
      font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .a {
      font-size: 10.35px;
      background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/m/a.jpg) 50% 0 no-repeat;
      background-size: 100%;
      height: 150vw;
  }

  .overview-content .a .w-container {
      width: auto;
      position: relative;
  }

  .overview-content .a .w-container .text {
      padding: 75vw 20px 0 20px;
  }

  .overview-content .a h2 {
      font-size: 2.5em;
      line-height: 1.2;
      padding: 0 0 0.5em;
  }

  .overview-content .a h3 {
      font-size: 1.75em;
      line-height: 1.2;
      padding: 0 0 1em;
  }

  .overview-content .a .desc {
      padding: 0 0 0.5em;
  }

  .overview-content .a .text .model {
      font-size: 1.5em;
  }

  .overview-content .a .icon {
      height: 20vw;
  }
}

@media (max-width: 414px) {
  .overview-content .a {
      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: 73.5em;
  margin: 0 auto
}

.overview-content .archer-selling-point .text {
  padding: 5em 0;
}

.overview-content .archer-selling-point .box {
  height: 0;
  padding-top: 65.5%;
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/b.png) 50% 0/100% auto no-repeat;
  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 .title {
  position: absolute;
  font-weight: 400;
  padding: 2em;
  line-height: 1.2;
}

.overview-content .archer-selling-point .desc {
  position: absolute;
  font-weight: 400;
  padding: 0 0 0 4em;
  line-height: 1.2;
  font-size: 1.125em;
  width: 11%;
  transform: translateY(-50%);
}

.overview-content .archer-selling-point .title .lp {
  font-size: 2.5em;
  font-weight: 500;
}

.overview-content .archer-selling-point .title .mp {
  font-size: 1.5em;
  font-weight: 500;
}

.overview-content .archer-selling-point .title .sp {
  font-size: 1.125em;
  width: 50%;
  margin-top: 1em;
}

.overview-content .archer-selling-point .t1 {
  top: 0;
  left: 0;
  width: 60%;
}

.overview-content .archer-selling-point .i11, .overview-content .archer-selling-point .i12, .overview-content .archer-selling-point .i13 {
  top: 21%;
}

.overview-content .archer-selling-point .i14, .overview-content .archer-selling-point .i15, .overview-content .archer-selling-point .i16 {
  top: 30%;
}

.overview-content .archer-selling-point .i11, .overview-content .archer-selling-point .i14 {
  left: 4%;
}

.overview-content .archer-selling-point .i12, .overview-content .archer-selling-point .i15 {
  left: 24%;
}

.overview-content .archer-selling-point .i13, .overview-content .archer-selling-point .i16 {
  left: 42.5%;
}

.overview-content .archer-selling-point .t2 {
  top: 41%;
  left: 0%;
  width: 36%;
}

.overview-content .archer-selling-point .t3 {
  top: 41%;
  left: 42.5%;
  width: 16%;
}

.overview-content .archer-selling-point .i31, .overview-content .archer-selling-point .i32, .overview-content .archer-selling-point .i33 {
  left: 43%;
}

.overview-content .archer-selling-point .i31 {
  top: 66%;
}

.overview-content .archer-selling-point .i32 {
  top: 72%;
}

.overview-content .archer-selling-point .i33 {
  top: 79%;
}

.overview-content .archer-selling-point .t4 {
  text-align: center;
  bottom: 24%;
  right: 0%;
  width: 14%;
}

.overview-content .archer-selling-point .i5 {
  top: 81%;
  left: 82%;
}

.overview-content .archer-selling-point .i6 {
  top: 94%;
  left: 82%;
}

.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 6vw 1em;
  }

  .overview-content .archer-selling-point .box {
      background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/m/b.png) 50% 0 no-repeat;
      background-size: 100%;
      padding-top: 113vw;
  }

  .overview-content .archer-selling-point .title {
      padding: 3vw 4vw;
  }

  .overview-content .archer-selling-point .desc {
      font-size: 2.5vw;
      width: 19vw;
  }

  .overview-content .archer-selling-point .title .lp {
      font-size: 6vw;
  }

  .overview-content .archer-selling-point .title .mp {
      font-size: 2.75vw;
  }

  .overview-content .archer-selling-point .title .sp {
      width: 40vw;
  }

  .overview-content .archer-selling-point .t2 .lp {
      font-size: 3.75vw;
  }

  .overview-content .archer-selling-point .t1 {
      top: 0;
      left: 0;
      width: 60%;
  }

  .overview-content .archer-selling-point .i11, .overview-content .archer-selling-point .i13, .overview-content .archer-selling-point .i15 {
      left: 4vw;
  }

  .overview-content .archer-selling-point .i12, .overview-content .archer-selling-point .i14, .overview-content .archer-selling-point .i16 {
      left: 30vw;
  }

  .overview-content .archer-selling-point .i11, .overview-content .archer-selling-point .i12 {
      top: 17vw;
  }

  .overview-content .archer-selling-point .i13, .overview-content .archer-selling-point .i14 {
      top: 27vw;
  }

  .overview-content .archer-selling-point .i15, .overview-content .archer-selling-point .i16 {
      top: 36.5vw;
  }

  .overview-content .archer-selling-point .t2 {
      top: 45vw;
      left: 0%;
      width: 40vw;
  }

  .overview-content .archer-selling-point .t3 {
      top: 45vw;
      left: 50vw;
      width: 32vw;
  }

  .overview-content .archer-selling-point .i31, .overview-content .archer-selling-point .i32, .overview-content .archer-selling-point .i33 {
      left: 42vw;
  }

  .overview-content .archer-selling-point .i31 {
      top: 64vw;
  }

  .overview-content .archer-selling-point .i32 {
      top: 74vw;
  }

  .overview-content .archer-selling-point .i33 {
      top: 84vw;
  }

  .overview-content .archer-selling-point .t4 {
      text-align: left;
      bottom: 3vw;
      right: 68vw;
  }

  .overview-content .archer-selling-point .i5 {
      top: 107vw;
      left: 36.5vw;
      text-align: center;
      padding: 3vw;
  }

  .overview-content .archer-selling-point .i6 {
      top: 107vw;
      left: 63vw;
      text-align: center;
      padding: 3vw;
  }
}

@media (max-width: 414px) {
  .overview-content .archer-selling-point {
      font-size: 2.5vw
  }
}

.overview-content .adaptable-storage-solutions {
  font-size: 16px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 5em;
  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 {
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em
}

.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 #B2B2B2;
  width: 30.125em
}

.overview-content .adaptable-storage-solutions ul li label {
  cursor: pointer;
  display: block;
  font-size: 1.875em;
  color: #000;
  font-weight: 400;
  padding-bottom: 0.3em;
  position: relative
}

.overview-content .adaptable-storage-solutions ul li label::after {
  content: '';
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/right-button-icon.png) 50% 100% no-repeat;
  background-size: 100%;
  display: block;
  width: 0.4em;
  height: 1.125em;
  position: absolute;
  right: 0;
  top: 0.25em
}

.overview-content .adaptable-storage-solutions ul li.active label::after {
  text-decoration: none;
  transform: rotate(90deg)
}

.overview-content .adaptable-storage-solutions li .desc-padding {
  overflow: hidden;
  transition: height .5s ease, opacity .2s linear;
  opacity: 0;
  padding-bottom: 0
}

.overview-content .adaptable-storage-solutions ul li p {
  display: none;
  color: #9fa0a0;
  letter-spacing: 0;
  font-weight: 300;
  font-size: 1.21875em;
  line-height: 1.5;
  width: 23em
}

.overview-content .adaptable-storage-solutions ul li .content {
  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 .desc-padding {
  opacity: 1;
  height: 0;
  transition: opacity .5s linear, height .5s ease
}

.overview-content .adaptable-storage-solutions .imgs-wrapper {
  display: table-cell;
  width: 32.671875em;
  position: relative
}

.overview-content .adaptable-storage-solutions .imgs {
  width: 100%;
  position: absolute
}

.overview-content .adaptable-storage-solutions .text-container {
  display: table-cell
}

.overview-content .adaptable-storage-solutions .imgs .screen {
  height: 36em;
  opacity: 0;
  position: absolute;
  width: 100%
}

.overview-content .adaptable-storage-solutions .imgs .screen1 {
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/g1.png) 50% 100% / 100% no-repeat
}

.overview-content .adaptable-storage-solutions .imgs .screen2 {
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/g3.png) 50% 100% / 100% no-repeat
}

.overview-content .adaptable-storage-solutions .imgs .screen3 {
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/g2.png) 50% 100% / 100% no-repeat
}

.overview-content .adaptable-storage-solutions .text-wrapper {
  margin: 0 auto;
  height: 36em;
  width: 67em
}

.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;
  width: 4em;
  color: #9fa0a0;
  text-align: center
}

.overview-content .adaptable-storage-solutions ul .icon {
  width: 4.359375em;
  height: 4.359375em
}

.overview-content .adaptable-storage-solutions .imgs .desc {
  position: absolute;
  left: -13em;
  top: 25em;
  text-align: center;
  width: 59em
}

.overview-content .adaptable-storage-solutions .imgs .desc span {
  font-size: 1.05em;
  line-height: 1.2;
  font-weight: 400;
  color: #9fa0a0
}

@media (min-width: 1920px) {
  .overview-content .adaptable-storage-solutions {
      font-size: 0.83vw
  }
}

@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;
      background: #fff;
  }

  .overview-content .adaptable-storage-solutions .w-container {
      width: auto;
      position: relative;
  }

  .overview-content .adaptable-storage-solutions .mobile-content {
      display: block;
  }

  .overview-content .adaptable-storage-solutions .text-wrapper {
      display: none;
  }

  .overview-content .adaptable-storage-solutions .text {
      padding: 0 0 0em;
      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 .swiper-slide img {
      width: 90%;
      margin: 5vw auto 0;
  }

  .overview-content .adaptable-storage-solutions .swiper-slide {
      text-align: center;
  }

  .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 p.desc-p {
      font-size: 1.75em;
      line-height: 1.5;
      padding: 0 20px;
      text-align: left;
  }

  .overview-content .adaptable-storage-solutions .swiper-slide img.icon {
      width: 11vw;
  }

  .overview-content .adaptable-storage-solutions .flex-content {
      margin-left: 20px;
      width: 49vw;
      margin-top: 2em;
  }

  .overview-content .adaptable-storage-solutions p.desc {
      font-size: 1em;
  }

  .overview-content .adaptable-storage-solutions .img-container span {
      left: 0.5vw;
      top: 3vw;
      font-size: 2.5vw;
  }

  .overview-content .adaptable-storage-solutions .swiper-container-horizontal>.swiper-pagination-bullets {
      bottom: -5vw;
  }

  .overview-content .adaptable-storage-solutions .swiper-pagination-bullet {
      width: 2vw;
      height: 2vw;
  }
}

@media (max-width: 414px) {
  .overview-content .adaptable-storage-solutions {
      font-size: 2.5vw
  }
}

.overview-content .certified-and-reliable {
  font-size: 16px;
  height: 56.25em;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/c.jpg) 50% 0 no-repeat;
  background-size: 120em;
}

.overview-content .certified-and-reliable .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .certified-and-reliable .w-container .text {
  text-align: left;
  padding: 12em 0 0 55%;
}

.overview-content .certified-and-reliable h2 {
  font-size: 2.625em;
  font-weight: 500;
  line-height: 1.2;
}

.overview-content .certified-and-reliable h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.2;
  padding: 0.5em 0 0.25em;
}

.overview-content .certified-and-reliable .icon {
  height: 4em;
  margin-top: 2em;
}

@media (max-width: 1680px) {
  .overview-content .certified-and-reliable {
      font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .certified-and-reliable {
      font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .certified-and-reliable {
      font-size: 10.35px;
      background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/m/c.jpg) bottom/ 100% auto no-repeat;
      height: auto;
  }

  .overview-content .certified-and-reliable .w-container {
      width: auto;
      position: relative;
  }

  .overview-content .certified-and-reliable .w-container .text {
      padding: 3.75em 20px 70vw 20px;
  }

  .overview-content .certified-and-reliable h2 {
      font-size: 2.5em;
      line-height: 1.2;
  }

  .overview-content .certified-and-reliable h3 {
      font-size: 1.875em;
      line-height: 1.2;
  }

  .overview-content .certified-and-reliable p {
      font-size: 1.75em;
  }

  .overview-content .certified-and-reliable .icon {
      height: 10vw;
  }
}

@media (max-width: 414px) {
  .overview-content .certified-and-reliable {
      font-size: 2.5vw;
  }
}

.overview-content .rapid-fingerprint-recognition {
  font-size: 16px;
  height: 56.25em;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/d.jpg) 50% 0 no-repeat;
  background-size: 120em;
}

.overview-content .rapid-fingerprint-recognition .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .rapid-fingerprint-recognition .w-container .text {
  text-align: left;
  padding: 12em 55% 0 0;
}

.overview-content .rapid-fingerprint-recognition h2 {
  font-size: 2.625em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .rapid-fingerprint-recognition h3 {
  font-size: 3.25em;
  font-weight: 400;
  line-height: 1.2;
  padding: 0 0 0.25em;
  color: #005eac;
  font-weight: 700;
}

.overview-content .rapid-fingerprint-recognition p {
  font-size: 1.25em;
}

.overview-content .rapid-fingerprint-recognition .feature {
  margin-top: 1em;
}

.overview-content .rapid-fingerprint-recognition .feature li {
  display: inline-block;
  vertical-align: bottom;
  width: 37%;
  text-align: center;
}

.overview-content .rapid-fingerprint-recognition .feature li p {
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.2;
}

@media (max-width: 1680px) {
  .overview-content .rapid-fingerprint-recognition {
      font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .rapid-fingerprint-recognition {
      font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .rapid-fingerprint-recognition {
      font-size: 10.35px;
      background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/m/d.jpg) bottom/ 100% auto no-repeat;
      height: auto
  }

  .overview-content .rapid-fingerprint-recognition .w-container {
      width: auto;
      position: relative;
  }

  .overview-content .rapid-fingerprint-recognition .w-container .text {
      padding: 3.75em 20px 85vw 20px;
  }

  .overview-content .rapid-fingerprint-recognition h2 {
      font-size: 2.5em;
      line-height: 1.2;
  }

  .overview-content .rapid-fingerprint-recognition h3 {
      font-size: 10vw;
      line-height: 1.2;
  }

  .overview-content .rapid-fingerprint-recognition p {
      font-size: 1.75em;
  }

  .overview-content .rapid-fingerprint-recognition .feature li {
      width: 48%;
  }
}

@media (max-width: 414px) {
  .overview-content .rapid-fingerprint-recognition {
      font-size: 2.5vw;
  }
}

.overview-content .secure-keypad-entry {
  font-size: 16px;
  height: 56.25em;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/e.jpg) 50% 0 no-repeat;
  background-size: 120em;
  position: relative;
}

.overview-content .secure-keypad-entry .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .secure-keypad-entry .w-container .text {
  text-align: left;
  padding: 18em 0 0 60%;
}

.overview-content .secure-keypad-entry h2 {
  font-size: 2.625em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .secure-keypad-entry h3 {
  font-weight: 400;
  font-size: 1.5em;
  margin-bottom: 0.5em;
}

.overview-content .secure-keypad-entry p {
  font-size: 1.25em;
}

.overview-content .secure-keypad-entry .button {
  margin-top: 4em;
  border-radius: 10em;
  background: #fff;
  display: inline-flex;
  align-items: center;
  padding: 0.5em 1.5em;
  cursor: pointer;
}

.overview-content .secure-keypad-entry .search {
  height: 2.5em;
  border-radius: 10em;
  margin-left: 1em;
}

.overview-content .secure-keypad-entry .mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
}

.overview-content .secure-keypad-entry .mask.down {
  z-index: -1;
}

.overview-content .secure-keypad-entry .back-btn {
  position: absolute;
  cursor: pointer;
  bottom: 45em;
  left: 50%;
  transform: translateX(-43em);
  height: 2.5em;
  width: 2.5em;
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/back.png) top / 100% auto no-repeat;
}

.overview-content .secure-keypad-entry .swiper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 86em;
  height: 30em;
}

.overview-content .secure-keypad-entry .swiper-wrapper {
  justify-content: space-between;
}

.overview-content .secure-keypad-entry .swiper-slide {
  background: #f4f4f4;
  border-radius: 1em;
  width: 28%;
  padding: 2em 2%;
  text-align: center;
}

.overview-content .secure-keypad-entry .swiper-slide .info {
  height: 45%;
}

.overview-content .secure-keypad-entry .swiper-slide .img {
  width: 6em;
}

.overview-content .secure-keypad-entry .scene {
  display: flex;
}

.overview-content .secure-keypad-entry .scene li {
  flex: 1;
}

.overview-content .secure-keypad-entry .scene p {
  font-size: 0.875em;
  font-weight: 500;
  color: #005eac;
}

.overview-content .secure-keypad-entry .bottom {
  display: flex;
  align-items: center;
  margin-top: 2em;
}

.overview-content .secure-keypad-entry .bottom .title {
  font-weight: 500;
}

.overview-content .secure-keypad-entry .bottom .desc-text {
  display: flex;
}

.overview-content .secure-keypad-entry .pwd {
  width: 100%;
}

.overview-content .secure-keypad-entry .pwd .img {
  width: 100%;
}

.overview-content .secure-keypad-entry .right {
  margin-left: 5%;
  text-align: left;
}

.overview-content .secure-keypad-entry .bottom p {
  font-size: 0.875em;
}

@media (max-width: 1680px) {
  .overview-content .secure-keypad-entry {
      font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .secure-keypad-entry {
      font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .secure-keypad-entry {
      font-size: 10.35px;
      background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/m/e.jpg) 50% 0 no-repeat;
      background-size: 100%;
      height: 160vw;
  }

  .overview-content .secure-keypad-entry .w-container {
      width: auto;
      position: relative;
  }

  .overview-content .secure-keypad-entry .w-container .text {
      padding: 3.75em 20px 0 20px;
  }

  .overview-content .secure-keypad-entry h2 {
      font-size: 2.5em;
      line-height: 1.2;
  }

  .overview-content .secure-keypad-entry p {
      font-size: 1.75em;
  }

  .overview-content .secure-keypad-entry .button {
      margin-top: 10vw;
  }

  .overview-content .secure-keypad-entry .swiper {
      width: 88vw;
  }

  .overview-content .secure-keypad-entry .swiper p {
      font-size: 1.25em;
  }

  .overview-content .secure-keypad-entry .swiper-slide {
      padding: 2em 6vw;
      width: 76vw;
  }

  .overview-content .secure-keypad-entry .swiper-slide .info {
      height: 40%;
  }

  .overview-content .secure-keypad-entry .back-btn {
      background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/m/back.png) top / 100% auto no-repeat;
      bottom: 120vw;
      left: 6vw;
      transform: none;
  }

  .overview-content .secure-keypad-entry .tp-banner-prev {
      position: absolute;
      top: 120%;
      right: 4em;
      z-index: 3;
      cursor: pointer;
  }

  .overview-content .secure-keypad-entry .tp-banner-prev .tp-banner-icon {
      background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/m/left-icon.png) 50% 100% no-repeat;
      background-size: 100%;
      display: block;
      width: 2.3em;
      height: 2.3em;
  }

  .overview-content .secure-keypad-entry .tp-banner-next .tp-banner-icon {
      background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/m/right-icon.png) 50% 100% no-repeat;
      background-size: 100%;
      display: block;
      width: 2.3em;
      height: 2.3em;
  }

  .overview-content .secure-keypad-entry .tp-banner-next {
      position: absolute;
      top: 120%;
      right: 0;
      z-index: 3;
      cursor: pointer;
  }
}

@media (max-width: 414px) {
  .overview-content .secure-keypad-entry {
      font-size: 2.5vw;
  }
}

.overview-content .manage-monitor-from-anywhere {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  padding: 5em 0;
}

.overview-content .manage-monitor-from-anywhere .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .manage-monitor-from-anywhere .w-container .text {
  text-align: center;
  padding: 0 10%;
}

.overview-content .manage-monitor-from-anywhere h2 {
  font-size: 2.625em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .manage-monitor-from-anywhere p {
  font-size: 1.25em;
}

.overview-content .manage-monitor-from-anywhere .desc-text {
  height: 0;
  padding-bottom: 42%;
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/f.png) top / 100% auto no-repeat;
  margin-top: 2em;
}

@media (max-width: 1680px) {
  .overview-content .manage-monitor-from-anywhere {
      font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .manage-monitor-from-anywhere {
      font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .manage-monitor-from-anywhere {
      font-size: 10.35px;
      padding: 0;
      background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/m/f.jpg) bottom / 100% auto no-repeat;
  }

  .overview-content .manage-monitor-from-anywhere .w-container {
      width: auto;
      position: relative;
  }

  .overview-content .manage-monitor-from-anywhere .w-container .text {
      padding: 3.75em 20px 0 20px;
      text-align: left;
  }

  .overview-content .manage-monitor-from-anywhere h2 {
      font-size: 2.5em;
      line-height: 1.2;
  }

  .overview-content .manage-monitor-from-anywhere p {
      font-size: 1.75em;
  }

  .overview-content .manage-monitor-from-anywhere .desc-text {
      background: none;
      padding-bottom: 100vw;
  }
}

@media (max-width: 414px) {
  .overview-content .manage-monitor-from-anywhere {
      font-size: 2.5vw;
  }
}

.overview-content .smart-home-integration {
  font-size: 16px;
  height: auto;
  max-width: 120em;
  margin: 0 auto;
  padding: 5em 0;
}

.overview-content .smart-home-integration .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .smart-home-integration .w-container .text {
  text-align: center;
  padding: 0 10%;
}

.overview-content .smart-home-integration h2 {
  font-size: 2.625em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .smart-home-integration p {
  font-size: 1.25em;
}

.overview-content .smart-home-integration img {
  height: 2.75em;
  margin-top: 1em;
}

.overview-content .smart-home-integration .desc-text {
  height: 0;
  padding-bottom: 52%;
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/h.png) top / 100% auto no-repeat;
  margin-top: 2em;
  position: relative;
}

.overview-content .smart-home-integration .desc {
  border-radius: 10em;
  background: #005eac;
  color: #fff;
  padding: 0.5em 1.5em;
  position: absolute;
  bottom: 74%;
  right: 50%;
}

@media (max-width: 1680px) {
  .overview-content .smart-home-integration {
      font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .smart-home-integration {
      font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .smart-home-integration {
      font-size: 10.35px;
      background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/m/h.jpg) bottom / 100% auto no-repeat;
      padding: 0;
      height: auto;
  }

  .overview-content .smart-home-integration .w-container {
      width: auto;
      position: relative;
  }

  .overview-content .smart-home-integration .w-container .text {
      padding: 3.75em 20px 0 20px;
      text-align: left;
  }

  .overview-content .smart-home-integration h2 {
      font-size: 2.5em;
      line-height: 1.2;
  }

  .overview-content .smart-home-integration p {
      font-size: 1.75em;
  }

  .overview-content .smart-home-integration .desc-text {
      background: none;
      padding-bottom: 80vw;
  }

  .overview-content .smart-home-integration .desc {
      bottom: 68%;
      right: 60%;
      width: 20vw;
      text-align: center;
  }
}

@media (max-width: 414px) {
  .overview-content .smart-home-integration {
      font-size: 2.5vw;
  }
}

.overview-content .detailed-activity-log {
  font-size: 16px;
  height: auto;
  max-width: 120em;
  margin: 0 auto;
  padding: 5em 0;
}

.overview-content .detailed-activity-log .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .detailed-activity-log .w-container .text {
  text-align: center;
  padding: 0 10%;
}

.overview-content .detailed-activity-log h2 {
  font-size: 2.625em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .detailed-activity-log p {
  font-size: 1.25em;
}

.overview-content .detailed-activity-log .desc-text {
  height: 0;
  padding-bottom: 52%;
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/i.png) top / 100% auto no-repeat;
  margin-top: 2em;
  position: relative;
}

@media (max-width: 1680px) {
  .overview-content .detailed-activity-log {
      font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .detailed-activity-log {
      font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .detailed-activity-log {
      font-size: 10.35px;
      background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/m/i.jpg) bottom / 100% auto no-repeat;
      height: auto;
      padding: 0;
  }

  .overview-content .detailed-activity-log .w-container {
      width: auto;
      position: relative;
  }

  .overview-content .detailed-activity-log .w-container .text {
      padding: 3.75em 20px 0 20px;
      text-align: left;
  }

  .overview-content .detailed-activity-log h2 {
      font-size: 2.5em;
      line-height: 1.2;
  }

  .overview-content .detailed-activity-log p {
      font-size: 1.75em;
  }

  .overview-content .detailed-activity-log .desc-text {
      padding-bottom: 70vw;
      background: none;
  }
}

@media (max-width: 414px) {
  .overview-content .detailed-activity-log {
      font-size: 2.5vw;
  }
}

.overview-content .auto-lock-smart-routines {
  font-size: 16px;
  height: auto;
  max-width: 120em;
  margin: 0 auto;
  padding: 5em 0;
}

.overview-content .auto-lock-smart-routines .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .auto-lock-smart-routines .w-container .text {
  text-align: center;
  padding: 0 10%;
}

.overview-content .auto-lock-smart-routines h2 {
  font-size: 2.625em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .auto-lock-smart-routines p {
  font-size: 1.25em;
}

.overview-content .auto-lock-smart-routines .desc-text {
  height: 0;
  padding-bottom: 52%;
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/j.png) top / 100% auto no-repeat;
  margin-top: 2em;
  position: relative;
}

.overview-content .auto-lock-smart-routines .desc {
  color: #fff;
  font-size: 1.5em;
  top: 74%;
  left: 50%;
  position: absolute;
  font-weight: 400;
}

@media (max-width: 1680px) {
  .overview-content .auto-lock-smart-routines {
      font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .auto-lock-smart-routines {
      font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .auto-lock-smart-routines {
      font-size: 10.35px;
      background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/m/j.jpg) bottom /100% auto no-repeat;
      height: auto;
      padding: 0;
  }

  .overview-content .auto-lock-smart-routines .w-container {
      width: auto;
      position: relative;
  }

  .overview-content .auto-lock-smart-routines .w-container .text {
      padding: 3.75em 20px 0 20px;
      text-align: left;
  }

  .overview-content .auto-lock-smart-routines h2 {
      font-size: 2.5em;
      line-height: 1.2;
  }

  .overview-content .auto-lock-smart-routines h3 {
      font-size: 2em;
  }

  .overview-content .auto-lock-smart-routines p {
    font-size: 1.75em;
  }

  .overview-content .auto-lock-smart-routines .desc-text {
      background: none;
      padding-bottom: 70vw;
  }

  .overview-content .auto-lock-smart-routines .desc {
      left: 27%;
  }
}

@media (max-width: 414px) {
  .overview-content .auto-lock-smart-routines {
      font-size: 2.5vw;
  }
}

.overview-content .wrong-try-protection {
  font-size: 16px;
  max-width: 120em;
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/k.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 31.875em;
  position: relative;
  margin: 0em auto;
}

.overview-content .wrong-try-protection .w-container {
  width: 104em;
  position: relative;
  margin: 0 auto;
}

.overview-content .wrong-try-protection .text {
  padding: 12em 66em 5em 18em;
}

.overview-content .wrong-try-protection h2 {
  font-size: 2.875em;
  font-weight: 500;
  line-height: 1.3;
  padding-bottom: 0.5em;
}

.overview-content .wrong-try-protection h3 {
  font-size: 1.75em;
  font-weight: 500;
  line-height: 1.5;
  padding-bottom: 0.5em;
}

.overview-content .wrong-try-protection p {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300;
}

@media (max-width: 1680px) {
  .overview-content .wrong-try-protection {
      font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .wrong-try-protection {
      font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .wrong-try-protection {
      font-size: 10.35px;
      padding-bottom: 85vw;
      background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/m/k.jpg) 50% 100% no-repeat;
      background-size: 100%;
      height: auto;
      margin: 0 auto;
  }

  .overview-content .wrong-try-protection .w-container {
      width: auto;
  }

  .overview-content .wrong-try-protection .text {
      padding: 0;
      text-align: left;
  }

  .overview-content .wrong-try-protection h2 {
      font-size: 2.5em;
      font-weight: 400;
      line-height: 1.2;
      padding: 1.5em 20px 0.5em;
  }

  .overview-content .wrong-try-protection h3 {
      font-size: 2em;
      padding: 0 20px 0.5em;
  }

  .overview-content .wrong-try-protection p {
      font-size: 1.75em;
      line-height: 1.42857;
      padding: 0 20px 1em;
  }
}

@media (max-width: 414px) {
  .overview-content .wrong-try-protection {
      font-size: 2.5vw;
  }
}

.overview-content .built-in-doorbell {
  font-size: 16px;
  max-width: 120em;
  background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/img/l.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 33.75em;
  position: relative;
  margin: 0em auto;
}

.overview-content .built-in-doorbell .w-container {
  width: 104em;
  position: relative;
  margin: 0 auto;
}

.overview-content .built-in-doorbell .text {
  padding: 12em 18em 5em 60em;
}

.overview-content .built-in-doorbell h2 {
  font-size: 2.875em;
  font-weight: 500;
  line-height: 1.3;
  padding-bottom: 0.5em;
}

.overview-content .built-in-doorbell h3 {
  font-size: 1.75em;
  font-weight: 500;
  line-height: 1.5;
  padding-bottom: 0.5em;
}

.overview-content .built-in-doorbell p {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300;
}

@media (max-width: 1680px) {
  .overview-content .built-in-doorbell {
      font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .built-in-doorbell {
      font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .built-in-doorbell {
      font-size: 10.35px;
      padding-bottom: 75vw;
      background: url(https://static-product.tp-link.com/tapo-dl110_v1/us/m/l.jpg) 50% 100% no-repeat;
      background-size: 100%;
      height: auto;
      margin: 0 auto;
  }

  .overview-content .built-in-doorbell .w-container {
      width: auto;
  }

  .overview-content .built-in-doorbell .text {
      padding: 0;
      text-align: left;
  }

  .overview-content .built-in-doorbell h2 {
      font-size: 2.5em;
      font-weight: 400;
      line-height: 1.2;
      padding: 0.5em 20px 0.5em;
  }

  .overview-content .built-in-doorbell h3 {
      font-size: 2em;
      padding: 0 20px 0.5em;
  }

  .overview-content .built-in-doorbell p {
      font-size: 1.75em;
      line-height: 1.42857;
      padding: 0 20px 1em;
  }
}

@media (max-width: 414px) {
  .overview-content .built-in-doorbell {
      font-size: 2.5vw;
  }
}