.nothing {
    display: none;
}

@font-face {
    font-family: Rajdhani-Medium;
    src: url('/template/common/styles/fonts/Rajdhani-Medium.eot') format('embedded-opentype'), url('/template/common/styles/fonts/Rajdhani-Medium.ttf');
}

@font-face {
    font-family: Rajdhani-Light;
    src: url('/template/common/styles/fonts/Rajdhani-Light.eot') format('embedded-opentype'), url('/template/common/styles/fonts/Rajdhani-Light.ttf');
}

@font-face {
    font-family: Rajdhani-Regular;
    src: url('/template/common/styles/fonts/Rajdhani-Regular.eot') format('embedded-opentype'), url('/template/common/styles/fonts/Rajdhani-Regular.ttf');
}

@font-face {
    font-family: Rajdhani-Bold;
    src: url('/template/common/styles/fonts/Rajdhani-Bold.eot') format('embedded-opentype'), url('/template/common/styles/fonts/Rajdhani-Bold.ttf');
}

@font-face {
    font-family: Rajdhani-SemiBold;
    src: url('/template/common/styles/fonts/Rajdhani-SemiBold.eot') format('embedded-opentype'), url('/template/common/styles/fonts/Rajdhani-SemiBold.ttf');
}

#landingpage {
    color: #fff;
    background: #000 url(/template/common/images/textured_page_bg.jpg?v1) repeat fixed center center;
    background-size: 1080px;
}

.landingpage-outer {
    position: relative;
}

.p-wrap {
    position: relative;
}

.p1-options {
    height: 166px;
    width: 100%;
    background: -ms-linear-gradient(top, #052139, #03121f);
    /* IE 10 */
    background: -moz-linear-gradient(top,#052139,#03121f);
    /*FF*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#052139), to(#03121f));
    /*Chrome*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#052139), to(#03121f));
    /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #052139, #03121f);
    /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #052139, #03121f);
    /*Opera 11.10+*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#052139,endColorStr=#03121f);
    /*IE 6 7 8*/
    top: 890px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 5;
}

.p1-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0 2%;
}

.p1-option span {
    font-size: 1.867rem;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;
    font-family: Rajdhani-Bold;
}

.lp-wrap {
    display: none;
}

.lp-wrap.current {
    display: block;
}

.p1,.p2,.p3,.p4,.p5,.p6,.p7 {
    font-family: Rajdhani-Regular;
}

.Tracer3 .p1 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3/bgtop.jpg?v1) no-repeat scroll top center / cover;
}

.Tracer3slim .p1 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3slim/bgtop.jpg?v1) no-repeat scroll top center / cover;
}

.Tracer3xtreme .p1 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme/bgtop.jpg?v12) no-repeat scroll top center / cover;
}

.Tracer3xtreme17 .p1 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme17/bgtop.jpg?v12) no-repeat scroll top center / cover;
}

.top-bg {
    background: transparent url(/template/common/images/line_bg.png) repeat scroll top center;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.p1 .p-wrap {
    z-index: 2;
    text-align: center;
}

.p1-title {
    font-size: 3rem;
    font-weight: lighter;
    text-transform: uppercase;
    margin: 0;
    font-family: Rajdhani-Light;
}

.p1-title > strong {
    font-weight: 500;
}

.p1-title b {
    font-family: Rajdhani-Medium;
}

.line-seperator {
    height: 11px;
    width: 286px;
    display: block;
}

.p1 .line-seperator {
    background-color: #174dc8;
    margin: 10px auto;
}

.p1-sub-title {
    font-size: 4.8rem;
    text-transform: uppercase;
    padding: 10px 0;
}

.p1-txt {
    font-size: 1.867rem;
    width: 450px;
    margin: 0 auto;
}

.p1-price {
    padding-top: 30px;
}

.p1-price span {
    font-size: 2.2rem;
    display: block;
}

.p1-price strong {
    font-size: 4.8rem;
    font-weight: 600;
    font-family: Rajdhani-SemiBold;
}

.p1-viewall {
    font-size: 1.867rem;
    border-radius: 10px;
    border: 1px solid #fff;
    display: block;
    width: 282px;
    height: 54px;
    line-height: 54px;
    background-color: rgba(23,77,200, 0.64);
    margin: 20px auto 0;
    cursor: pointer;
}

.p1-gly {
    background-color: #212023;
    height: 315px;
    position: relative;
    z-index: 3;
    margin-top: 732px;
}

.p1-gly .p-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.p1-gly-img {
    width: calc(25% - 1px);
    width: -webkit-calc(25% - 1px);
    border-right: 1px solid #46424c;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.p1-gly-img:last-of-type {
    border-right: 0 none;
    width: 25%;
}

.Tracer3slim .p1-gly-img:last-of-type img,.Tracer3xtreme .p1-gly-img:last-of-type img,.Tracer3xtremeR .p1-gly-img:last-of-type img {
    margin-top: 50px;
}

.p1-gly-img img {
    max-width: 100%;
}

.p1-video-wrap {
    height: 155px;
    width: 100%;
    background-color: #174dc8;
    position: relative;
    z-index: 3;
}

.p1-video-wrap .p-wrap {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

.p1-video {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.p1-video img {
    padding: 0 20px;
    cursor: pointer;
}

.p1-video span {
    font-size: 2.133rem;
}

.p1-video span strong {
    font-size: 2.933rem;
    font-weight: bold;
    display: block;
}

.p1-video-wrap .p1-viewall {
    margin-right: 40px;
    background-color: rgba(23, 36, 200, 0.64);
    text-align: center;
}

.p2 {
    height: 784px;
    clear: both;
}

.Tracer3 .p2 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3/bg2.jpg) no-repeat scroll top center/cover;
}

.Tracer3slim .p2 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3slim/bg2.jpg) no-repeat scroll top center/cover;
}

.Tracer3xtreme .p2 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme/bg2.jpg) no-repeat scroll top center/cover;
}

.Tracer3xtreme17 .p2 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme/bg2.jpg) no-repeat scroll top center/cover;
}

.p2 .p-wrap {
    overflow: hidden;
}

.p2-content {
    float: right;
    width: 310px;
    margin-right: 150px;
}

.p2 .line-seperator {
    background-color: #174dc8;
    margin-top: 100px;
}

.p-title {
    text-transform: capitalize;
    font-size: 2.933rem;
    font-weight: bold;
    padding: 10px 0;
    font-family: Rajdhani-Bold;
}

.p-txt {
    font-size: 2.133rem;
    padding: 10px 0 20px;
    font-family: Rajdhani-Regular;
}

.p2 img {
    display: block;
    margin: 20px auto;
    width: 82%;
    max-width: 279px;
}

.p3 {
    height: 1058px;
    text-align: center;
    padding-top: 50px;
}

.Tracer3 .p3 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3/bg3.jpg) no-repeat scroll top center/cover;
}

.Tracer3slim .p3 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3slim/bg3.jpg) no-repeat scroll top center/cover;
}

.Tracer3xtreme .p3 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme/bg3.jpg) no-repeat scroll top center/cover;
}

.Tracer3xtremeR .p3 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme/bg3.jpg) no-repeat scroll top center/cover;
}

.Tracer3xtreme17 .p3 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme/bg3.jpg) no-repeat scroll top center/cover;
}

.p3 .p-wrap {
    padding-top: 30px;
}

.p3 .line-seperator {
    background-color: #174dc8;
    margin: 0 auto;
}

.p3 .p-txt {
    width: 800px;
    margin: 0 auto;
}

.p3 img {
    display: block;
    margin: 0 auto;
    position: relative;
    padding: 20px 0;
}

.p4 {
    height: 784px;
}

.Tracer3 .p4 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3/bg4.jpg) no-repeat scroll top center/cover;
}

.Tracer3slim .p4 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3slim/bg4.jpg) no-repeat scroll top center/cover;
}

.Tracer3xtreme .p4 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme/bg4.jpg) no-repeat scroll top center/cover;
}

.Tracer3xtremeR .p4 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtremer/bg4.jpg) no-repeat scroll top center/cover;
}

.Tracer3xtreme17 .p4 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme17/bg4.jpg) no-repeat scroll top center/cover;
}

.p-content {
    position: absolute;
    background: #000;
    width: 350px;
    padding: 20px;
    left: 130px;
}

.p4 .p-content {
    top: 380px;
}

.p-content .line-seperator {
    background-color: #174dc8;
}

.highlight {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    cursor: pointer;
}

.highlight > span {
    font-size: 3.733rem;
    font-weight: 600;
    padding: 0 20px;
}

.p4 .highlight {
    top: 637px;
    left: 655px;
}

.p5 {
    height: 781px;
}

.Tracer3 .p5 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3/bg5.jpg) no-repeat scroll top center/cover;
}

.Tracer3slim .p5 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3slim/bg5.jpg) no-repeat scroll top center/cover;
}

.Tracer3xtreme .p5 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme/bg5.jpg) no-repeat scroll top center/cover;
}

.Tracer3xtremeR .p5 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtremer/bg5.jpg) no-repeat scroll top center/cover;
}

.Tracer3xtreme17 .p5 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme17/bg5.jpg) no-repeat scroll top center/cover;
}

.p5 .p-content {
    top: 460px;
}

.Tracer3 .webcam {
    top: 50px;
    left: 402px;
}

.Tracer3slim .webcam {
    top: 64px;
    left: 580px;
}

.Tracer3xtreme .webcam {
    top: 52px;
    left: 364px;
}

.Tracer3xtreme17 .webcam {
    top: 52px;
    left: 364px;
}

.Tracer3 .led-display {
    top: 564px;
    left: 962px;
}

.Tracer3slim .led-display {
    top: 456px;
    left: 952px;
}

.Tracer3xtreme .led-display {
    top: 440px;
    left: 982px;
}

.Tracer3xtreme17 .led-display {
    top: 584px;
    left: 1011px;
}

.Tracer3 .p6 {
    height: 783px;
}

.Tracer3slim .p6 {
    height: 525px;
}

.Tracer3xtreme .p6 {
    height: 823px;
}

.Tracer3xtreme17 .p6 {
    height: 823px;
}

.Tracer3 .p6 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3/bg6.jpg) no-repeat scroll top center/cover;
}

.Tracer3slim .p6 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3slim/bg6.jpg) no-repeat scroll top center/cover;
}

.Tracer3xtreme .p6 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme/bg6.jpg) no-repeat scroll top center/cover;
}

.Tracer3xtremeR .p6 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtremer/bg6.jpg) no-repeat scroll top center/cover;
    height: 467px;
}

.Tracer3xtreme17 .p6 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme/bg6.jpg) no-repeat scroll top center/cover;
}

.Tracer3 .p6 .p-content {
    top: 256px;
    width: 300px;
}

.Tracer3slim .p6 .p-content {
    top: 190px;
    width: 300px;
}

.Tracer3xtremeR .p6 .p-content {
    top: 100px;
}

.p6 .p-content {
    top: 440px;
    width: 300px;
    left: 120px;
}

.Tracer3 .connectivity {
    left: 1005px;
    top: 565px;
}

.Tracer3slim .connectivity {
    left: 1005px;
    top: 253px;
}

.Tracer3xtreme .connectivity {
    left: 1122px;
    top: 704px;
}

.Tracer3xtreme17 .connectivity {
    left: 1122px;
    top: 704px;
}

.Tracer3 .hd-outputs {
    left: 540px;
    top: 565px;
}

.Tracer3slim .hd-outputs {
    left: 540px;
    top: 156px;
}

.Tracer3xtreme .hd-outputs {
    left: 732px;
    top: 590px;
}

.Tracer3xtreme17 .hd-outputs {
    left: 732px;
    top: 590px;
}

.p7 {
    height: 968px;
}

.Tracer3 .p7 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3/bg7.jpg) no-repeat scroll top center/cover;
}

.Tracer3slim .p7 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3slim/bg7.jpg) no-repeat scroll top center/cover;
}

.Tracer3xtreme .p7 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme/bg7.jpg?v1) no-repeat scroll top center/cover;
}

.Tracer3xtremeR .p7 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtremer/bg7.jpg?v1) no-repeat scroll top center/cover;
}

.Tracer3xtreme17 .p7 {
    background: transparent url(/template/common/page/Tracer3/images/Tracer3xtreme/bg7.jpg?v1) no-repeat scroll top center/cover;
}

.p7 .p-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    flex-wrap: wrap;
}

.p7-img-wrap {
    display: flex;
    justify-content: flex-end;
    width: 50%;
    position: relative;
    overflow: hidden;
}

.spec-wrap {
    padding-top: 5%;
    width: 40%;
}

.Tracer3xtreme .spec-wrap {
    padding-top: 5%;
}

.Tracer3xtreme17 .spec-wrap {
    padding-top: 5%;
}

.spec-wrap .line-seperator {
    background-color: #174dc8;
}

.spec {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    max-height: 800px;
}

.Tracer3xtreme .spec {
    max-height: 800px;
}

.Tracer3xtreme17 .spec {
    max-height: 800px;
}

.spec li {
    width: 45%;
    padding: 10px 5% 10px 0;
}

.spec li strong {
    font-size: 2.133rem;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
}

.spec li span {
    display: block;
    font-size: 2.5rem;
}

.p-config {
}

.p-config .p-wrap {
    padding: 5% 0;
    background-color: #000;
}

.p-config .line-seperator {
    background-color: #174dc8;
    margin: 0 auto;
}

.p-config .p-title, .p-config .p-txt {
    text-align: center;
}

.p-config .p-title {
}

/*------mini navigations -------*/
.lp-mini-nav {
    position: fixed;
    top: 250px;
    left: 50px;
    z-index: 6;
}

.lp-mini-nav li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 23px;
    width: 179px;
    cursor: pointer;
}

.lp-mini-nav i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #636363;
    margin: 0 10px;
}

.lp-mini-nav span {
    font-size: 1.6rem;
    display: none;
}

.lp-mini-nav li.active i {
    background-color: #fff;
}

.lp-mini-nav li:hover {
    background-color: #363636;
    border-radius: 11.5px;
}

.lp-mini-nav li:hover span {
    display: inline-block;
}

/*------ popup --------*/
.popup {
    display: none;
}

.pp-wrap {
    background-color: #fff;
    font-family: Rajdhani, Arial, Verdana, Helvetica, sans-serif;
    max-width: 780px;
    margin: 10px;
}

.pp-title {
    color: #174dc8;
    font-weight: bold;
    font-size: 3.2rem;
}

.pp-txt {
    color: #000;
    font-size: 2.133rem;
    padding: 10px 0;
}

.pp-img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

@media(min-width: 1500px) {
    .p1-title {
        padding-top: 160px;
    }

    .p2, .p3, .p4, .p5, .p6, .p7 {
        background-size: 1490px auto !important;
    }
}

@media(min-width: 1200px) and (max-width: 1499px) {
    .p-config {
        background:#000;
    }

    .highlight {
    }

    .highlight img {
        width: 15%;
    }

    .highlight span {
        font-size: 3.5rem;
    }

    .p1-title {
        padding-top: 160px;
    }

    .p2, .p3, .p4, .p5, .p6, .p7 {
        background-size: 1490px auto !important;
    }

    .p-content {
        left: 20px;
    }

    .Tracer3 .p6 .p-content {
        top: 420px;
    }

    .Tracer3slim .p6 .p-content {
        top: 143px;
        width: 325px;
        left: 52px;
    }

    .p4 .highlight {
        left: 580px;
    }

    .Tracer3 .webcam {
        left: 275px;
        top: 53px;
    }

    .Tracer3slim .webcam {
        left: 416px;
        top: 60px;
    }

    .Tracer3xtreme .webcam {
        top: 52px;
        left: 364px;
    }

    .Tracer3xtreme17 .webcam {
        top: 52px;
        left: 276px;
    }

    .Tracer3 .led-display {
        left: 800px;
        top: 576px;
    }

    .Tracer3slim .led-display {
        left: 800px;
    }

    .Tracer3xtreme .led-display {
        left: 800px;
    }

    .Tracer3xtreme17 .led-display {
        left: 827px;
    }

    .Tracer3 .connectivity {
        left: 862px;
    }

    .Tracer3slim .connectivity {
        left: 855px;
        top: 260px;
    }

    .Tracer3xtreme .connectivity {
        left: 958px;
        top: 579px;
    }

    .Tracer3xtreme17 .connectivity {
        left: 926px;
        top: 633px;
    }

    .Tracer3 .hd-outputs {
        left: 397px;
    }

    .Tracer3slim .hd-outputs {
        left: 443px;
        top: 114px;
    }

    .Tracer3xtreme .hd-outputs {
        left: 477px;
        top: 625px;
    }

    .Tracer3xtreme17 .hd-outputs {
        left: 533px;
        top: 601px;
    }

    .p7-img-wrap {
        width: 60%;
    }

    .spec li span {
        font-size: 2.5rem;
    }
}

@media(min-width: 960px) and (max-width: 1199px) {
    .p-config {
        background:#000;
    }

    .highlight img {
        width: 15%;
    }

    .highlight span {
        font-size: 3.0rem;
    }

    .p1-options {
        top: 770px;
    }

    .p1, .p2, .p3, .p4, .p5, .p6, .p7 {
        background-size: 1200px auto;
    }

    .p1-title {
        padding-top: 135px;
    }

    .p1-gly {
        height: 260px;
        margin-top: 391px;
    }

    .p1-gly-img img {
        width: 80%;
    }

    .p2 {
        height: 662px;
    }

    .p2 .line-seperator {
        margin-top: 60px;
    }

    .p3 {
        height: auto;
        padding-top: 0;
    }

    .p-content {
        left: 0;
    }

    .p4 {
        height: 662px;
    }

    .p4 .p-content {
        top: 310px;
    }

    .p4 .highlight {
        top: 541px;
        left: 383px;
    }

    .p5 {
        height: 659px;
    }

    .p5 .p-content {
        top: 375px;
    }

    .highlight > span {
        font-size: 2.8rem;
    }

    .Tracer3 .webcam {
        top: 44px;
        left: 188px;
    }

    .Tracer3slim .webcam {
        top: 54px;
        left: 319px;
    }

    .Tracer3xtreme .webcam {
        top: 38px;
        left: 170px;
    }

    .Tracer3xtreme17 .webcam {
        top: 38px;
        left: 170px;
    }

    .Tracer3 .led-display {
        top: 460px;
        left: 635px;
    }

    .Tracer3slim .led-display {
        top: 363px;
        left: 647px;
    }

    .Tracer3xtreme .led-display {
        top: 363px;
        left: 647px;
    }

    .Tracer3xtreme17 .led-display {
        top: 480px;
        left: 675px;
    }

    .Tracer3 .p6 {
        height: 788px;
    }

    .Tracer3slim .p6 {
        height: 627px;
    }

    .Tracer3 .p6 .p-content {
        top: 456px;
    }

    .Tracer3slim .p6 .p-content {
        top: 255px;
        left: 50px;
    }

    .Tracer3 .connectivity {
        left: 676px;
        top: 560px;
    }

    .Tracer3slim .connectivity {
        left: 797px;
        top: 340px;
    }

    .Tracer3xtreme .connectivity {
        left: 810px;
        top: 604px;
    }

    .Tracer3xtreme17 .connectivity {
        left: 810px;
        top: 618px;
    }

    .Tracer3 .hd-outputs {
        left: 320px;
        top: 560px;
    }

    .Tracer3slim .hd-outputs {
        left: 458px;
        top: 170px;
    }

    .Tracer3xtreme .hd-outputs {
        left: 489px;
        top: 629px;
    }

    .Tracer3xtreme17 .hd-outputs {
        left: 443px;
        top: 592px;
    }

    .p7 {
        height: 700px;
    }

    .p7-img-wrap {
        width: 100%;
        height: auto;
    }

    .p7-img-wrap img {
        width: 950px;
        height: 512px;
    }

    .spec-wrap {
        width: 50%;
        /* padding-top: 50px; */
        margin-left: 50%;
    }

    .p7 .line-seperator {
    }

    .p7 .p-title {
        font-size: 2.5rem;
    }

    .spec li {
        /* width: calc(25% - 20px); */
        /* width: -webkit-calc(25% - 20px); */
        /* padding: 10px; */
    }

    .spec {
        height: 620px;
    }

    .p8 {
        padding: 0;
    }

    .highlight > img {
        width: 45px;
    }

    .spec li span {
        font-size: 1.8rem;
    }
}

@media(max-width: 959px) {
    .p-config {
        background:#000;
    }

    .p1-options {
        top: 620px;
    }

    .p1, .p2, .p3, .p4, .p5, .p6, .p7 {
        background-size: 960px auto;
    }

    .p1-title {
        padding-top: 110px;
    }

    .line-seperator {
        height: 10px;
        width: 240px;
    }

    .p1-gly {
        height: 220px;
        margin-top: 267px;
    }

    .p1-gly-img img {
        width: 80%;
    }

    .p2 {
        height: 530px;
    }

    .p2-content {
        margin-right: 10px;
    }

    .p2 .line-seperator {
        margin-top: 30px;
    }

    .p-title {
        font-size: 2.4rem;
        padding: 5px 0;
    }

    .p-txt {
        font-size: 1.6rem;
        padding: 10px 0;
    }

    .p3 {
        height: auto;
        padding-top: 0;
    }

    .p-content {
        left: 0;
        width: 240px;
    }

    .p3 .p-txt {
        width: 90%;
    }

    .p4 {
        height: 530px;
    }

    .p4 .p-content {
        top: 245px;
    }

    .highlight > span {
        font-size: 2.0rem;
        padding: 0 10px;
    }

    .highlight > img {
        width: 35px;
    }

    .p4 .highlight {
        top: 315px;
        left: 340px;
    }

    .p5 {
        height: 528px;
    }

    .p5 .p-content {
        top: 300px;
    }

    .Tracer3 .webcam {
        top: 41px;
        left: 166px;
    }

    .Tracer3slim .webcam {
        top: 48px;
        left: 303px;
    }

    .Tracer3xtreme .webcam {
        top: 31px;
        left: 177px;
    }

    .Tracer3xtreme17 .webcam {
        top: 31px;
        left: 177px;
    }

    .Tracer3 .led-display {
        top: 368px;
        left: 509px;
    }

    .Tracer3slim .led-display {
        top: 290px;
        left: 509px;
    }

    .Tracer3xtreme .led-display {
        top: 290px;
        left: 509px;
    }

    .Tracer3xtreme17 .led-display {
        top: 385px;
        left: 543px;
    }

    .Tracer3 .p6 {
        height: 530px;
    }

    .Tracer3slim .p6 {
        height: 530px;
    }

    .Tracer3xtreme .p6 {
        height: 682px;
    }

    .Tracer3xtreme17 .p6 {
        height: 682px;
    }

    .p6 .p-content {
        top: 450px;
        left: 100px;
    }

    .Tracer3 .connectivity {
        left: 542px;
        top: 370px;
    }

    .Tracer3slim .connectivity {
        left: 619px;
        top: 280px;
    }

    .Tracer3xtreme .connectivity {
        left: 634px;
        top: 510px;
    }

    .Tracer3xtreme17 .connectivity {
        left: 660px;
        top: 523px;
    }

    .Tracer3 .hd-outputs {
        left: 333px;
        top: 370px;
    }

    .Tracer3slim .hd-outputs {
        left: 422px;
        top: 127px;
    }

    .Tracer3xtreme .hd-outputs {
        left: 433px;
        top: 521px;
    }

    .Tracer3xtreme17 .hd-outputs {
        left: 433px;
        top: 482px;
    }

    .p7 {
        height: auto;
    }

    .p7-img-wrap {
        width: 100%;
        height: auto;
    }

    .p7-img-wrap img {
        width: 730px;
        height: 393px;
    }

    .spec-wrap {
        width: 50%;
        margin-left: 50%;
    }

    .p7 .line-seperator {
        /* margin: 0 auto; */
    }

    .p7 .p-title {
        /* text-align: center; */
    }

    .spec li {
        /* width: calc(100% / 3 - 20px); */
        /* width: -webkit-calc(100% / 3 - 20px); */
        /* padding: 10px; */
    }

    .spec li strong {
        font-size: 1.8rem;
    }

    .spec li span {
        font-size: 1.8rem;
    }

    .p8 {
        /* padding: 50px 0; */
    }

    .spec {
        height: 600px;
    }
}

@media(max-device-width: 729px) {
    .p-config {
        background:#000;
    }

    #landingpage {
        background: #000 none;
    }

    .p1-options {
        top: 7.35%;
        position: relative;
    }

    .p1 {
        background-size: 100% auto;
    }

    .p1-title {
        padding-top: 12%;
        font-size: 2rem
    }

    .line-seperator {
        width: 200px;
        margin: 0 auto;
    }

    .p1-sub-title {
        font-size: 3rem;
        padding: 5px 0;
    }

    .p1-txt {
        font-size: 1.6rem;
        width: 90%;
    }

    .p1-price {
        padding-top: 15px;
    }

    .p1-price span {
        font-size: 1.8rem;
    }

    .p1-price strong {
        font-size: 3.8rem;
    }

    .p1-viewall {
        font-size: 1.6rem;
        border-radius: 5px;
        width: 200px;
        height: 40px;
        line-height: 40px;
    }

    .p1-gly {
        height: 130px;
        margin-top: 195px;
    }

    .p1-gly-img img {
        width: 80%;
    }

    .p1-video-wrap {
        height: auto;
    }

    .p1-video-wrap .p-wrap {
        flex-direction: column;
        align-items: center;
    }

    .p1-video {
        width: 100%;
        padding: 15px 0 0;
        justify-content: center;
    }

    .p1-video span strong {
        font-size: 2.4rem;
    }

    .p1-video span {
        font-size: 2rem;
    }

    .p1-video-wrap .p1-viewall {
        margin: 20px auto;
    }

    .p2, .p3, .p4, .p5,.p6, .p7 {
        background: #000 none !important;
        height: auto !important;
    }

    .p2-content {
        float: none;
        width: 90%;
        margin: 0 auto;
    }

    .p2 .line-seperator {
        margin: 30px auto 0;
    }

    .p-title {
        text-align: center;
    }

    .p3 img {
        max-width: 90%;
    }

    .p-content {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        width: 90%;
        margin: 0 auto;
    }

    .highlight {
        display: none;
    }

    .p7-img-wrap {
        justify-content: center;
    }

    .p7-img-wrap img {
        width: 320px;
        height: 172px;
    }

    .spec {
        justify-content: center;
    }

    .spec li {
        width: 140px;
    }

    .lp-mini-nav {
        display: none;
    }

    .spec-wrap {
        width: 90%;
        margin: 0 auto;
    }

    .p1-option img {
        max-width: 90%;
    }

    .p1-option span {
        text-align: center;
    }
}