.ssec {
    position: relative;
    color: #fff;
    background-color: #000;
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 300;
    margin: 0 auto;
    overflow: hidden;
}
.ssec .ssec-img {
    max-width: 100%;
    width: 100%;
}
.ssec-bg-white {
    color: #000;
    background-color: #fff;
}
@media screen and (min-width: 769px) {
    .ssec-bg-lg-white {
        color: #000;
        background-color: #fff;
    }
}

.ssec {
    --px-18: 0.9375vw;
    --px-20: 1.0416666666667vw;
    --px-22: 1.1458333333333vw;
    --px-24: 1.25vw;
    --px-26: 1.3541666666667vw;
    --px-28: 1.4583333333333vw;
    --px-30: 1.5625vw;
    --px-32: 1.6666666666667vw;
    --px-34: 1.7708333333333vw;
    --px-36: 1.875vw;
    --px-38: 1.9791666666667vw;
    --px-40: 2.0833333333333vw;
    --px-42: 2.1875vw;
    --px-44: 2.2916666666666665vw;
    --px-46: 2.3958333333333vw;
    --px-50: 2.6041666666667vw;
    --px-56: 2.9166666666667vw;
    --px-60: 3.125vw;
    --px-62: 3.229166666666667vw;
    --fs-head: var(--px-56);
    --fs-subhead: var(--px-36);
    --fs-txt: var(--px-24);
}

.ssec .ssec-head {
    font-size: var(--fs-head);
    font-weight: bold;
    line-height: 1.2;
}
.ssec .ssec-subhead {
    font-size: var(--fs-subhead);
    font-weight: 600;
    line-height: 1.25;
}
.ssec .ssec-txt {
    font-size: var(--fs-txt);
    line-height: 1.2;
}
.ssec-pt-1 {
    padding-top: 1vw;
}
.ssec-pt-2 {
    padding-top: 1.5vw;
}
.ssec-pt-3 {
    padding-top: 3vw;
}
.ssec-pb-1 {
    padding-bottom: 1vw;
}
.ssec .ssec-note {
    font-size: 1vw;
    line-height: 1.25;
}
.ssec .ssec-note-bottom {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 2%
}
.ssec .ssec-color {
    color: #fec400;
}
.ssec-color-1 {
    color: #00ff85;
}
.ssec-text-center {
    text-align: center;
}
/**/

.specs-color-name {
    text-align: center;
    padding: 5px 0 0;
    margin-bottom: 0;
}
.specs-block-img .img-fluid {
    display: block;
    margin: 0 auto;
}
.specs-block .specs-value strong {
    font-size: 1.375em;
    line-height: 1.25;
}
.specs-block .specs-note {
    padding-top: 2%;
    font-size: .875em;
    color: #888;
    padding-bottom: 0;
}
.specs-note {
    padding-bottom: 3%;
}
.specs-note p {
    font-size: .925em;
    margin-bottom: .25em;
    color: #888;
}
.specs-block .specs-img-size {
    max-width: 100%;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .specs-block .specs-img-size {
        max-width: initial;
        width: 50%;
    }
}
/**/

.ssec-intro .ssec-wrap {
    position: absolute;
    top: 37%;
    left: 10%;
    right: 50%;
}
.ssec-intro .ssec-logo img {
    width: 31vw;
}
.ssec-intro .ssec-txt2 {
    font-size: var(--px-36);
    padding-top: .5208333333333333vw;
    line-height: 1.1;
}
.ssec-intro .ssec-txt4 {
    font-size: var(--px-24);
    padding-top: 3.0208333333333334vw;
    line-height: 1.3;
}

.ssec-summary .ssec-i {
    position: absolute;
    font-size: var(--px-26);
    line-height: 1.1;
}
.ssec-summary .ssec-i .ssec-h {
    font-size: var(--px-40);
}
.ssec-summary .ssec-i1 {
    top: 7.4%;
    left: 3.4%;
    right: 69.3%;
}
.ssec-summary .ssec-i2 {
    top: 11.5%;
    left: 35.7%;
    right: 56.5%;
}
.ssec-summary .ssec-i3 {
    top: 7.1%;
    left: 69.5%;
    right: 17.5%;
}
.ssec-summary .ssec-i4 {
    top: 6.3%;
    left: 83.9%;
    right: 3.5%;
}
.ssec-summary .ssec-i5 {
    top: 52%;
    left: 3.5%;
    right: 69.3%;
}
.ssec-summary .ssec-i6 {
    top: 26.5%;
    left: 32.5%;
    right: 31.9%;
    font-size: var(--px-36);
}
.ssec-summary .ssec-i7 {
    top: 44.8%;
    left: 33%;
    right: 59.5%;
}
.ssec-summary .ssec-i8 {
    top: 44.8%;
    left: 61.5%;
    right: 31.5%;
}
.ssec-summary .ssec-i9 {
    top: 39.3%;
    left: 84.3%;
    right: 8.5%;
    line-height: 1.2;
}
.ssec-summary .ssec-i10 {
    top: 73.8%;
    left: 3.5%;
    right: 74.2%;
    font-size: var(--px-30);
}
.ssec-summary .ssec-i11 {
    top: 73.6%;
    left: 27.5%;
    right: 47.5%;
    font-size: var(--px-28);
}

.ssec-display .ssec-wrap {
    position: absolute;
    top: 2%;
    left: 10%;
    right: 10%;
}
.ssec-display .ssec-i {
    position: absolute;
    top: 87%;
    line-height: 1.1;
    font-size: var(--px-22);
}
.ssec-display .ssec-h {
    font-weight: bold;
    font-size: var(--px-36);
}
.ssec-display .ssec-i1 {
    left: 16%;
    right: 65%;
}
.ssec-display .ssec-i2 {
    left: 41.3%;
    right: 43%;
}
.ssec-display .ssec-i3 {
    left: 63%;
    right: 22%;
}
.ssec-display .ssec-i4 {
    left: 83.6%;
    right: 3%;
}

.ssec-backdisplay .ssec-wrap {
    position: absolute;
    top: 8%;
    left: 10%;
    right: 46%;
}
.ssec-backdisplay .ssec-i {
    position: absolute;
    left: 17.2%;
    right: 58%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    line-height: 1;
    font-size: var(--px-22);
}
.ssec-backdisplay .ssec-h {
    font-weight: bold;
    font-size: var(--px-38);
}
.ssec-backdisplay .ssec-i1 {
    top: 48.5%;
    bottom: 45.7%;
}
.ssec-backdisplay .ssec-i2 {
    top: 57.9%;
    bottom: 36.3%;
}
.ssec-backdisplay .ssec-i3 {
    top: 67.3%;
    bottom: 27%;
}
.ssec-backdisplay .ssec-i4 {
    top: 76.6%;
    bottom: 17.5%;
}

.ssec-dualdisplay .ssec-wrap {
    position: absolute;
    top: 5%;
    left: 10%;
    right: 10%;
}

.ssec-dsum .ssec-i {
    position: absolute;
    line-height: 1;
}
.ssec-dsum .ssec-i1 {
    top: 2.4%;
    left: 6%;
    right: 75%;
    bottom: 78.7%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: var(--px-32);
}
.ssec-dsum .ssec-i2 {
    top: 4.2%;
    left: 69%;
    right: 3.6%;
    text-align: center;
    font-size: var(--px-34);
}
.ssec-dsum .ssec-i3 {
    top: 23.2%;
    left: 3%;
    right: 66%;
    text-align: center;
    font-size: var(--px-26);
}
.ssec-dsum .ssec-i4 {
    top: 34.2%;
    left: 36.5%;
    right: 40.6%;
    font-size: var(--px-26);
    line-height: 1.1;
}
.ssec-dsum .ssec-i5 {
    top: 73.4%;
    left: 5.2%;
    right: 68.6%;
    font-size: var(--px-34);
}
.ssec-dsum .ssec-i6 {
    top: 73.5%;
    left: 34%;
    right: 33.3%;
    text-align: center;
    font-size: var(--px-34);
}
.ssec-dsum .ssec-i7 {
    top: 52.4%;
    left: 69.2%;
    right: 3.6%;
    font-size: var(--px-32);
    line-height: 1.1;
}
.ssec-dsum .ssec-i8 {
    top: 57.9%;
    left: 69%;
    right: 3.6%;
    text-align: center;
    font-size: var(--px-26);
}
.ssec-dsum .ssec-i9 {
    top: 78.9%;
    left: 30.6%;
    right: 50.6%;
    font-size: var(--px-24);
    line-height: 1.1;
}
.ssec-dsum .ssec-i10 {
    top: 78.9%;
    left: 69%;
    right: 5%;
    text-align: right;
    font-size: var(--px-34);
}

.ssec-battery .ssec-wrap {
    position: absolute;
    top: 2%;
    left: 10%;
    right: 10%;
}
.ssec-battery .ssec-f {
    position: absolute;
    top: 25%;
    left: 29%;
    right: 29%;
    display: flex;
    justify-content: space-around;
    font-size: var(--px-24);
    line-height: 1;
    text-align: center;
}
.ssec-battery .ssec-h {
    font-weight: bold;
    font-size: var(--px-50);
}
.ssec-battery .ssec-h span {
    font-size: var(--px-22);
    letter-spacing: -.6px;
}
.ssec-battery .ssec-note {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 4%;
    text-align: center;
}

.ssec-battery2 .ssec-wrap {
    position: absolute;
    top: 14%;
    left: 54%;
    right: 9%;
}
.ssec-battery2 .ssec-wrap2 {
    top: 65%;
    left: 13%;
    right: 54%;
}

.ssec-battery3 .ssec-wrap {
    position: absolute;
    top: 6%;
    left: 10%;
    right: 10%;
}
.ssec-battery3 .ssec-i {
    position: absolute;
    top: 88%;
    line-height: 1;
    font-size: var(--px-22);
}
.ssec-battery3 .ssec-h {
    font-weight: bold;
    font-size: var(--px-34);
}
.ssec-battery3 .ssec-i1 {
    left: 2%;
    right: 82%;
}
.ssec-battery3 .ssec-i2 {
    left: 78%;
    right: 2%;
}

.ssec-fastcharge .ssec-wrap {
    position: absolute;
    top: 5%;
    left: 10%;
    right: 25%;
}

.ssec-reversecharge .ssec-wrap {
    position: absolute;
    top: 7%;
    left: 10%;
    right: 25%;
}
.ssec-reversecharge .ssec-i {
    position: absolute;
    top: 42%;
    line-height: 1;
    font-size: var(--px-24);
}
.ssec-reversecharge .ssec-i1 {
    left: 9.3%;
    right: 84%;
}
.ssec-reversecharge .ssec-i2 {
    left: 17%;
    right: 77%;
}
.ssec-reversecharge .ssec-i3 {
    left: 24%;
    right: 70.7%;
}
.ssec-reversecharge .ssec-i4 {
    left: 30%;
    right: 63%;
}

.ssec-cameras .ssec-i {
    position: absolute;
    font-size: var(--px-26);
    line-height: 1;
    letter-spacing: -.6px;
}
.ssec-cameras .ssec-h {
    line-height: 1.1;
    font-size: var(--px-50);
}
.ssec-cameras .ssec-t {
    padding-top: .3125vw;
    opacity: .9;
}
.ssec-cameras .ssec-i1 {
    top: 9.5%;
    left: 52.5%;
}
.ssec-cameras .ssec-i2 {
    top: 30.6%;
    left: 65%;
}
.ssec-cameras .ssec-i3 {
    top: 57.2%;
    left: 77.1%;
}

.ssec-camera .ssec-head,
.ssec-camera .ssec-txt {
    position: absolute;
    top: 7%;
    left: 53%;
    right: 8%;
}
.ssec-camera .ssec-txt {
    top: 78%;
}
.ssec-camera .ssec-i {
    position: absolute;
    top: 40.4%;
    left: 61.2%;
    line-height: 1;
    font-size: var(--px-28);
}

.ssec-nightcamera .ssec-wrap {
    position: absolute;
    top: 3%;
    left: 10%;
    right: 10%;
}
.ssec-nightcamera .ssec-i {
    position: absolute;
    top: 93.6%;
    left: 5.5%;
    right: 83.6%;
    font-size: var(--px-24);
    line-height: 1;
    text-align: center;
}
.ssec-nightcamera .ssec-i2 {
    left: 17.6%;
    right: 65.9%;
}
.ssec-nightcamera .ssec-i3 {
    left: 36%;
    right: 50.6%;
}
.ssec-nightcamera .ssec-i4 {
    left: 50.4%;
    right: 35%;
}
.ssec-nightcamera .ssec-i5 {
    left: 67%;
    right: 19.7%;
}
.ssec-nightcamera .ssec-i6 {
    left: 83.7%;
    right: 5.8%;
}

.ssec-widecamera .ssec-wrap {
    position: absolute;
    top: 5%;
    left: 10%;
    right: 10%;
}

.ssec-selfiecamera .ssec-head {
    position: absolute;
    top: 7%;
    left: 12%;
    right: 41%;
}
.ssec-selfiecamera .ssec-txt {
    position: absolute;
    top: 49%;
    left: 61%;
    right: 7%;
}

.ssec-aishots .ssec-wrap {
    position: absolute;
    top: 3%;
    left: 10%;
    right: 10%;
}

.ssec-cameramode .ssec-i {
    position: absolute;
    top: 52.6%;
    left: 2%;
    right: 89%;
    font-size: var(--px-18);
    line-height: 1.0;
    text-align: center;
}
.ssec-cameramode .ssec-i2 {
    left: 13%;
    right: 81%;
}
.ssec-cameramode .ssec-i3 {
    left: 20%;
    right: 73%;
}
.ssec-cameramode .ssec-i4 {
    left: 28%;
    right: 66%;
}
.ssec-cameramode .ssec-i5 {
    left: 35.5%;
    right: 59%;
}
.ssec-cameramode .ssec-i6 {
    left: 42.4%;
    right: 54%;
}
.ssec-cameramode .ssec-i7 {
    left: 47%;
    right: 48%;
}
.ssec-cameramode .ssec-i8 {
    left: 53.5%;
    right: 40%;
}
.ssec-cameramode .ssec-i9 {
    left: 60.5%;
    right: 31.5%;
}
.ssec-cameramode .ssec-i10 {
    left: 70%;
    right: 24.5%;
}
.ssec-cameramode .ssec-i11 {
    left: 76.6%;
    right: 17.7%;
}
.ssec-cameramode .ssec-i12 {
    left: 83.2%;
    right: 9.7%;
}
.ssec-cameramode .ssec-i13 {
    left: 90.8%;
    right: 3.5%;
}

.ssec-camerakey .ssec-wrap {
    position: absolute;
    top: 3%;
    left: 10%;
    right: 10%;
}
.ssec-camerakey .ssec-i {
    position: absolute;
    top: 35.1%;
    left: 42.9%;
    line-height: 1;
    font-size: var(--px-28);
}

.ssec-halo .ssec-wrap {
    position: absolute;
    top: 5%;
    left: 10%;
    right: 10%;
}

.ssec-halo2 .ssec-i {
    position: absolute;
    top: 22%;
    bottom: 24%;
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: var(--px-32);
}
.ssec-halo2 .ssec-i1 {
    left: 21.5%;
    right: 68%;
}
.ssec-halo2 .ssec-i2 {
    left: 39%;
    right: 50%;
}
.ssec-halo2 .ssec-i3 {
    left: 56.7%;
    right: 28%;
}
.ssec-halo2 .ssec-i4 {
    left: 77.5%;
    right: 11%;
}

.ssec-speaker .ssec-wrap {
    position: absolute;
    top: 26%;
    left: 10%;
    right: 53%;
}
.ssec-speaker .ssec-i {
    position: absolute;
    top: 81.1%;
    right: 10.3%;
    text-align: right;
    font-size: var(--px-24);
    line-height: 1.1;
}
.ssec-speaker .ssec-h {
    font-size: var(--px-60);
}

.ssec-partybox .ssec-head {
    position: absolute;
    top: 8%;
    left: 10%;
    right: 52%;
}
.ssec-partybox .ssec-txt {
    position: absolute;
    top: 8%;
    left: 51%;
    right: 7%;
}

.ssec-partybox2 .ssec-i {
    position: absolute;
    font-size: var(--px-26);
    line-height: 1;
}
.ssec-partybox2 .ssec-i1 {
    top: 16%;
    left: 7%;
    right: 79%;
}
.ssec-partybox2 .ssec-i2 {
    top: 16%;
    left: 25%;
    right: 56%;
}
.ssec-partybox2 .ssec-i3 {
    top: 16%;
    left: 46%;
    right: 28%;
}
.ssec-partybox2 .ssec-i4 {
    top: 16%;
    left: 73%;
    right: 6%;
}
.ssec-partybox2 .ssec-i5 {
    top: 33.1%;
    left: 46%;
    right: 28%;
}
.ssec-partybox2 .ssec-i6 {
    top: 33.1%;
    left: 73%;
    right: 6%;
}

.ssec-rug .ssec-j {
    position: absolute;
    top: 60%;
    left: 59.6%;
    right: 8%;
    line-height: 1;
    font-size: 4.1666666666666664vw;
    font-weight: bold;
}
.ssec-rug .ssec-i {
    position: absolute;
    top: 86%;
    left: 14.3%;
    right: 67%;
    line-height: 1.3;
    font-size: var(--px-30);
}
.ssec-rug .ssec-h {
    font-weight: bold;
    font-size: var(--px-50);
}

.ssec-rugged .ssec-wrap {
    position: absolute;
    top: 5%;
    left: 10%;
    right: 10%;
}

.ssec-glass .ssec-wrap {
    position: absolute;
    top: 3%;
    left: 10%;
    right: 53%;
}
.ssec-glass .ssec-i {
    position: absolute;
    top: 78%;
    left: 10.3%;
    right: 50%;
    font-size: var(--px-32);
    line-height: 1.2;
}
.ssec-glass .ssec-h {
    font-weight: bold;
    font-size: 3.854166666666667vw;
}

.ssec-cpu .ssec-wrap {
    position: absolute;
    top: 5%;
    left: 10%;
    right: 10%;
}
.ssec-cpu .ssec-f {
    position: absolute;
    top: 89.5%;
    left: 8%;
    right: 8%;
    display: flex;
    justify-content: space-around;
    font-size: var(--px-24);
    line-height: 1;
}
.ssec-cpu .ssec-h {
    font-weight: bold;
    font-size: var(--px-36);
}

.ssec-npu .ssec-wrap {
    position: absolute;
    top: 7%;
    left: 10%;
    right: 40%;
}

.ssec-gemini .ssec-wrap {
    position: absolute;
    top: 9%;
    left: 10%;
    right: 45%;
}

.ssec-memory .ssec-wrap {
    position: absolute;
    top: 4%;
    left: 10%;
    right: 45%;
}
.ssec-memory .ssec-f {
    position: absolute;
    top: 58.5%;
    left: 10%;
    right: 66%;
    display: flex;
    flex-direction: column;
    gap: var(--px-36);
    font-size: var(--px-22);
    line-height: 1;
}
.ssec-memory .ssec-h {
    font-weight: bold;
    font-size: var(--px-36);
}
.ssec-memory .ssec-note {
    position: absolute;
    left: 14%;
    right: 14%;
    bottom: 5%;
    text-align: center;
}

.ssec-5g .ssec-wrap {
    position: absolute;
    top: 4%;
    left: 10%;
    right: 40%;
}

.ssec-os .ssec-wrap {
    position: absolute;
    top: 62%;
    left: 26%;
    right: 26%;
}

.ssec-more .ssec-i {
    position: absolute;
    line-height: 1;
}
.ssec-more .ssec-i1 {
    top: 7%;
    left: 4%;
    right: 85%;
    font-size: var(--px-40);
}
.ssec-more .ssec-i2 {
    top: 7%;
    left: 32.7%;
    right: 37%;
    font-size: var(--px-40);
}
.ssec-more .ssec-i3 {
    top: 8%;
    left: 67%;
    right: 9%;
    font-size: var(--px-42);
}
.ssec-more .ssec-i4 {
    top: 37%;
    left: 6%;
    right: 73%;
    font-size: var(--px-38);
}
.ssec-more .ssec-i5 {
    top: 33.5%;
    left: 65%;
    right: 3%;
    font-size: var(--px-40);
}
.ssec-more .ssec-i6 {
    top: 90.5%;
    left: 65%;
    right: 20.3%;
    font-size: var(--px-26);
}
.ssec-more .ssec-i7 {
    top: 90.5%;
    left: 81.5%;
    right: 3.5%;
    font-size: var(--px-26);
}

.ssec-access .ssec-wrap {
    position: absolute;
    top: 2%;
    left: 10%;
    right: 10%;
}
.ssec-access .ssec-i {
    position: absolute;
    top: 79%;
    left: 64%;
    right: 5%;
    font-size: var(--px-26);
    line-height: 1.2;
}
.ssec-access .ssec-h {
    font-weight: bold;
    font-size: var(--px-40);
}
.ssec-access .ssec-note {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 7%;
    text-align: center;
}

.ssec-usmart .ssec-wrap {
    position: absolute;
    top: 5%;
    left: 10%;
    right: 25%;
}
.ssec-usmart .ssec-note {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 2%;
    text-align: center;
}

.ssec-service .ssec-wrap {
    position: absolute;
    top: 3%;
    left: 10%;
    right: 10%;
}

.ssec-tests .ssec-wrap {
    position: absolute;
    top: 5%;
    left: 10%;
    right: 10%;
}
.ssec-tests .ssec-i {
    font-size: 1.25vw;
    line-height: 1;
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.ssec-tests .ssec-w {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ssec-tests .ssec-h {
    font-size: 3.4vw;
    letter-spacing: -1px;
    font-weight: bold;
    padding: 6px 0;
}
.ssec-tests .ssec-h span:last-child {
    font-size: 1.25vw;
}
.ssec-tests .ssec-i1 {
    top: 41%;
    left: 10.5%;
    right: 63.8%;
    bottom: 43.7%;
}
.ssec-tests .ssec-i2 {
    top: 41%;
    left: 37.1%;
    right: 37%;
    bottom: 43.7%;
}
.ssec-tests .ssec-i3 {
    top: 41%;
    left: 63.8%;
    right: 10.4%;
    bottom: 43.7%;
}
.ssec-tests .ssec-i4 {
    top: 71.2%;
    left: 10.5%;
    right: 63.8%;
    bottom: 12.5%;
}
.ssec-tests .ssec-i5 {
    top: 71.2%;
    left: 37.1%;
    right: 37%;
    bottom: 12.5%;
}
.ssec-tests .ssec-i6 {
    top: 71.2%;
    left: 63.8%;
    right: 10.4%;
    bottom: 12.5%;
}

.ssec-pnotes {
    padding: 2% 0;
    font-size: 14px;
}
.ssec-pnotes .ssec-pnotes-head {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: .875rem;
}
.ssec-pnotes p {
    margin-bottom: .375rem;
    color: #555;
}

@media screen and (min-width: 1440px) {
    .ssec-txt-x-5 {
        padding-left: 5%;
        padding-right: 5%;
    }
    .ssec-txt-x-10 {
        padding-left: 10%;
        padding-right: 10%;
    }
    .ssec-txt-x-15 {
        padding-left: 15%;
        padding-right: 15%;
    }
}

@media screen and (min-width: 769px) {
    .ssec-mobile {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .ssec .ssec-subhead {
        line-height: 1.25;
    }
    .ssec .ssec-txt {
        line-height: 1.25;
    }
    .ssec-sm-pt-2 {
        padding-top: 2vw;
    }
    .ssec-pt-2,
    .ssec-pt-sm-2 {
        padding-top: 1em;
    }
    .ssec .ssec-head-inline > * {
        display: block;
    }
    .ssec .ssec-head-inline .ssec-subhead {
        padding-left: 0;
    }
    .ssec .ssec-note {
        font-size: 2.1vw;
    }
    .ssec .ssec-note-bottom {
        left: 12px;
        right: 12px;
    }

    .ssec {
        --px-6: 1.4563106796117vw;
        --px-7: 1.6990291262136vw;
        --px-8: 1.9417475728155vw;
        --px-9: 2.1844660194175vw;
        --px-10: 2.4271844660194vw;
        --px-11: 2.6699029126214vw;
        --px-12: 2.9126213592233vw;
        --px-13: 3.1553398058252vw;
        --px-14: 3.3980582524272vw;
        --px-15: 3.6407766990291vw;
        --px-16: 3.8834951456311vw;
        --px-17: 4.126213592233vw;
        --px-18: 4.368932038835vw;
        --px-19: 4.6116504854369vw;
        --px-20: 4.8543689320388vw;
        --px-21: 5.0970873786408vw;
        --px-22: 5.3398058252427vw;
        --px-23: 5.5825242718447vw;
        --px-24: 5.8252427184466vw;
        --px-26: 6.3106796116505vw;
        --px-28: 6.7961165048544vw;
        --px-30: 7.2815533980583vw;
        --px-32: 7.7669902912621vw;
        --px-34: 8.252427184466vw;
        --px-36: 8.7378640776699vw;
        --px-38: 9.2233009708738vw;
        --px-40: 9.7087378640777vw;
        --px-42: 10.194174757282vw;
        --px-46: 11.165048543689vw;
        --px-50: 12.135922330097vw;
        --px-56: 13.592233009709vw;
        --px-60: 14.563106796117vw;
        --fs-head: var(--px-20);
        --fs-subhead: var(--px-15);
        --fs-txt: var(--px-11);
    }

    .ssec-intro .ssec-wrap {
        position: absolute;
        top: 5.5%;
        left: 10px;
        right: 10px;
        text-align: center;
    }
    .ssec-intro .ssec-txt2 {
        font-size: var(--px-18);
        padding-top: var(--px-13);
        line-height: 1.1;
    }
    .ssec-intro .ssec-txt4 {
        padding-top: var(--px-13);
        font-size: var(--px-11);
    }
    .ssec-intro .ssec-logo img {
        width: 61vw;
    }

    .ssec-summary .ssec-i {
        font-size: var(--px-11);
        line-height: 1.1;
    }
    .ssec-summary .ssec-i .ssec-h {
        font-size: var(--px-12);
    }
    .ssec-summary .ssec-i1 {
        top: 4%;
        left: 4.6%;
        right: 69.3%;
        font-size: var(--px-10);
    }
    .ssec-summary .ssec-i2 {
        top: 28.3%;
        left: 4.7%;
        right: 69.5%;
        text-align: center;
    }
    .ssec-summary .ssec-i3 {
        top: 4.1%;
        left: 33.5%;
        right: 33.5%;
    }
    .ssec-summary .ssec-i4 {
        top: 4.3%;
        left: 69.9%;
        right: 3.5%;
    }
    .ssec-summary .ssec-i5 {
        top: 50.2%;
        left: 4.5%;
        right: 69.5%;
    }
    .ssec-summary .ssec-i6 {
        top: 28.3%;
        left: 32.5%;
        right: 31.9%;
        font-size: var(--px-14);
    }
    .ssec-summary .ssec-i7 {
        top: 59%;
        left: 37%;
        right: 51.5%;
        font-size: var(--px-9);
    }
    .ssec-summary .ssec-i8 {
        top: 59%;
        left: 51.5%;
        right: 38.5%;
        text-align: right;
        font-size: var(--px-9);
    }
    .ssec-summary .ssec-i9 {
        top: 37.6%;
        left: 70.7%;
        right: 16.5%;
        line-height: 1.1;
    }
    .ssec-summary .ssec-i10 {
        top: 73.8%;
        left: 27.5%;
        right: 52.2%;
        font-size: var(--px-11);
        text-align: right !important;
        line-height: 1.1;
    }
    .ssec-summary .ssec-i11 {
        top: 72.8%;
        left: 53.9%;
        right: 27.5%;
        font-size: var(--px-12);
        text-align: left !important;
        line-height: 1;
    }

    .ssec .ssec-head-wrap,
    .ssec .ssec-txt {
        position: initial;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }

    .ssec-display .ssec-wrap {
        top: 2%;
        left: 4%;
        right: 4%;
    }
    .ssec-display .ssec-i {
        top: 87.5%;
        font-size: var(--px-8);
        text-align: center;
    }
    .ssec-display .ssec-h {
        font-size: var(--px-14);
    }
    .ssec-display .ssec-i1 {
        left: 2%;
        right: 68%;
    }
    .ssec-display .ssec-i2 {
        left: 33.3%;
        right: 42%;
    }
    .ssec-display .ssec-i3 {
        left: 59%;
        right: 17%;
    }
    .ssec-display .ssec-i4 {
        left: 83.6%;
        right: 1%;
    }

    .ssec-backdisplay .ssec-wrap {
        top: 3%;
        left: 4%;
        right: 4%;
    }
    .ssec-backdisplay .ssec-i {
        left: 16.2%;
        right: 51%;
        font-size: var(--px-9);
    }
    .ssec-backdisplay .ssec-h {
        font-size: var(--px-14);
    }
    .ssec-backdisplay .ssec-i1 {
        top: 65.2%;
        bottom: 30.5%;
    }
    .ssec-backdisplay .ssec-i2 {
        top: 72.5%;
        bottom: 23.3%;
    }
    .ssec-backdisplay .ssec-i3 {
        top: 79.7%;
        bottom: 16%;
    }
    .ssec-backdisplay .ssec-i4 {
        top: 86.9%;
        bottom: 8.7%;
    }

    .ssec-dualdisplay .ssec-wrap {
        top: 5%;
        left: 4%;
        right: 4%;
    }

    .ssec-dsum .ssec-i {
        line-height: 1;
    }
    .ssec-dsum .ssec-i1 {
        top: 2.4%;
        left: 4%;
        right: 71%;
        bottom: 78.7%;
        font-size: var(--px-12);
    }
    .ssec-dsum .ssec-i2 {
        top: 3.9%;
        left: 66%;
        right: 3.6%;
        font-size: var(--px-12);
    }
    .ssec-dsum .ssec-i3 {
        top: 23.2%;
        left: 4.7%;
        right: 66.7%;
        font-size: var(--px-10);
    }
    .ssec-dsum .ssec-i4 {
        top: 33.2%;
        left: 36.5%;
        right: 36.6%;
        font-size: var(--px-9);
        line-height: 1.2;
    }
    .ssec-dsum .ssec-i5 {
        top: 71.9%;
        left: 5.2%;
        right: 68.6%;
        font-size: var(--px-12);
        text-align: center;
    }
    .ssec-dsum .ssec-i6 {
        top: 71.5%;
        left: 35%;
        right: 36.3%;
        font-size: var(--px-12);
    }
    .ssec-dsum .ssec-i7 {
        top: 50.2%;
        left: 66.2%;
        right: 4.4%;
        font-size: var(--px-9);
        line-height: 1.4;
        text-align: center;
    }
    .ssec-dsum .ssec-i8 {
        top: 71.9%;
        left: 66.2%;
        right: 4.4%;
        font-size: var(--px-10);
    }
    .ssec-dsum .ssec-i9 {
        top: 78.9%;
        left: 26.2%;
        right: 51.6%;
        font-size: var(--px-9);
    }
    .ssec-dsum .ssec-i10 {
        top: 78.9%;
        left: 70%;
        right: 7%;
        font-size: var(--px-12);
    }

    .ssec-battery .ssec-wrap {
        top: 2%;
        left: 4%;
        right: 4%;
    }
    .ssec-battery .ssec-f {
        top: 25%;
        left: 14%;
        right: 14%;
        font-size: var(--px-10);
    }
    .ssec-battery .ssec-h {
        font-size: var(--px-22);
    }
    .ssec-battery .ssec-h span {
        font-size: var(--px-8);
        letter-spacing: 0px;
    }
    .ssec-battery .ssec-note {
        left: 4%;
        right: 4%;
        bottom: 4%;
    }

    .ssec-battery2 .ssec-wrap {
        top: 2%;
        left: 9%;
        right: 17%;
    }
    .ssec-battery2 .ssec-wrap2 {
        top: 46%;
        left: 8%;
        right: 14%;
    }

    .ssec-battery3 .ssec-wrap {
        top: 4%;
        left: 4%;
        right: 4%;
    }
    .ssec-battery3 .ssec-i {
        top: 88%;
        font-size: var(--px-9);
    }
    .ssec-battery3 .ssec-h {
        font-size: var(--px-14);
    }
    .ssec-battery3 .ssec-i1 {
        left: 2%;
        right: 58.7%;
    }
    .ssec-battery3 .ssec-i2 {
        left: 59%;
        right: 2%;
    }

    .ssec-fastcharge .ssec-wrap {
        top: 5%;
        left: 4%;
        right: 20%;
    }

    .ssec-reversecharge .ssec-wrap {
        top: 4%;
        left: 4%;
        right: 4%;
        text-align: center;
    }
    .ssec-reversecharge .ssec-i {
        top: 27%;
        font-size: var(--px-10);
    }
    .ssec-reversecharge .ssec-i1 {
        left: 25.6%;
        right: 62%;
    }
    .ssec-reversecharge .ssec-i2 {
        left: 40%;
        right: 51%;
    }
    .ssec-reversecharge .ssec-i3 {
        left: 52%;
        right: 38%;
    }
    .ssec-reversecharge .ssec-i4 {
        left: 64%;
        right: 26%;
    }

    .ssec-cameras .ssec-i {
        font-size: var(--px-10);
        letter-spacing: 0px;
    }
    .ssec-cameras .ssec-h {
        font-size: var(--px-20);
    }
    .ssec-cameras .ssec-t {
        padding-top: .24271844660194173vw;
    }
    .ssec-cameras .ssec-i1 {
        top: 8%;
        left: 13%;
    }
    .ssec-cameras .ssec-i2 {
        top: 7.8%;
        left: 52.3%;
    }
    .ssec-cameras .ssec-i3 {
        top: 26.2%;
        left: 71.1%;
    }

    .ssec .ssec-head,
    .ssec .ssec-txt {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
    }
    .ssec-camera .ssec-wrap {
        position: absolute;
        top: 7%;
        left: 4%;
        right: 4%;
    }
    .ssec-camera .ssec-i {
        top: 62.9%;
        left: 76.6%;
        font-size: var(--px-10);
    }

    .ssec-nightcamera .ssec-wrap {
        top: 3%;
        left: 4%;
        right: 4%;
    }
    .ssec-nightcamera .ssec-i {
        top: 78%;
        left: 13.5%;
        right: 65.6%;
        font-size: var(--px-10);
    }
    .ssec-nightcamera .ssec-i2 {
        left: 35.6%;
        right: 30.9%;
    }
    .ssec-nightcamera .ssec-i3 {
        left: 71%;
        right: 10.6%;
    }
    .ssec-nightcamera .ssec-i4 {
        top: 92%;
        left: 10.4%;
        right: 62%;
    }
    .ssec-nightcamera .ssec-i5 {
        top: 92%;
        left: 40%;
        right: 34.9%;
    }
    .ssec-nightcamera .ssec-i6 {
        top: 92%;
        left: 67.7%;
        right: 6.8%;
    }

    .ssec-widecamera .ssec-wrap {
        top: 1%;
        left: 4%;
        right: 4%;
    }

    .ssec-selfiecamera .ssec-head {
        position: absolute;
        top: 5%;
        left: 4%;
        right: 4%;
        text-align: center;
    }
    .ssec-selfiecamera .ssec-txt {
        position: absolute;
        top: auto;
        left: 4%;
        right: 4%;
        bottom: 5%;
        text-align: center;
    }

    .ssec-aishots .ssec-wrap {
        top: 3%;
        left: 4%;
        right: 4%;
    }

    .ssec-cameramode .ssec-i {
        top: 46.4%;
        left: 5%;
        right: 77%;
        font-size: var(--px-8);
    }
    .ssec-cameramode .ssec-i2 {
        left: 24%;
        right: 64%;
    }
    .ssec-cameramode .ssec-i3 {
        left: 37%;
        right: 50%;
    }
    .ssec-cameramode .ssec-i4 {
        left: 51%;
        right: 36%;
    }
    .ssec-cameramode .ssec-i5 {
        left: 64.5%;
        right: 25%;
    }
    .ssec-cameramode .ssec-i6 {
        left: 77%;
        right: 16%;
    }
    .ssec-cameramode .ssec-i7 {
        left: 86%;
        right: 5%;
    }
    .ssec-cameramode .ssec-i8 {
        top: 57%;
        left: 9.4%;
        right: 78%;
    }
    .ssec-cameramode .ssec-i9 {
        top: 57%;
        left: 23%;
        right: 61%;
    }
    .ssec-cameramode .ssec-i10 {
        top: 57%;
        left: 40%;
        right: 49.5%;
    }
    .ssec-cameramode .ssec-i11 {
        top: 57%;
        left: 52%;
        right: 37%;
    }
    .ssec-cameramode .ssec-i12 {
        top: 57%;
        left: 64.2%;
        right: 22.7%;
    }
    .ssec-cameramode .ssec-i13 {
        top: 57%;
        left: 77.8%;
        right: 11.5%;
    }

    .ssec-camerakey .ssec-wrap {
        top: 3%;
        left: 4%;
        right: 4%;
    }
    .ssec-camerakey .ssec-i {
        top: 39.7%;
        left: 36.7%;
        font-size: var(--px-11);
    }

    .ssec-halo .ssec-wrap {
        top: 2%;
        left: 4%;
        right: 4%;
    }

    .ssec-halo2 .ssec-i {
        top: 28%;
        bottom: 24%;
        font-size: var(--px-12);
    }
    .ssec-halo2 .ssec-i1 {
        left: 12.5%;
        right: 76%;
    }
    .ssec-halo2 .ssec-i2 {
        left: 34%;
        right: 53%;
    }
    .ssec-halo2 .ssec-i3 {
        left: 56.7%;
        right: 24%;
    }
    .ssec-halo2 .ssec-i4 {
        left: 83.9%;
        right: 1%;
    }

    .ssec-speaker .ssec-wrap {
        top: 2%;
        left: 4%;
        right: 4%;
        text-align: center;
    }
    .ssec-speaker .ssec-i {
        top: 85.5%;
        right: 3.3%;
        font-size: var(--px-10);
    }
    .ssec-speaker .ssec-h {
        font-size: var(--px-22);
    }

    .ssec-partybox .ssec-wrap {
        position: absolute;
        top: 2%;
        left: 4%;
        right: 4%;
        text-align: center;
    }

    .ssec-partybox2 .ssec-i {
        font-size: var(--px-10);
    }
    .ssec-partybox2 .ssec-i1 {
        top: 10%;
        left: 7%;
        right: 73%;
    }
    .ssec-partybox2 .ssec-i2 {
        top: 10%;
        left: 32%;
        right: 39%;
    }
    .ssec-partybox2 .ssec-i3 {
        top: 21%;
        left: 64%;
        right: 6%;
    }
    .ssec-partybox2 .ssec-i4 {
        top: 21%;
        left: 7%;
        right: 73%;
    }
    .ssec-partybox2 .ssec-i5 {
        top: 21%;
        left: 32%;
        right: 39%;
    }
    .ssec-partybox2 .ssec-i6 {
        top: 10%;
        left: 64%;
        right: 6%;
    }

    .ssec-rug .ssec-j {
        top: 63.6%;
        left: 56%;
        right: 3%;
        font-size: var(--px-24);
    }
    .ssec-rug .ssec-i {
        top: 87%;
        left: 10%;
        right: 58%;
        line-height: 1.3;
        font-size: var(--px-12);
    }
    .ssec-rug .ssec-h {
        font-size: var(--px-18);
    }

    .ssec-rugged .ssec-wrap {
        top: 3%;
        left: 4%;
        right: 4%;
    }

    .ssec-glass .ssec-wrap {
        top: 3%;
        left: 4%;
        right: 4%;
        text-align: center;
    }
    .ssec-glass .ssec-i {
        top: 85.1%;
        left: 3.3%;
        right: 50%;
        font-size: var(--px-13);
    }
    .ssec-glass .ssec-h {
        font-size: var(--px-30);
    }

    .ssec-cpu .ssec-wrap {
        top: 5%;
        left: 4%;
        right: 4%;
    }
    .ssec-cpu .ssec-f {
        top: 90%;
        left: 1%;
        right: 1%;
        font-size: var(--px-8);
    }
    .ssec-cpu .ssec-h {
        font-size: var(--px-13);
    }

    .ssec-npu .ssec-wrap {
        top: 4%;
        left: 4%;
        right: 4%;
    }

    .ssec-gemini .ssec-wrap {
        top: 4%;
        left: 4%;
        right: 4%;
    }

    .ssec-memory .ssec-wrap {
        top: 4%;
        left: 4%;
        right: 4%;
    }
    .ssec-memory .ssec-f {
        top: 32%;
        left: 4%;
        right: 53%;
        gap: var(--px-9);
        font-size: var(--px-9);
        line-height: 1.1;
    }
    .ssec-memory .ssec-h {
        font-weight: bold;
        font-size: var(--px-15);
    }
    .ssec-memory .ssec-note {
        position: absolute;
        left: 4%;
        right: 4%;
        bottom: 4%;
    }

    .ssec-5g .ssec-wrap {
        top: 4%;
        left: 4%;
        right: 15%;
    }

    .ssec-os .ssec-wrap {
        top: 44%;
        left: 4%;
        right: 4%;
    }

    .ssec-more .ssec-i1 {
        top: 9.7%;
        left: 5.3%;
        right: 78%;
        font-size: var(--px-13);
    }
    .ssec-more .ssec-i2 {
        top: 5%;
        left: 51.9%;
        right: 5%;
        font-size: var(--px-13);
    }
    .ssec-more .ssec-i3 {
        top: 38.9%;
        left: 54%;
        right: 9%;
        font-size: var(--px-13);
    }
    .ssec-more .ssec-i4 {
        top: 27%;
        left: 6%;
        right: 52.2%;
        font-size: var(--px-13);
    }
    .ssec-more .ssec-i5 {
        top: 38.5%;
        left: 5%;
        right: 52%;
        font-size: var(--px-13);
    }
    .ssec-more .ssec-i6 {
        top: 77.5%;
        left: 61%;
        right: 23.3%;
        font-size: var(--px-11);
    }
    .ssec-more .ssec-i7 {
        top: 77.5%;
        left: 79.2%;
        right: 4.2%;
        font-size: var(--px-11);
    }

    .ssec-access .ssec-wrap {
        top: 2%;
        left: 4%;
        right: 4%;
    }
    .ssec-access .ssec-i {
        top: 84.4%;
        left: 17%;
        right: 17%;
        font-size: var(--px-11);
    }
    .ssec-access .ssec-h {
        font-size: var(--px-15);
    }
    .ssec-access .ssec-note {
        left: 4%;
        right: 4%;
        bottom: 5%;
    }

    .ssec-usmart .ssec-wrap {
        top: 5%;
        left: 4%;
        right: 4%;
    }
    .ssec-usmart .ssec-note {
        left: 4%;
        right: 4%;
        bottom: 4%;
    }

    .ssec-service .ssec-wrap {
        top: 5%;
        left: 4%;
        right: 4%;
    }

    .ssec-tests .ssec-wrap {
        top: 3%;
        left: 4%;
        right: 4%;
    }
    .ssec-tests .ssec-i {
        font-size: 2.7vw;
    }
    .ssec-tests .ssec-h {
        font-size: 6vw;
        letter-spacing: 0px;
        padding-bottom: 0;
    }
    .ssec-tests .ssec-i1 {
        top: 35.5%;
        left: 5%;
        right: 51%;
        bottom: 53.2%;
    }
    .ssec-tests .ssec-i2 {
        top: 35.5%;
        left: 51.1%;
        right: 4.8%;
        bottom: 53.2%;
    }
    .ssec-tests .ssec-i3 {
        top: 82%;
        left: 5%;
        right: 51%;
        bottom: 5.5%;
    }
    .ssec-tests .ssec-i4 {
        top: 59.1%;
        left: 5%;
        right: 51%;
        bottom: 29.2%;
    }
    .ssec-tests .ssec-i5 {
        top: 59.1%;
        left: 51.1%;
        right: 4.8%;
        bottom: 29.2%;
    }
    .ssec-tests .ssec-i6 {
        top: 82%;
        left: 51.1%;
        right: 4.8%;
        bottom: 5.5%;
    }

    .ssec-pnotes {
        padding: 5% 0;
        font-size: 12px;
    }
}
