﻿/* Webcam SDK Feature */
.dntWebCam .dntWebCamBanner .bannerImg { background: url(../../images/banner/DWT/DWT_AddOn_Barcode.jpg) no-repeat; background-size: contain; }
.dntWebCam .dntWebCamBanner h2, .dntWebCam .dntWebCamBanner .h2 { width: 670px; }
.dntWebCam .dntWebCamReliable .functionBox p.browser-list { color: #999; margin-top: 10px; }
.dntWebCam .dntWebCamReliable .functionBox p.browser-list i { font-size: 24px; margin-right: 10px; vertical-align: top; }
.dntWebCam .dntWebCamReliable .functionBox p.browser-list span { vertical-align: top; height: 24px; line-height: 24px; margin-right: 10px; display: inline-block; }
.dntWebCam ul.detail li { list-style: disc !important; }
.basicStrength .strengthLine .disc ul li { list-style: disc; }

@media (max-width: 767px) {
    .dntPageFooter { margin-top: 80px; }
    /* Webcam SDK Feature */
    .dntWebCam .dntWebCamBanner h2, .dntWebCam .dntWebCamBanner .h2 { width: auto; }
    .dntWebCam .dntWebCamReliable .functionList { margin-top: 80px; }
    .dntWebCam .dntWebCamReliable .functionList > div { margin-bottom: 80px; padding: 0; }
    .dntWebCam .dntWebCamReliable .functionList > div:last-child { margin-bottom: 0; }
    .dntWebCam .dntWebCamReliable .functionBox .icon { position: absolute; width: 64px; height: 64px; border: 1px solid #39393B; left: 35px; top: -32px; background: #FFFFFF; text-align: center; display: flex; justify-content: center; align-items: center; }
    .dntWebCam .dntWebCamReliable .functionBox .icon i { width: 43px; height: 43px }
    .dntWebCam .dntWebCamReliable .functionBox { width: 100%; max-width: 536px; height: auto; min-height: unset; margin: 0 auto; background: #F5F5F5; padding: 55px 20px 30px 35px; position: relative; }
    .dntWebCam .dntWebCamStrength { margin-top: 80px; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft { background-size: 100%; }
    .dntWebCam .dntWebCamStrength .strengthLine .strengthImg { height: auto; margin-bottom: 50px; }
    .dntWebCam .dntWebCamStrength .strengthLine .disc a { font-size: 16px; line-height: 28px; margin-top: 8px; display: inline-block; }
    .basicStrength .strengthLine .disc ul { font-size: 14px; line-height: 24px; }

    .pc-table-tr { display: none; }
    .mobile-table-tr { display: table-row; }
}

@media (min-width: 768px) {
    .dntPageFooter { margin-top: 100px; }
    /* Webcam SDK Feature */
    .dntWebCam .dntWebCamBanner h2, .dntWebCam .dntWebCamBanner .h2 { width: 490px; }
    .dntWebCam .dntWebCamReliable .reliableDisc { padding: 0 60px; }
    .dntWebCam .dntWebCamReliable .functionList { margin-top: 100px; }
    .dntWebCam .dntWebCamReliable .functionList > div { margin-bottom: 75px; padding-left: 7px; padding-right: 7px; }
    .dntWebCam .dntWebCamReliable .functionList > div:last-child { margin-bottom: 0; }
    .dntWebCam .dntWebCamReliable .functionBox { width: 100%; max-width: 536px; height: auto; min-height: 300px; margin: 0 auto; background: #F5F5F5; padding: 55px 20px 0 35px; position: relative; }
    .dntWebCam .dntWebCamReliable .functionBox p { min-height: unset; }
    .dntWebCam .dntWebCamReliable .functionBox p.desc { margin-top: 20px; }
    .dntWebCam .dntWebCamReliable .functionBox p.browser-list { margin-top: 10px; }
    .dntWebCam .dntWebCamReliable .functionBox p.browser-list i { font-size: 24px; margin-right: 10px; }
    .dntWebCam .dntWebCamReliable .functionBox p.browser-list span { height: 24px; line-height: 24px; margin-right: 10px; }
    .dntWebCam .dntWebCamReliable .functionBox .icon { position: absolute; width: 64px; height: 64px; border: 1px solid #39393B; left: 35px; top: -32px; background: #FFFFFF; text-align: center; display: flex; justify-content: center; align-items: center; }
    .dntWebCam .dntWebCamReliable .functionBox .icon i { width: 43px; height: 43px }

    .dntWebCam .dntWebCamStrength { margin-top: 80px; }
    .dntWebCam .dntWebCamStrength .strengthLine .disc { width: 526px; margin-left: 100px; }
    .dntWebCam .dntWebCamStrength .strengthLine .disc a { font-size: 18px; line-height: 28px; margin-top: 8px; display: inline-block; }

    .basicStrength .strengthLine .disc ul { font-size: 14px; line-height: 24px; }
    .pc-table-tr { display: none; }
    .mobile-table-tr { display: table-row; }
}

@media (max-width: 991px) {
    .dntWebCam .dntWebCamStrength .strengthLine { padding-top: 60px; }
    .dntWebCam .dntWebCamStrength .strengthLine .disc { margin-top: 0; }

    .dntBarcodePowerful  { margin-top: 100px; }
}

@media(max-width: 767px) {
    .dntBarcodePowerful .powerfulList li:first-child, .dntBarcodePowerful .powerfulList li:nth-child(2) { margin-top: 40px; }
} 

@media (min-width: 992px) {
    .dntPageFooter { margin-top: 170px; }
    /* Webcam SDK Feature */
    .dntWebCam .dntWebCamBanner h2, .dntWebCam .dntWebCamBanner .h2 { width: 440px; }
    .dntWebCam .dntWebCamReliable .reliableDisc { padding: 0px; }
    .dntWebCam .dntWebCamReliable .reliableDisc .desc { font-size: 18px; line-height: 30px; padding: 0; }
    .dntWebCam .dntWebCamReliable .functionList { margin-top: 100px; }
    .dntWebCam .dntWebCamReliable .functionList > div { margin-bottom: 0px; }
    .dntWebCam .dntWebCamReliable .functionBox { width: 100%; max-width: 536px; height: auto; min-height: 325px; margin: 0 auto; background: #F5F5F5; padding: 55px 10px 0 20px; position: relative; }
    .dntWebCam .dntWebCamReliable .functionBox p { min-height: unset; }
    .dntWebCam .dntWebCamReliable .functionBox p.desc { margin-top: 20px; }
    .dntWebCam .dntWebCamReliable .functionBox p.browser-list { margin-top: 10px; }
    .dntWebCam .dntWebCamReliable .functionBox p.browser-list i { font-size: 24px; margin-right: 10px; }
    .dntWebCam .dntWebCamReliable .functionBox p.browser-list span { height: 24px; line-height: 24px; margin-right: 10px; }
    .dntWebCam .dntWebCamReliable .functionBox .icon { position: absolute; width: 64px; height: 64px; border: 1px solid #39393B; left: 35px; top: -32px; background: #FFFFFF; text-align: center; display: flex; justify-content: center; align-items: center; }
    .dntWebCam .dntWebCamReliable .functionBox .icon i { width: 43px; height: 43px }

    .dntWebCam .dntWebCamStrength { margin-top: 110px; }
    .dntWebCam .dntWebCamStrength .strengthLine .disc { width: 460px; margin-left: 0px; }
    .dntWebCam .dntWebCamStrength .strengthLine .strengthImg { width: 450px; height: auto; margin-top: 60px; margin-left: 10px; margin-bottom: 0; }
    .dntWebCam .dntWebCamStrength .strengthLine .disc a { font-size: 18px; line-height: 28px; margin-top: 8px; display: inline-block; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft { background-size: 58.5%; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft .disc { width: 480px; margin-left: 0px; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft .strengthImg { width: 446px; height: auto; margin-top: 60px; margin-left: 0px; }

    .basicStrength .strengthLine .disc ul { font-size: 16px; line-height: 26px; }

    .dntBarcodePowerful { margin-top: 200px; height: 360px; }
    .dntBarcodePowerful .powerfulList li { width: 253px; padding: 20px 20px 20px; margin-right: 20px; font-size: 16px; line-height: 24px; }
    .dntBarcodePowerful .powerfulList li:first-child, .dntBarcodePowerful .powerfulList li:nth-child(2) { margin-top: -80px; }
    .dntBarcodePowerful .powerfulLeft { padding-left: 80px; padding-top: 115px; padding-right: 16px; }

    .pc-table-tr { display: table-row; }
    .mobile-table-tr { display: none; }
    .basicPowerful p.disc {
        min-height: 140px;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .dntWebCam .dntWebCamStrength .strengthLine { height: 380px; }
}

@media (min-width: 1200px) {
    .dntPageFooter { margin-top: 180px; }
    /* Webcam SDK Feature */
    .dntWebCam .dntWebCamBanner h2, .dntWebCam .dntWebCamBanner .h2 { width: 440px; }
    .dntWebCam .dntWebCamReliable .reliableDisc { padding: 0 90px; }
    .dntWebCam .dntWebCamReliable .reliableDisc .desc { font-size: 18px; line-height: 30px; padding: 0 32px; }
    .dntWebCam .dntWebCamReliable .functionList { margin-top: 100px; }
    .dntWebCam .dntWebCamReliable .functionBox { width: 100%; max-width: 536px; height: auto; min-height: 325px; margin: 0 auto; background: #F5F5F5; padding: 55px 20px 0 35px; position: relative; }
    .dntWebCam .dntWebCamReliable .functionBox p { min-height: unset; }
    .dntWebCam .dntWebCamReliable .functionBox p.desc { margin-top: 20px; }
    .dntWebCam .dntWebCamReliable .functionBox p.browser-list { margin-top: 10px; }
    .dntWebCam .dntWebCamReliable .functionBox p.browser-list i { font-size: 24px; margin-right: 10px; }
    .dntWebCam .dntWebCamReliable .functionBox p.browser-list span { height: 24px; line-height: 24px; margin-right: 10px; }
    .dntWebCam .dntWebCamReliable .functionBox .icon { position: absolute; width: 64px; height: 64px; border: 2px solid #39393B; left: 35px; top: -32px; background: #FFFFFF; text-align: center; display: flex; justify-content: center; align-items: center; }
    .dntWebCam .dntWebCamReliable .functionBox .icon i { width: 43px; height: 43px }

    .dntWebCam .dntWebCamStrength { margin-top: 130px; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft { background-size: 58.5%; }
    .dntWebCam .dntWebCamStrength .strengthLine .disc { width: 540px; margin-left: 0px; }
    .dntWebCam .dntWebCamStrength .strengthLine .strengthImg { width: 520px; height: 288px; margin-top: 36px; margin-left: 5px; }
    .dntWebCam .dntWebCamStrength .strengthLine .disc a { font-size: 20px; line-height: 30px; margin-top: 10px; display: inline-block; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft { background-size: 58.5%; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft .disc { width: 560px; margin-left: 0px; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft .strengthImg { width: 520px; height: auto; margin-top: 30px; margin-left: 0px; }

    .basicStrength .strengthLine .disc ul { font-size: 16px; line-height: 26px; }

    .dntBarcodePowerful { margin-top: 240px; height: 360px; }
    .dntBarcodePowerful .powerfulList li { width: 280px; padding: 25px 25px 25px; margin-right: 40px; font-size: 16px; line-height: 24px; }
    .dntBarcodePowerful .powerfulList li:first-child, .dntBarcodePowerful .powerfulList li:nth-child(2) { margin-top: -120px; }
    .dntBarcodePowerful .powerfulLeft { padding-left: 80px; padding-top: 115px; padding-right: 16px; }
    
}

@media (min-width: 1350px) {
    /* Webcam SDK Feature */
    .dntWebCam .dntWebCamBanner { padding-left: 100px; }
}

@media(min-width:1680px) {
    .dntPageFooter { margin-top: 280px; }
    /* Webcam SDK Feature */
    .dntWebCam .dntWebCamBanner h2, .dntWebCam .dntWebCamBanner .h2 { width: 479px; }
    .dntWebCam .dntWebCamBanner .logo { height: 52px; line-height: 52px; font-size: 28px; }
    .dntWebCam .dntWebCamBanner .logo .dlt-logo { width: 52px; height: 52px; margin-right: 10px; }

    .dntWebCam .dntWebCamReliable .reliableDisc { padding: 0 160px; }
    .dntWebCam .dntWebCamReliable .reliableDisc .desc { font-size: 24px; line-height: 34px; padding: 0 65px; }
    .dntWebCam .dntWebCamReliable .functionList { margin-top: 150px; }
    .dntWebCam .dntWebCamReliable .functionBox { width: 100%; max-width: 536px; height: auto; min-height: 320px; margin: 0 auto; background: #F5F5F5; padding: 75px 55px 0 60px; position: relative; }
    .dntWebCam .dntWebCamReliable .functionBox p { min-height: unset; }
    .dntWebCam .dntWebCamReliable .functionBox p.desc { margin-top: 25px; }
    .dntWebCam .dntWebCamReliable .functionBox p.browser-list { margin-top: 10px; }
    .dntWebCam .dntWebCamReliable .functionBox p.browser-list i { font-size: 24px; margin-right: 10px; }
    .dntWebCam .dntWebCamReliable .functionBox p.browser-list span { height: 24px; line-height: 24px; margin-right: 10px; }
    .dntWebCam .dntWebCamReliable .functionBox .icon { position: absolute; width: 80px; height: 80px; border: 2px solid #39393B; left: 60px; top: -40px; background: #FFFFFF; text-align: center; display: flex; justify-content: center; align-items: center; }
    .dntWebCam .dntWebCamReliable .functionBox .icon i { width: 52px; height: 52px }

    .dntWebCam .dntWebCamStrength { margin-top: 160px; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft { background-size: 58.5%; }
    .dntWebCam .dntWebCamStrength .strengthLine .disc { width: 628px; margin-left: 135px; }
    .dntWebCam .dntWebCamStrength .strengthLine .disc a { font-size: 24px; line-height: 34px; margin-top: 10px; display: inline-block; }
    .dntWebCam .dntWebCamStrength .strengthLine .strengthImg { width: 650px; height: 360px; margin-top: 45px; margin-left: 110px; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft { background-size: 58.5%; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft .disc { width: 715px; margin-left: 100px; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft .strengthImg { width: 650px; height: 360px; margin-top: 45px; margin-left: 45px; }

    .basicStrength .strengthLine .disc ul { font-size: 18px; line-height: 30px; }

    .dntBarcodePowerful { margin-top: 280px; height: 360px; }
    .dntBarcodePowerful .powerfulList li { width: 380px; padding: 35px 42px 35px; margin-right: 80px; font-size: 18px; line-height: 26px; }
    .dntBarcodePowerful .powerfulList li:first-child, .dntBarcodePowerful .powerfulList li:nth-child(2) { margin-top: -120px; }
    .dntBarcodePowerful .powerfulLeft { padding-left: 94px; padding-top: 100px; padding-right: 130px; }
    .dntBarcodePowerful .powerfulList li a { font-size: 24px; }
    .basicPowerful p.disc {
        min-height: 90px;
    }
}
#cp-header .action-buttons { display: none !important; }
