.overview-content .easy-control-from-anywhere {font-size: 16px;height: 56em;margin: 0 auto;position: relative;background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/a.jpg) 50% 100% no-repeat;background-size: 120em;max-width: 120em;} .overview-content .easy-control-from-anywhere .w-container {width: 85.375em;margin: 0 auto;position: relative;} .overview-content .easy-control-from-anywhere .w-container .text {padding: 15em 50% 0 10%;text-align: left;color: #fff;} .overview-content .easy-control-from-anywhere h2 {font-size: 3.125em;font-weight: 500;line-height: 1.2;padding-bottom: 0.5em;} .overview-content .easy-control-from-anywhere h3 {font-size: 1.6875em;font-weight: 300;line-height: 1.2;padding-bottom: 2em;} .overview-content .easy-control-from-anywhere .icon {border-radius: 8px;margin-right: 0.5em;vertical-align: top;} .overview-content .easy-control-from-anywhere .img-icon {height: 2em;font-size: 1.5em;} .overview-content .easy-control-from-anywhere .model {font-size: 2em;font-weight: 400;display: inline-block;color: #fff;padding: 0.05em 1em;border-radius: 1em;margin-bottom: 1em;background: #005eac;} .overview-content .easy-control-from-anywhere video {position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-width: 100%;} .overview-content .easy-control-from-anywhere .mb-video {display: none;} @media(max-width:1680px) {.overview-content .easy-control-from-anywhere { font-size: 14px}} @media(max-width:1440px) {.overview-content .easy-control-from-anywhere { font-size: 12px}} @media(max-width:736px) {.overview-content .easy-control-from-anywhere { font-size: 10.35px; height: 136vw; position: relative; background: url(https://static-product.tp-link.com/tapo-c501gw_v1/m/a.jpg) 50% 100% no-repeat; background-size: 100%;} .overview-content .easy-control-from-anywhere .w-container { width: auto; position: relative;} .overview-content .easy-control-from-anywhere .w-container .text { padding: 10vw 20vw 0 6vw;color: #000000;} .overview-content .easy-control-from-anywhere .w-container .model { vertical-align: middle; padding: .25em 1.25em; border-radius: .5em;} .overview-content .easy-control-from-anywhere h2 { font-size: 7vw; font-weight: 500; line-height: 1.2; padding: 0 0 0.5em;} .overview-content .easy-control-from-anywhere h3 { font-size: 3.7vw; font-weight: 300; line-height: 1.2; padding: 0 0 2em;} .overview-content .easy-control-from-anywhere .line { margin: 4px 0; height: 22px} .overview-content .easy-control-from-anywhere .model { font-size: 3.75vw; font-weight: 300; padding: 0.25em 0.75em;} .overview-content .easy-control-from-anywhere .work-with-amazon,.overview-content .easy-control-from-anywhere .tag-hey_google { margin-right: 1em; border-radius: 6px} .overview-content .easy-control-from-anywhere .img-icon { display: block; margin-top: .5em;} .overview-content .easy-control-from-anywhere .icon { margin-right: 0.25em; box-sizing: border-box;} .overview-content .easy-control-from-anywhere .feature-wrap { padding: 0 20px; margin-bottom: 5em} .overview-content .easy-control-from-anywhere .feature-wrap .feature { font-size: 1.25em} .overview-content .easy-control-from-anywhere .img-icon-wrap { position: absolute; bottom: -70vw;}} @media(max-width:414px) {.overview-content .easy-control-from-anywhere { font-size: 2.5vw}} .overview-content .archer-selling-point {font-size: 16px;margin: 0 auto;max-width: 120em;} .overview-content .archer-selling-point .w-container {width: 73.125em;margin: 0 auto} .overview-content .archer-selling-point .text {padding: 8em 0;} .overview-content .archer-selling-point .archer-selling-point-box {height: 0;padding-top: 40em;background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/b.png) 50% 0 no-repeat;background-size: 100%;position: relative;} .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%;height: 52.5%;} .overview-content .archer-selling-point .desc2 {bottom: 0;left: 0;width: 49%;height: 46%;} .overview-content .archer-selling-point .desc3 {top: 0;right: 0;width: 50.5%;height: 32%;} .overview-content .archer-selling-point .center{top: 34%;width: 16%;height: 30%;text-align: center;} .overview-content .archer-selling-point .desc4 {left: 49.5%;} .overview-content .archer-selling-point .desc5 {left:67%;} .overview-content .archer-selling-point .desc6 {right: 0%;} .overview-content .archer-selling-point .desc7 {bottom: 0;right: 0;width: 50.5%;height: 35%;} .overview-content .archer-selling-point .b {display: block;padding: 1em 1.5em;text-align: left;} .overview-content .archer-selling-point .b .title{font-size: 1.875em;font-weight: 500;} .overview-content .archer-selling-point .center .b{font-size: 1.3125em;text-align: center;padding: 1em;font-weight: 400;} .overview-content .archer-selling-point .b10 {color: #fff;} .overview-content .archer-selling-point .b20 {color: #fff;} .overview-content .archer-selling-point .b3{padding: 1.5em 70% 1.5em 2em;} @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: 10vw 6vw;} .overview-content .archer-selling-point .archer-selling-point-box { background: url(https://static-product.tp-link.com/tapo-c501gw_v1/m/b.png) 50% 0 no-repeat; background-size: 100%; padding-top: 175vw;} .overview-content .archer-selling-point .desc1 { top: 0vw; left: 0; width: 88vw; height: 50.5vw;} .overview-content .archer-selling-point .desc2 { top: 51.5vw; left: 0; width: 88vw; height: 46vw;} .overview-content .archer-selling-point .desc7 { top: 98.5vw; left: 0; width: 88vw; height: 34vw;} .overview-content .archer-selling-point .center{width: 28.5vw;left:auto;right: 12vw;height: 12vw;font-size: 2vw;} .overview-content .archer-selling-point .desc6 { top: 133.5vw;} .overview-content .archer-selling-point .desc5 { top: 147vw;} .overview-content .archer-selling-point .desc4 { top: 162vw;;} .overview-content .archer-selling-point .b3{padding:1.5em 20% 1.5em 2em} .overview-content .archer-selling-point .center .b6{padding: 1.75em 1em;} .overview-content .archer-selling-point .desc3 { top: 133vw; left: 0; width: 46vw; height: 41vw;} } @media (max-width:414px) {.overview-content .archer-selling-point { font-size: 2.5vw}} .tapo-smart-actions {font-size: 16px;margin: 0 auto 3em;max-width: 1920px;} .tapo-smart-actions .menu {padding: 2em 0;text-align: center} .tapo-smart-actions .menu li {display: inline-block;min-width: 16%;margin: 0 2%;font-size: 1.3125em;font-weight: 300;color: #000000;cursor: pointer} .tapo-smart-actions .menu li.active{color: #005eac;font-weight: 500;border-bottom: 2px solid currentColor;} .tapo-smart-actions h2 {font-size: 2.8125em;font-weight: 400;line-height: 1.2;margin-bottom: 0.5em;} .tapo-smart-actions h3{font-size: 1.875em;font-weight: 400;margin-bottom: 0.5em;} .tapo-smart-actions p {font-size: 1.3125em;line-height: 1.5;} .tapo-smart-actions p.tips{font-size: 1em;color: #979797;text-align: center;padding: 2em 0 0;} .tapo-smart-actions .w-container {width: 92em;margin: 0 auto;} .tapo-smart-actions .text {text-align: center;} .tapo-smart-actions .info{text-align: center;margin: 0 auto;} .tapo-smart-actions .desc-text {position: relative;height: 0;padding-bottom: 54%;} .tapo-smart-actions .c1 .desc-text{background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/bg1.png) top / 100% 100% no-repeat;} .tapo-smart-actions .c2 .desc-text{background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/bg2.png) top / 100% 100% no-repeat;} .tapo-smart-actions .c3 .desc-text{background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/bg3.png) top / 100% 100% no-repeat;} .tapo-smart-actions .desc, .tapo-smart-actions .card{position: absolute;} .tapo-smart-actions .desc{bottom: 8%;left: 5%;font-size: 1em;} .tapo-smart-actions .c2 .desc{color: #fff;} .tapo-smart-actions .swiper-pagination {display: none;} .tapo-smart-actions .swiper {overflow: hidden;width: auto;margin: 0 auto;position: relative;} .tapo-smart-actions .swiper-slide{width: 60%;} .tapo-smart-actions .swiper-slide:not(.swiper-slide-active) .info{opacity: 0;} .tapo-smart-actions .tp-banner-prev {position: absolute;top: 50%;left: 22%;z-index: 3;cursor: pointer;} .tapo-smart-actions .tp-banner-icon{display: block;width: 2.3em;height: 2.3em;background-size: 100%;} .tapo-smart-actions .tp-banner-prev .tp-banner-icon {background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/left-nav.png) center / 100% auto no-repeat;} .tapo-smart-actions .tp-banner-next .tp-banner-icon {background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/right-nav.png) center / 100% auto no-repeat;} .tapo-smart-actions .tp-banner-next {position: absolute;top: 50%;right: 22%;z-index: 3;cursor: pointer;} @media (max-width:1680px) {.tapo-smart-actions {font-size: 14px}} @media (max-width:1440px) {.tapo-smart-actions {font-size: 12px}} @media (max-width:736px) {.tapo-smart-actions {font-size: 10.35px} .tapo-smart-actions .swiper-pagination {display: block;bottom: 6em;} .tapo-smart-actions .swiper-pagination-bullet {background: #dbd4ce;opacity: 1;} .tapo-smart-actions .swiper-pagination-bullet-active {background: #fff;} .tapo-smart-actions .swiper-slide:not(.swiper-slide-active) .info{opacity: 1;} .tapo-smart-actions .w-container {width: auto;position: relative;} .tapo-smart-actions .text {padding: 0 20px 0.5em;text-align: left;} .tapo-smart-actions h2 {font-size: 2.25em;line-height: 1.2;padding: 1.5em 0 0.5em} .tapo-smart-actions h3 {font-size: 2em;line-height: 1.2;} .tapo-smart-actions .text p {font-size: 1.75em;line-height: 1.5;} .tapo-smart-actions .info{padding: 0 20px;text-align: left;} .tapo-smart-actions .menu{display: none;} .tapo-smart-actions .desc-text {margin: 5vw 0 7.5vw;} .tapo-smart-actions .swiper {width: 88vw;height: auto;overflow: visible;display: block;} .tapo-smart-actions .swiper-slide{width: 88%;} .tapo-smart-actions .tp-banner-icon{width: 4vw;height: 4vw;} .tapo-smart-actions .tp-banner-prev{left: 0vw;} .tapo-smart-actions .tp-banner-next{right: 0vw;}} @media (max-width:414px) {.tapo-smart-actions {font-size: 2.5vw}} .overview-content .all-in-one-remote-control {font-size: 16px;max-width: 120em;margin: 5em auto 3em;} .overview-content .all-in-one-remote-control .w-container {width: 85.375em;margin: 0 auto;} .overview-content .all-in-one-remote-control .text {text-align: center;} .overview-content .all-in-one-remote-control h2 {font-size: 2.8125em;font-weight: 500;line-height: 1.2;margin-bottom: 0.5em;} .overview-content .all-in-one-remote-control p{font-size: 1.3125em;} .overview-content .all-in-one-remote-control h3 {font-size: 1.3125em;font-weight: 300;color: #000000;cursor: pointer} .overview-content .all-in-one-remote-control .active h3 {color: #005eac;font-weight: 500;border-bottom: 2px solid currentColor} .overview-content .all-in-one-remote-control .navi{margin: 2em 0;} .overview-content .all-in-one-remote-control .navi li{display: inline-block;vertical-align: bottom;width: 30%;} .overview-content .all-in-one-remote-control .desc-text{margin-top: 2em;width: 100%;height: 0;padding-bottom: 41%;} .overview-content .all-in-one-remote-control .content1 .desc-text{background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/bg21.png) top / auto 100% no-repeat;} .overview-content .all-in-one-remote-control .content2 .desc-text{background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/bg22.png) top / auto 90% no-repeat;} .overview-content .all-in-one-remote-control .content3 .desc-text{background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/bg23.png) top / auto 90% no-repeat;} @media (max-width: 1680px) {.overview-content .all-in-one-remote-control { font-size: 14px;}} @media (max-width: 1440px) {.overview-content .all-in-one-remote-control { font-size: 12px;}} @media (max-width: 736px) {.overview-content .all-in-one-remote-control { font-size: 10.35px;height: auto;} .overview-content .all-in-one-remote-control .w-container {width: auto; position: relative;} .overview-content .all-in-one-remote-control .text {padding: 3em 20px 0;text-align: left;} .overview-content .all-in-one-remote-control h2 {font-size: 2.5em;line-height: 1.2;} .overview-content .all-in-one-remote-control h3 {font-size: 3vw;font-weight: 500;padding: 1em 0 0.5em;text-align: center;line-height: 1.2;} .overview-content .all-in-one-remote-control p {font-size: 1.75em;} .overview-content .all-in-one-remote-control .desc-text{padding-bottom: 50%;}} @media (max-width: 414px) {.overview-content .all-in-one-remote-control { 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.21875em;line-height: 1.5;padding-bottom: 1em;} .overview-content .adaptable-storage-solutions .w-container {width: 92em;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.578125em;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-c501gw_v1/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: 19.125em;} .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: 24.46875em;opacity: 0;position: absolute;width: 100%;} .overview-content .adaptable-storage-solutions .imgs .screen1 {background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/g1.png) 50% 100% / 100% no-repeat;} .overview-content .adaptable-storage-solutions .imgs .screen2 {background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/g2.png) 50% 100% / 100% no-repeat;} .overview-content .adaptable-storage-solutions .imgs .screen3 {background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/g3.png) 50% 100% / 100% no-repeat;} .overview-content .adaptable-storage-solutions .text-wrapper {margin: 0 auto;height: 25em;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;margin-top: 1em;} .overview-content .adaptable-storage-solutions .desc-padding p.link{margin-top: 1em;} .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;width: 4em;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 .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: #fafafa;} .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 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 .swiper-slide img {width: 90%;margin: 0 auto;} .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: center;} .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.5em;line-height: 1.5;padding: 0 20px 1em;text-align: center;} .overview-content .adaptable-storage-solutions .swiper-slide img.icon {width: 13vw;} .overview-content .adaptable-storage-solutions .flex-content {width: auto;text-align: center;margin: 0 20px;justify-content: space-around;} .overview-content .adaptable-storage-solutions p.desc {font-size: 3vw;} .overview-content .adaptable-storage-solutions .img-container span {left: 0.5vw;top: 3vw;font-size: 3vw;} .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 .total-control-one-app {font-size: 16px;margin: 0 auto;position: relative;background: #fafafa;max-width: 120em;} .overview-content .total-control-one-app .mobile-img {display: none;} .overview-content .total-control-one-app .c410-box.fixed {position: fixed;top: 0;margin: 0 auto;width: 100%;} .overview-content .total-control-one-app .c410-box.absolute {position: absolute;bottom: 0;left: 0;right: 0;} .overview-content .total-control-one-app .text p {font-size: 1.125em;line-height: 1.5;padding-bottom: 1em;} .overview-content .total-control-one-app .w-container {width: 87.5em;margin: 0 auto;position: relative;} .overview-content .total-control-one-app .text {padding: 23em 22em 0 7em;} .overview-content .total-control-one-app .text .text-container {display: flex;} .overview-content .total-control-one-app h2 {font-size: 2.578125em;font-weight: 400;line-height: 1.2;padding-bottom: 0.5em;padding-left: 0.72em;} .overview-content .total-control-one-app h3 {font-size: 1.5em;font-weight: 400;line-height: 1.2;padding-bottom: 0.25em;} .overview-content .total-control-one-app .img {height: 58em;position: relative;margin: 0 auto;display: block;} .overview-content .total-control-one-app .bg {background-position: 50% 100%;background-repeat: no-repeat;background-size: cover;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;transition: opacity linear 500ms;-webkit-transition: opacity linear 500ms;-moz-transition: opacity linear 500ms;} .overview-content .total-control-one-app .bg.active {opacity: 1;} .overview-content .total-control-one-app img.icon {width: 1em;height: 7.78125em;display: block;} .overview-content .total-control-one-app .content {width: 28em;margin-left: 1em;} .overview-content .total-control-one-app img.phone {width: 19.5em;position: absolute;top: 10em;right: 14em;} .overview-content .total-control-one-app h2.mobile-text {display: none;} @media (min-width:1920px) {.overview-content .total-control-one-app {font-size: 0.83vw}} @media (max-width:1680px) {.overview-content .total-control-one-app {font-size: 14px}} @media (max-width:1440px) {.overview-content .total-control-one-app {font-size: 12px}} @media (max-width:736px) {.overview-content .total-control-one-app {font-size: 10.35px;background: #fff;padding-bottom: 5em} .overview-content .total-control-one-app .w-container {width: 80vw;position: relative;text-align: center;border-radius: 1em;background-color: #fff} .overview-content .total-control-one-app .text {padding: 0 0 1.5em;text-align: center} .overview-content .total-control-one-app .text .text-container {display: block} .overview-content .total-control-one-app .img {height: auto;display: flex} .overview-content .total-control-one-app h2 {font-size: 2.5em;line-height: 1.2;padding: 1.5em 20px 0.5em;position: relative;top: auto;left: auto;text-align: center} .overview-content .total-control-one-app h3 {font-size: 1.75em;padding: 2em 0 0.5em} .overview-content .total-control-one-app .text p {font-size: 1.5em;min-height: 7em} .overview-content .total-control-one-app img.icon {display: none} .overview-content .total-control-one-app h2.web-text {display: none} .overview-content .total-control-one-app h2.mobile-text {display: block} .overview-content .total-control-one-app .content {width: auto} .overview-content .total-control-one-app .text p br {display: none;} .overview-content .total-control-one-app .bg {position: relative;opacity: 1;left: auto;top: auto;right: auto;bottom: auto;margin: 0 auto} .overview-content .total-control-one-app img.phone {position: relative;left: auto;top: auto;right: auto;width: 100%;margin: 0 auto} .overview-content .total-control-one-app .web-img {display: none} .overview-content .total-control-one-app .mobile-img {display: block}} @media (max-width:414px) {.overview-content .total-control-one-app {font-size: 2.5vw}} .overview-content .built-to-withstand {font-size: 16px;margin: 0 auto;position: relative;background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/e.jpg) 50% 100% no-repeat;background-size: 120em;padding-bottom: 35em;} .overview-content .built-to-withstand .text p {font-size: 1.315em;line-height: 1.5;} .overview-content .built-to-withstand .w-container {width: 87.5em;margin: 0 auto;} .overview-content .built-to-withstand .text {text-align: center;padding: 8em 20% 3em;} .overview-content .built-to-withstand h2 {font-size: 2.8125em;font-weight: 400;line-height: 1.2;padding-bottom: 0.5em;} .overview-content .built-to-withstand .img-container {position: relative;width: 21.84375em;} .overview-content .built-to-withstand .img-container img {width: 100%;} .overview-content .built-to-withstand .img-container .desc {position: absolute;font-size: 1.3125em;font-weight: 400;line-height: 1.5;} .overview-content .built-to-withstand .img-container .desc1 {left: -1em;top: 2em;} .overview-content .built-to-withstand .img-container .desc2 {right: -2em;top: 2em;} .overview-content .built-to-withstand .img-container .mobile-icon {display: none;} @media (max-width:1680px) {.overview-content .built-to-withstand {font-size: 14px}} @media (max-width:1440px) {.overview-content .built-to-withstand {font-size: 12px}} @media (max-width:736px) {.overview-content .built-to-withstand {font-size: 10.35px; background: url(https://static-product.tp-link.com/tapo-c501gw_v1/m/e.jpg) 50% 100% no-repeat; background-size: 100%; height: auto; padding-bottom: 220vw;} .overview-content .built-to-withstand .w-container {width: auto; position: relative;} .overview-content .built-to-withstand .text {padding: 0px 0 1.5em; text-align: left; color: #000;} .overview-content .built-to-withstand h2 {font-size: 2.5em; line-height: 1.2; padding: 1.5em 20px 0.5em} .overview-content .built-to-withstand .text p {font-size: 1.75em; padding: 0 20px; line-height: 1.5;} .overview-content .built-to-withstand .img-container {width: 63vw; margin: 2em auto;} .overview-content .built-to-withstand .img-container .web-icon {display: none;} .overview-content .built-to-withstand .img-container .mobile-icon {display: block;} .overview-content .built-to-withstand .img-container .desc1 {top: 8vw; left: -4vw;} .overview-content .built-to-withstand .img-container .desc2 {top: 8vw; right: -4vw;} .overview-content .crisp-clear-details .img-container {display: none;} } @media (max-width:414px) {.overview-content .built-to-withstand {font-size: 2.5vw}} .overview-content .tapo-camera-sell-point {font-size: 16px;max-width: 1920px;margin: 0 auto;} .overview-content .tapo-camera-sell-point .w-container {width: 106em;margin: 0 auto;} .overview-content .tapo-camera-sell-point .text {padding: 5em 0 7em;} .overview-content .tapo-camera-sell-point ul {text-align: center;} .overview-content .tapo-camera-sell-point li {display: inline-block;vertical-align: top;width: 23%;margin: 0 0.5%;text-align: center;} .overview-content .tapo-camera-sell-point li img {max-width: 100%;margin-bottom: 1.5em;} .overview-content .tapo-camera-sell-point h2 {font-size: 1.4em;font-weight: 400;line-height: 1.2;padding-bottom: 0.5em;} .overview-content .tapo-camera-sell-point p {font-size: 1.03em;font-weight: 400;line-height: 1.4;} .overview-content .tapo-camera-sell-point .img {position: relative;top: 0;bottom: 0;left: 0;right: 0;} .overview-content .tapo-camera-sell-point .content {padding: 3em 0 7em;} .overview-content .tapo-camera-sell-point .content p {text-align: left;} .overview-content .tapo-camera-sell-point .text-container {text-align: left;} @media (max-width:1680px) { .overview-content .tapo-camera-sell-point {font-size: 14px; }} @media (max-width:1440px) { .overview-content .tapo-camera-sell-point {font-size: 12px; }} @media (max-width:1024px) { .overview-content .tapo-camera-sell-point {font-size: 10px; }} @media (max-width:736px) { .overview-content .tapo-camera-sell-point {font-size: 10.35px; } .overview-content .tapo-camera-sell-point li img {width: 100%; } .overview-content .tapo-camera-sell-point .w-container {width: auto; } .overview-content .tapo-camera-sell-point li {display: block;width: auto;margin: 0 3% 1em;text-align: left; } .overview-content .tapo-camera-sell-point .box {display: flex;flex-direction: column-reverse; } .overview-content .tapo-camera-sell-point li:last-child {margin-bottom: 0; } .overview-content .tapo-camera-sell-point h2 {font-size: 2.25em;line-height: 1.2;padding: 0 0 0.25em; } .overview-content .tapo-camera-sell-point p {font-size: 1.75em;line-height: 1.42857;padding: 0 0 1em; } .overview-content .tapo-camera-sell-point .desc {font-size: 3vw; } .overview-content .tapo-camera-sell-point .desc6 {top: 23vw;left: 70vw; } .overview-content .tapo-camera-sell-point .desc1 {left: 71vw;top: 18vw; } .overview-content .tapo-camera-sell-point .desc2 {top: 19vw;left: 50vw; } .overview-content .tapo-camera-sell-point .desc3 {top: 19vw;left: 69vw; } .overview-content .tapo-camera-sell-point ul .desc4 {left: 25vw;top: 40vw;width: 34vw;font-size: 3vw; } .overview-content .tapo-camera-sell-point ul .desc5 {right: 28vw;left: auto;top: 20vw;font-size: 3vw; }} @media (max-width:414px) { .overview-content .tapo-camera-sell-point {font-size: 2.5vw; }} .overview-content .sound-and-light-alarm {font-size: 16px;margin: 0 auto;position: relative;background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/d.jpg) 50% 100% no-repeat;background-size: 120em;padding-bottom: 44em;} .overview-content .sound-and-light-alarm .text p {font-size: 1.315em;line-height: 1.5;padding-bottom: 1em;} .overview-content .sound-and-light-alarm .w-container {width: 87.5em;margin: 0 auto;position: relative;} .overview-content .sound-and-light-alarm .text {text-align: center;padding: 2em 20%;} .overview-content .sound-and-light-alarm h2 {font-size: 2.578125em;font-weight: 400;line-height: 1.2;padding-bottom: 0.5em;} .overview-content .sound-and-light-alarm .bg {position: absolute;left: 0;right: 0;} .overview-content .sound-and-light-alarm .bg .desc {background: #005eac;padding: 0.25em 1em;position: absolute;font-size: 1.5em;color: #fff;font-weight: 400;border-radius: 2em;right: 16em;line-height: 1.5;top: 4.5em;max-width: 19em;} @media(min-width:1920px) {.overview-content .sound-and-light-alarm {font-size: 0.83vw}} @media (max-width:1680px) {.overview-content .sound-and-light-alarm {font-size: 14px}} @media (max-width:1440px) {.overview-content .sound-and-light-alarm {font-size: 12px}} @media (max-width:736px) {.overview-content .sound-and-light-alarm {font-size: 10.35px;background: url(https://static-product.tp-link.com/tapo-c501gw_v1/m/d.jpg) 50% 100% no-repeat;background-size: 100%;height: auto;padding-bottom: 80vw;} .overview-content .sound-and-light-alarm .w-container {width: auto;position: relative;} .overview-content .sound-and-light-alarm .text {padding: 0px 0 1.5em;text-align: left;color: #000;} .overview-content .sound-and-light-alarm h2 {font-size: 2.5em;line-height: 1.2;padding: 1.5em 20px 0.5em} .overview-content .sound-and-light-alarm .text p {font-size: 1.75em;padding: 0 20px;line-height: 1.5;} .overview-content .sound-and-light-alarm .bg {position: relative;} .overview-content .sound-and-light-alarm .bg .desc {display: none;} } @media (max-width:414px) {.overview-content .sound-and-light-alarm {font-size: 2.5vw}} .multiple-detection-for-free {font-size: 16px;max-width: 120em;margin: 0 auto;background-color: #fff;} .multiple-detection-for-free .w-container {width: 85.375em;margin: 0 auto;max-width: 100%;} .multiple-detection-for-free .text {text-align: center;padding: 5em 8em 1em;} .multiple-detection-for-free h2 {font-size: 3.125em;font-weight: 400;line-height: 1.2;padding-bottom: .5em;} .multiple-detection-for-free p {font-size: 1.25em;line-height: 1.5;} .multiple-detection-for-free .box {margin: 0 auto;background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/f.jpg) bottom/100% auto no-repeat;width: 91.3125em;height: 38em;position: relative;margin-top: 2em;} .multiple-detection-for-free .box>*{position: absolute;} .multiple-detection-for-free .box ul {left: 33%;bottom: 75%;right: 12%;display: flex;justify-content: space-between;} .multiple-detection-for-free .box ul li {display: inline-block;box-sizing: border-box;text-align: center;padding: 0 3%;} .multiple-detection-for-free .box ul li .icon {width: 3.75em;height: 3.75em;display: block;background-position: center;background-size: 100%;background-repeat: no-repeat;margin: 0 auto;} .multiple-detection-for-free .box ul li p {font-size: 1.25em;font-weight: 400;line-height: 1.2;margin-top: 0.5em;} .multiple-detection-for-free .box ul .li1 .icon {background-image: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/f-icon-1.jpg);} .multiple-detection-for-free .box ul .li2 .icon {background-image: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/f-icon-2.jpg);} .multiple-detection-for-free .box ul .li3 .icon {background-image: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/f-icon-3.jpg);} .multiple-detection-for-free .box ul .li4 .icon {background-image: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/f-icon-4.jpg);} .multiple-detection-for-free .box ul .li5 .icon {background-image: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/f-icon-5.png);} .multiple-detection-for-free .box .card{background: #fff;top: 62%;left: 12%; border-radius: 1em;padding: 1.5em;width:25em;box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.2);} .multiple-detection-for-free .box .flex{display: flex;justify-content: space-between;align-items: center;} .multiple-detection-for-free .box .title{font-weight: 700;margin: 0.5em 0;} .multiple-detection-for-free .box .now, .multiple-detection-for-free .box .info{color:#6c6c6c;font-size: 1em;} .multiple-detection-for-free .box .tgt p{background: #005eac;color: #fff;display: inline-block;padding: 0.25em 0.75em;} .multiple-detection-for-free .box .tgt:after{content: "";display: block;border: 2px solid #005eac;} .multiple-detection-for-free .box .t1{top: 62%;left: 35%;} .multiple-detection-for-free .box .t1:after{width: 9em;height: 20em;} .multiple-detection-for-free .box .t2{top: 69%;left: 61%;} .multiple-detection-for-free .box .t2:after{width: 20em;height: 10em;} .multiple-detection-for-free .box .t3{top: 72%;left: 88%;} .multiple-detection-for-free .box .t3:after{width: 12em;height: 6em;} .multiple-detection-for-free .box .card, .multiple-detection-for-free .box .tgt{transition: all 1s;transform: translate(-50%, -50%) scale(1)} .multiple-detection-for-free .box .origin{transform: translate(-50%, -50%) scale(0.000001);} @media(max-width:1680px) {.multiple-detection-for-free {font-size: 14px}} @media(max-width:1440px) {.multiple-detection-for-free {font-size: 12px}} @media(max-width:1024px) {.multiple-detection-for-free {font-size: 10px}} @media(max-width:736px) {.multiple-detection-for-free {font-size: 10.35px;padding: 0} .multiple-detection-for-free .w-container {width: auto;max-width: 100%;} .multiple-detection-for-free .text {padding: 0;text-align: left;} .multiple-detection-for-free h2 {font-size: 2.5em;line-height: 1.2;padding: 1.5em 20px .5em;} .multiple-detection-for-free p {font-size: 1.75em;line-height: 1.42857;padding: 0 20px;} .multiple-detection-for-free .box {width: 100%;margin: 0 auto;background: url(https://static-product.tp-link.com/tapo-c501gw_v1/m/f.jpg) bottom/100% no-repeat;height: auto;padding: 0;} .multiple-detection-for-free .box ul {position: relative;top: auto;left: auto;right: auto;bottom: auto;padding: 5vw 20px 45vw} .multiple-detection-for-free .box ul li .icon {width: 8vw;height: 8vw;} .multiple-detection-for-free .box ul li p {padding: 0;font-size: 2.5vw;} .multiple-detection-for-free .box .card, .multiple-detection-for-free .box .tgt{display: none;} } @media(max-width:414px) {.multiple-detection-for-free {font-size: 2.5vw;}} .dual-mode-flexibility {font-size: 16px;max-width: 120em;margin: 0 auto;background-color: #fff;} .dual-mode-flexibility .w-container {width: 92em;margin: 0 auto;max-width: 100%;} .dual-mode-flexibility .text {text-align: center;padding: 6em 0 1em;} .dual-mode-flexibility h2 {font-size: 3.125em;font-weight: 400;line-height: 1.2;padding-bottom: .5em;} .dual-mode-flexibility p {font-size: 1.25em;line-height: 1.5;} .dual-mode-flexibility p.tips{color: #979797;margin: 1em 0;} .dual-mode-flexibility ul{padding: 0 10%;} .dual-mode-flexibility ul li{display: inline-block;vertical-align: top;width: 49%;position: relative;height: 0;padding-bottom: 37%;} .dual-mode-flexibility ul li+li{margin-left: 1%;} .dual-mode-flexibility ul .li-1{background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/c1.jpg) top / 100% auto no-repeat;} .dual-mode-flexibility ul .li-2{background: url(https://static-product.tp-link.com/tapo-c501gw_v1/img/c2.jpg) top / 100% auto no-repeat;} .dual-mode-flexibility .card{background: #005eac;border-radius: 1em;right: 2em;top: 2em;padding: 1em;display: flex;justify-content: center;align-items: center;color: #fff;position: absolute;} .dual-mode-flexibility .card .img{width: 3.1875em;} .dual-mode-flexibility .card .plus{width: 2em;text-align: center;} .dual-mode-flexibility .card .txt{margin-left: 2%;text-align: left;line-height: 1.2;font-weight: 400;font-size: 1em;width: 60%;} @media(max-width:1680px) {.dual-mode-flexibility {font-size: 14px}} @media(max-width:1440px) {.dual-mode-flexibility {font-size: 12px}} @media(max-width:1024px) {.dual-mode-flexibility {font-size: 10px}} @media(max-width:736px) {.dual-mode-flexibility {font-size: 10.35px;padding: 0} .dual-mode-flexibility .w-container {width: auto;max-width: 100%;} .dual-mode-flexibility .text {padding: 0;text-align: left;} .dual-mode-flexibility .text h2 {font-size: 2.5em;line-height: 1.2;padding: 1.5em 20px .5em;} .dual-mode-flexibility .text p {font-size: 1.75em;line-height: 1.42857;padding: 0 20px;} .dual-mode-flexibility ul{padding: 0 4vw;} .dual-mode-flexibility ul li{width: 100%;padding-bottom: 56%;} .dual-mode-flexibility ul li+li{margin: 3vw 0 0;} .dual-mode-flexibility ul .li-1{background: url(https://static-product.tp-link.com/tapo-c501gw_v1/m/c1.jpg) top / 100% auto no-repeat;} .dual-mode-flexibility ul .li-2{background: url(https://static-product.tp-link.com/tapo-c501gw_v1/m/c2.jpg) top / 100% auto no-repeat;} } @media(max-width:414px) {.dual-mode-flexibility {font-size: 2.5vw;}}