﻿/* Webcam SDK Feature */
.dntWebCam .dntWebCamBanner .bannerImg { background: url(../../images/banner/DWT/DWT_AddOn_Webcam.jpg) no-repeat; background-size: contain; }
.dntWebCam .dntWebCamBanner h2, .dntWebCam .dntWebCamBanner .h2 { width: 670px; }
.dntWebCam .dntWebCamBanner .logo { height: 52px; line-height: 52px; font-size: 28px; }
.dntWebCam .dntWebCamBanner .logo .dlt-logo { display: inline-block; vertical-align: top; width: 52px; height: 52px; background: url(../../images/dynamsoft-logos/dlr-small.png) no-repeat; background-size: cover; margin-right: 10px; }
.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 .dntWebCamSupport table { width: 100%; }
.dntWebCam .dntWebCamSupport table tr td { padding: 15px 50px; border: 1px solid #707070; font-size: 18px; width: 33.3%; vertical-align: top; }
.dntWebCam .dntWebCamSupport table tr.title td { background: #323234; color: #FFFFFF; font-size: 20px }
.dntWebCam .dntWebCamSupport ul.disc-li { margin-left: 20px; }
.dntWebCam .dntWebCamSupport ul.disc-li, .dntWebCam .dntWebCamSupport ul.disc-li li { list-style: disc; }
.dntWebCam ul.detail li { list-style: disc !important; }

@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 .dntWebCamSupport table .mobile-table-tr td { width: 70%; }
    .dntWebCam .dntWebCamSupport table tr td { padding: 12px 35px; font-size: 14px; }
    .dntWebCam .dntWebCamSupport table .mobile-table-tr td.title { padding: 12px 15px; vertical-align: middle; background: #323234; color: #FFFFFF; font-size: 16px; width: 30%; }
    .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; }
    .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 30px; }
    .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: 215px; 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 .dntWebCamSupport table .mobile-table-tr td { width: 70%; }
    .dntWebCam .dntWebCamSupport table tr td { padding: 12px 35px; font-size: 14px; }
    .dntWebCam .dntWebCamSupport table .mobile-table-tr td.title { padding: 12px 15px; vertical-align: middle; background: #323234; color: #FFFFFF; font-size: 16px; width: 30%; }
    .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; }
    .pc-table-tr { display: none; }
    .mobile-table-tr { display: table-row; }
}

@media (min-width: 992px) {
    .dntPageFooter { margin-top: 100px; }
    /* Webcam SDK Feature */
    .dntWebCam .dntWebCamBanner h2, .dntWebCam .dntWebCamBanner .h2 { width: 440px; }
    .dntWebCam .dntWebCamReliable .reliableDisc { padding: 0 40px; }
    .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: 240px; 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 .dntWebCamSupport table tr td { padding: 12px 35px; font-size: 16px; }
    .dntWebCam .dntWebCamSupport table tr.title td { font-size: 18px }
    .dntWebCam .dntWebCamStrength { margin-top: 110px; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft { background-size: 58.5%; }
    .dntWebCam .dntWebCamStrength .strengthLine .disc { width: 435px; margin-left: 0px; }
    .dntWebCam .dntWebCamStrength .strengthLine .strengthImg { width: 480px; 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: 360px; margin-left: 0px; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft .strengthImg { width: 480px; height: auto; margin-top: 60px; margin-left: 85px; }
    
    .pc-table-tr { display: table-row; }
    .mobile-table-tr { display: none; }
}

@media (min-width: 1200px) {
    .dntPageFooter { margin-top: 120px; }
    /* Webcam SDK Feature */
    .dntWebCam .dntWebCamBanner h2, .dntWebCam .dntWebCamBanner .h2 { width: 440px; }
    .dntWebCam .dntWebCamReliable .reliableDisc { padding: 0 110px; }
    .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: 230px; 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 .dntWebCamSupport table tr td { padding: 12px 35px; font-size: 16px; }
    .dntWebCam .dntWebCamSupport table tr.title td { font-size: 18px }

    .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: 560px; 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: 430px; margin-left: 0px; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft .strengthImg { width: 560px; height: auto; margin-top: 20px; margin-left: 85px; }
}

@media (min-width: 1350px) {
    /* Webcam SDK Feature */
    .dntWebCam .dntWebCamBanner { padding-left: 100px; }
}

@media(min-width:1680px) {
    .dntPageFooter { margin-top: 150px; }
    /* 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 .desc { font-size: 24px; line-height: 34px; padding: 0 135px; }
    .dntWebCam .dntWebCamReliable .functionList { margin-top: 150px; }
    .dntWebCam .dntWebCamReliable .functionBox { width: 100%; max-width: 536px; height: auto; min-height: 262px; 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 .dntWebCamSupport table tr td { padding: 25px 45px 15px; font-size: 18px; }
    .dntWebCam .dntWebCamSupport table tr.title td { font-size: 20px; padding: 15px 45px 15px; }
    .dntWebCam .dntWebCamSupport ul.disc-li li { line-height: 30px; }

    .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: 536px; margin-left: 100px; }
    .dntWebCam .dntWebCamStrength .strengthLine.bgLeft .strengthImg { width: 650px; height: 360px; margin-top: 45px; margin-left: 175px; }
}

#cp-header .action-buttons { display: none !important; }