.main-article {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    background: #fff;
    padding: 91px 0 0;
    color: #000;
}
.section {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 16px;
    color: #fff;
    background-color: #000;
    text-align: left;
}
.section .section-image {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    width: 100%;
}
.section-color-blue {
    color: #00b7ff;
}
.section-color-red {
    color: #f01b24;
}
.section .section-row {
    display: flex;
    margin: 0 -15px;
}
.section .section-col {
    width: 50%;
    padding: 0 15px;
}

.section-intro .section-wrap {
    position: absolute;
    bottom: 5%;
    left: 15px;
    right: 15px;
}
.section-intro .section-txt {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.15;
    text-align: center;
}

.section-bg-white {
    background-color: #fff;
    color: #000;
}

.section-inline .section-wrap,
.section-absolute .section-wrap {
    padding: 5% 15px;
}

.section-style-1 .section-subtitle {
    font-size: 1.375em;
    line-height: 1;
    margin-bottom: .57em;
}
.section-style-1 .section-title {
    font-size: 3.5em;
    font-weight: bold;
    line-height: .75;
}
.section-style-1 .section-txt {
    font-size: 1.25em;
    line-height: 1.15;
    padding-top: 3%;
    margin-left: 25%;
}
.section-style-2 .section-title {
    font-size: 2.166666667em;
    font-weight: bold;
    line-height: 1.2;
}
.section-style-2 .section-subtitle {
    font-size: 1.333333333em;
    line-height: 1;
    padding-top: .25em;
}
.section-style-2 .section-txt {
    /* font-size: 1.5em; 30px */
    line-height: 1.15;
}

.section-os .section-txt {
    margin-left: 0;
    text-align: center;
}

.section-battery .section-wrap2 {
    color: #818181;
    line-height: 1.25;
}
.section-battery .section-wrap2 strong {
    color: #000;
}
.section-battery .section-col {
    width: 100%;
    padding: 0 0 15px 0;
}
.section-battery .section-it {
    font-size: 1.25em;
    padding-bottom: .25em;
    color: #000;
    font-weight: bold;
    line-height: 1;
}

.section-frame .section-pic {
    position: relative;
}
.section-frame .section-i {
    color: #818181;
    font-size: 0.5em;
    line-height: 1.2;
    position: absolute;
}
.section-frame .section-it {
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1.25;
    color: #000;
}
.section-frame .section-i1 {
    top: 9%;
    left: 1%;
    right: 76%;
}
.section-frame .section-i2 {
    top: 29%;
    left: 1%;
    right: 76%;
}
.section-frame .section-i3 {
    top: 51.5%;
    left: 1%;
    right: 76%;
}
.section-frame .section-i4 {
    top: 20%;
    left: 72.5%;
    right: 1%;
}
.section-frame .section-i5 {
    top: 41.8%;
    left: 72.5%;
    right: 1%;
}
.section-frame .section-i6 {
    top: 62.8%;
    left: 72.5%;
    right: 1%;
}

.section-rugged .section-txt {
    font-size: 1.5em;
    line-height: 1.15;
}

.section-cpu .section-title {
    font-size: 2.75em;
    line-height: 1;
}
.section-screen .section-info,
.section-speaker .section-info {
    color: #818181;
    font-size: .85em;
    line-height: 1.25;
    position: absolute;
    top: 50%;
    left: 52%;
    right: 15px;
}
.section-speaker .section-info {
    top: 53%;
}
.section-screen .section-info .section-it,
.section-speaker .section-info .section-it {
    font-size: 1.25em;
    padding-bottom: .25em;
    color: #000;
    font-weight: bold;
    line-height: 1;
}

.section-camera .section-info {
    color: #9b9b9b;
    font-size: 1.25em;
    line-height: 1.25;
    padding: 5% 0 0;
    font-weight: 600;
}
.section-camera .section-info .txt-white {
    color: #fff;
}

.section-camera2 .section-i {
    position: absolute;
    font-size: .65em;
    line-height: 1.1;
}
.section-camera2 .section-i .section-s {
    color: #afaeaf;
    font-size: .9em;
}
.section-camera2 .section-i1 {
    top: 26%;
    right: 77.5%;
}
.section-camera2 .section-i2 {
    top: 56%;
    right: 77.5%;
    text-align: right;
}
.section-camera2 .section-i3 {
    top: 78%;
    right: 77.5%;
}
.section-camera2 .section-i4 {
    top: 26.6%;
    left: 78.5%;
    right: 3px;
}
.section-camera2 .section-i5 {
    top: 55.6%;
    left: 78.5%;
    right: 3px;
}
.section-camera2 .section-i6 {
    top: 67.6%;
    left: 78.5%;
    right: 3px;
}

.section-sony .section-wrap {
    padding-top: 8%;
}

.section-thermal .section-wrap {
    padding: 15px;
}

.section-thermal-usage .section-wrap {
    padding: 6% 15px 2%;
}

.section-thermal-usage .section-title {
    font-size: 1.5em;
    text-align: center;
}

.section-video .section-video-wrap {
    margin: 0 auto;
}

.section-video .section-video-wrap video {
    display: block;
    width: 100%;
}

.section-antutu .section-title2 {
    font-size: 2.166666667em;
    line-height: 1.2;
    text-align: center;
    padding: 5% 0 0;
}

@media screen and (max-width: 768px) {
    .section .section-row {
        display: initial;
        margin: 0;
    }
    .section .section-col {
        width: 100%;
        padding: 0 15px;
    }
    .section-style-2 .section-title {
        font-size: 1.75em;
    }
    .section-style-2 .section-subtitle {
        font-size: 1.075em;
        padding-bottom: .55em;
    }

    .section-torch {
        padding-top: 20%;
    }
    .section-torch .section-wrap {
        position: absolute;
        top: 1%;
        left: 15px;
        right: 15px;
    }

    .section-torch .section-style-1 .section-txt {
        margin-left: 0;
        margin-right: 45%;
        font-size: 1.125em;
    }

    .section-torch .section-wrap2 {
        position: absolute;
        bottom: 4.2%;
        left: 16%;
        right: 43%;
    }
    .section-torch .section-t {
        font-size: .8em;
    }
}

@media screen and (min-width: 769px) {
   .section {
       font-size: 20px;
   }

   .section-intro .section-wrap {
        top: 46%;
        left: 3%;
        right: 65%;
        bottom: auto;
    }
    .section-intro .section-txt {
        font-size: 2.166666667em;
        text-align: left;
    }

   .section-inline .section-wrap {
        padding: 3% 0;
        width: 80%;
        margin: 0 auto;
    }
    .section-absolute {
        padding-top: 27%;
    }
    .section-absolute .section-wrap {
        position: absolute;
        top: 5%;
        left: 10%;
        right: 10%;
        padding: 0;
    }

    .section-style-1 .section-subtitle {
        font-size: 1.666666667em;
    }
    .section-style-1 .section-title {
        font-size: 7.666666667em;
    }
    .section-style-1 .section-txt {
        font-size: 1.333333333em;
        margin-left: 52%;
    }

    .section-battery .section-wrap2 {
        display: flex;
        font-size: 1em;
    }
    .section-battery .section-col {
        width: 50%;
        padding-bottom: 0;
    }
    .section-battery .section-w {
        padding: 0 15px;
    }

    .section-rugged .section-txt {
        font-size: 1.833333333em;
    }

    .section-frame .section-i {
        font-size: 0.833333333em;
    }
    .section-frame .section-it {
        font-size: 1.125em;
    }
    .section-frame .section-i1 {
        top: 9.7%;
        left: 3%;
        right: 76%;
    }
    .section-frame .section-i2 {
        top: 29.4%;
        left: 3%;
        right: 76%;
    }
    .section-frame .section-i3 {
        top: 51.5%;
        left: 3%;
        right: 76%;
    }
    .section-frame .section-i4 {
        top: 21.1%;
        left: 72.5%;
        right: 6%;
    }
    .section-frame .section-i5 {
        top: 42.6%;
        left: 72.5%;
        right: 6%;
    }
    .section-frame .section-i6 {
        top: 63.7%;
        left: 72.5%;
        right: 6%;
    }

    .section-screen .section-info,
    .section-speaker .section-info {
        font-size: 1em;
        top: 50%;
        left: 52%;
        right: 10%;
    }

    .section-camera .section-info {
        font-size: 1.666666667em;
    }

    .section-camera2 .section-i {
        font-size: 1em;
    }
    .section-camera2 .section-i1 {
        top: 26.3%;
        right: 77.5%;
    }
    .section-camera2 .section-i2 {
        top: 67.7%;
        right: 77.5%;
        text-align: right;
    }
    .section-camera2 .section-i3 {
        top: 78%;
        right: 77.5%;
    }
    .section-camera2 .section-i4 {
        top: 26.6%;
        left: 78.5%;
        right: 3px;
    }
    .section-camera2 .section-i5 {
        top: 55.6%;
        left: 78.5%;
        right: 3px;
    }
    .section-camera2 .section-i6 {
        top: 67.6%;
        left: 78.5%;
        right: 3px;
    }

    .section-thermal .section-wrap {
        padding: initial;
    }
    .section-thermal .section-wrap {
        position: absolute;
        top: 10%;
        left: 10%;
        right: 54%;
    }
    .section-thermal .section-txt {
        padding-top: 10%;
    }

    .section-thermal-usage .section-wrap {
        padding: 5% 0 2%;
    }

    .section-thermal-usage .section-title {
        font-size: 2em;
    }

    .section-video .section-video-wrap {
        max-width: 1500px;
    }

    .section-cpu .section-title {
        font-size: 6em;
    }

    .section-torch .section-wrap {
        position: absolute;
        top: 5%;
        left: 10%;
        right: 10%;
    }

    .section-torch .section-style-1 .section-txt {
        margin-left: 0;
        margin-right: 45%;
    }

    .section-torch .section-wrap2 {
        position: absolute;
        bottom: 9.7%;
        left: 16%;
        right: 47%;
    }
    .section-torch .section-t {
        font-size: 2em;
    }
}

@media screen and (min-width: 1919px) {
    .section {
        font-size: 30px;
    }
}