@media(min-width:1680px) {
    .dlr-overview .container, .dlr-feature .container, .dlr-usecases .container { max-width: 1640px }
}

.show-mobile { display: none; }
.dlr-overview .dlrOverviewBanner .bannerImg { background: url(../../images/banner/DLR/dlr-banner.png) no-repeat; background-size: contain; }
.dlr-overview .dlrOverviewBanner h2, .dlr-overview .dlrOverviewBanner .h2 { width: 670px; }
.dlr-overview .dlrOverviewBanner .logo { height: 52px; line-height: 52px; font-size: 28px; }
    .dlr-overview .dlrOverviewBanner .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; }
.dlr-overview .dlrOverviewFeature .featureMain:nth-child(1) .featureBoxTop { background: url(../../images/usecases/mrz-scanner/banner.webp) no-repeat; background-size: cover; background-color: white; }
.dlr-overview .dlrOverviewFeature .featureMain:nth-child(2) .featureBoxTop { background: url(../../images/banner/DLR/dlr-usecase5.png) no-repeat; background-size: cover; background-position: 0 31%; }
.dlr-overview .dlrOverviewFeature .featureMain:nth-child(3) .featureBoxTop { background: url(../../images/banner/DLR/dlr-usecase7.png) no-repeat; background-size: cover; background-position: 0 94%; }
.dlr-overview .dlrOverviewPowerful .powerfulList li span.icon { border: 0; }
    .dlr-overview .dlrOverviewPowerful .powerfulList li span.icon .embed { width: 100%; height: 100%; }
.dlr-overview .dlrOverviewReliableLast .functionBox .icon { border: 0; }
    .dlr-overview .dlrOverviewReliableLast .functionBox .icon .embed { width: 100%; height: 100%; }
.dlrFeatureDescription .technicalBox .technicalTitle i .embed { width: 100%; height: 100%; }

.dlr-overview .dlrOverviewComparison { height: auto; margin-top: 100px; margin-bottom: 100px; }
    .dlr-overview .dlrOverviewComparison .table { display: table; font-size: 24px; font-family: Oswald-Regular; }
        .dlr-overview .dlrOverviewComparison .table .tr { display: table-row; word-break: break-word; }
            .dlr-overview .dlrOverviewComparison .table .tr:first-child { background-color: #323234; color: white; }
            .dlr-overview .dlrOverviewComparison .table .tr .td { display: table-cell; text-align: left; border: 1px solid black; border-top: none; border-right: none; height: 100px; padding: 0 0 0 59px; vertical-align: middle; }
                .dlr-overview .dlrOverviewComparison .table .tr .td p { font-family: OpenSans-Regular; font-size: 18px; color: #323234; margin: 0 0; width: 80%; }
                .dlr-overview .dlrOverviewComparison .table .tr .td:first-child { width: 25%; word-break: break-word; }
                .dlr-overview .dlrOverviewComparison .table .tr .td:last-child { border-right: 1px solid black; }

.dlr-overview .dcv-center { padding: 60px 0; text-align: center; }
    .dlr-overview .dcv-center > h2 + p { max-width: 1100px; margin-left: auto; margin-right: auto; }
    .dlr-overview .dcv-center .btns .white-border-btn { border: 2px solid white; border-color: white; background-color: #fe8e14; color: white; font-size: 20px; padding: 10px 22px; height: auto; line-height: initial; }

.dlr-overview .DLRFeatures { display: flex; width: 100%; }
.dlr-overview .features-swiper-container { overflow-x: hidden; display: flex; justify-content: space-between; height: 503px; }
.dlr-overview .features-swiper-container .features-swiper-prev { background: linear-gradient(to left, transparent, white); }
.dlr-overview .features-swiper-container .features-swiper-next { background: linear-gradient(to right, transparent, white); }
.dlr-overview .features-swiper-container .switch { cursor: pointer; flex: 1; height: 100%; z-index: 2; }
.dlr-overview .features-swiper-container .features-swiper { width: 1432px; margin: 0 auto; height: 100%; }
.dlr-overview .features-swiper-container .features-swiper .swiper-wrapper { height: 100%!important; }
.dlr-overview .features-swiper-container .features-swiper .swiper-slide { transition: all .2s; height: 100%; background-color: #F5F5F5; box-shadow: none; }
.dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content { height: 100%; display: flex; justify-content: center; align-items: center; padding: 0; }
.dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content .featureBox { height: 100%; }
.dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content .featureBox .featureBoxTop { height: 222px; text-align: center; background: #323234; }
.dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content .featureBox .featureBoxBottom { height: calc(100% - 222px); padding: 43px 30px 0 40px; }
.dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content .featureBox .featureBoxTop img { width: 100%; height: 100%; object-fit: cover; }
.dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content .featureBox .featureBoxBottom p.title { font-size: 24px; color: #323234; }
.dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content .featureBox .featureBoxBottom p.cnt { font-size: 18px; line-height: 30px; color: #323234; }
.dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content .featureBox .featureBoxBottom p.mockLink { font-size: 16px; }
.dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content strong { font-family: OpenSans-Semibold; }
.dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content ul li { font-size: 16px; padding-left: 19px; position: relative }
.dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content ul li::before { content: ""; position: absolute; left: 0; top: 8px; display: block; width: 8px; height: 8px; background-color: #fe8e14; border-radius: 50%; vertical-align: middle; margin-right: 10px; }
.dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content ul li:not(:last-child) { margin-bottom: 7px; }
.dlr-overview .features-swiper-pagination { margin-top: 20px; text-align: center; }
.dlr-overview .features-swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #323234; }
.dlr-overview .features-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #CCCCCC; }
.dlr-overview .features-swiper-button-prev, .dlr-overview .features-swiper-button-next { flex: 1; display: flex; align-items: center; }
.dlr-overview .features-swiper-button-prev { justify-content: flex-start; }
.dlr-overview .features-swiper-button-next { justify-content: flex-end; }
.dlr-overview .features-swiper-button-prev img, .dlr-overview .features-swiper-button-next img { width: 52px; height: 52px; filter: brightness(0.4); cursor: pointer; }
.dlr-overview .features-swiper-button-prev img:hover , .dlr-overview .features-swiper-button-next img:hover { filter: brightness(0.6); }
@media (max-width: 1679px) { 
    .dlr-overview .dlrOverviewComparison .table .tr .td { font-size: 20px; padding: 0 0 0 30px; }
        .dlr-overview .dlrOverviewComparison .table .tr .td p { font-size: 16px; }

    .dlr-overview .dcv-center .f24 { font-size: 20px; }

    .dlr-overview .features-swiper-container { height: 460px; }
    .dlr-overview .features-swiper-container .features-swiper { width: 1186px; margin: 0 auto; }
    .dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content .featureBox .featureBoxTop { height: 200px }
    .dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content .featureBox .featureBoxBottom { height: calc(100% - 200px); padding: 32px 25px 0 30px; }
    .dlr-overview .features-swiper-button-prev img, .dlr-overview .features-swiper-button-next img { width: 40px; height: 40px; }
    .dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content .featureBox .featureBoxBottom p.title { font-size: 20px; }
    .dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content .featureBox .featureBoxBottom p.cnt { font-size: 16px; line-height: 26px; }
}

@media (max-width: 1199px) {
    .dlr-overview .dlrOverviewComparison .table .tr .td { font-size: 18px; padding: 0 0 0 20px; }
        .dlr-overview .dlrOverviewComparison .table .tr .td p { width: 90%; }

/*    .dlr-overview .features-swiper-container .features-swiper { width: 700px; }
    .dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content { padding: 20px 50px; }
    .dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content img { display: none; }*/
}

@media (max-width: 991px) {
    .dlr-overview .dlrOverviewComparison .table .tr .td { padding: 20px 0 20px 20px; }

    .dlr-overview .dcv-center { padding: 30px 0; }
        .dlr-overview .dcv-center .f24 { font-size: 18px; }
  /*  .dlr-overview .features-swiper-container { height: auto; }*/
/*    .dlr-overview .features-swiper-container .features-swiper { width: 90%; }
    .dlr-overview .features-swiper-container .features-swiper .swiper-slide .slide-content { padding: 30px; }
    .dlr-overview .features-swiper-container .switch { display: none; }*/
}

@media (max-width: 767px) {
    .show-mobile { display: block; }
    .dlrPageFooter { margin-top: 80px; }
    /* Overview */
    .dlr-overview .dlrOverviewBanner h2, .dlr-overview .dlrOverviewBanner .h2 { width: auto; }
    .dlr-overview .dlrOverviewPowerful .powerfulList .mtf50 { margin-top: 60px; }
    .dlr-overview .dlrOverviewStrength { margin-top: 80px; }
    .dlr-overview .dlrOverviewAction { margin-top: 80px; height: 285px; padding-top: 64px; }
        .dlr-overview .dlrOverviewAction .actionLeft { padding-right: 0; padding-left: 0px; text-align: center; }
        .dlr-overview .dlrOverviewAction .video-container img { width: 440px; margin-top: -27px; }
        .dlr-overview .dlrOverviewAction a.tryBtn { height: 45px; padding: 0 26px; color: #fe8e14; line-height: 45px; font-size: 16px; transition: ease-in-out 0.2s all; box-shadow: 0px 0px 0 0 #FFFFFF; }
            .dlr-overview .dlrOverviewAction a.tryBtn:hover { box-shadow: -8px 8px 0 0 #000000; transform: translate(8px, -8px); }
    .dlr-overview .dlrOverviewReliableLast .functionBox span.orangeLink { font-size: 16px; }
    .dlr-overview .dlrOverviewReliableLast .functionList { margin-top: 120px; }
        .dlr-overview .dlrOverviewReliableLast .functionList > div { margin-top: 80px; }
            .dlr-overview .dlrOverviewReliableLast .functionList > div:first-child { margin-top: 0; }
    .dlr-overview .dlrOverviewReliableLast .functionBox { padding: 58px 15px 40px 40px; min-height: unset; max-width: 335px; }

    /* Feature */
    .dlr-feature { padding-left: 0; }
    .dlr-feature .featureTechnical .technicalBox .technicalContent { padding-top: 0px; padding-bottom: 38px; padding-right: 35px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent ul.technicalDetail li.title { padding-right: 0; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent ul.technicalDetail { max-width: unset; padding-top: 35px; width: 100%; float: left; vertical-align: top; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.extract ul.technicalDetail { width: 100%; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.specify ul.technicalDetail { width: 100%; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.improve ul.technicalDetail { width: 100%; padding-top: 35px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated ul.technicalDetail { padding-top: 33px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch ul.technicalDetail { padding-top: 33px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent .technicalImgs { display: inline-block; vertical-align: top; width: 100%; float: left; text-align: center; padding-right: 0px; padding-top: 20px; padding-left: 30px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.extract .technicalImgs { width: 100%; padding-top: 25px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs { width: 100%; padding-top: 25px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.improve .technicalImgs { width: 100%; padding-top: 25px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated .technicalImgs { padding-top: 25px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch .technicalImgs { padding-top: 25px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.extract .technicalImgs img { width: 100%; max-width: 350px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs img { width: 100%; max-width: 330px; }
                .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs img:nth-child(2) { margin-top: 15px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.improve .technicalImgs img { width: 100%; max-width: 330px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated .technicalImgs img { width: 100%; max-width: 400px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch .technicalImgs img { width: 100%; max-width: 400px; }

    /* Use Cases */
    /*.dlr-usecases .dlrUsecasesTitleCon { padding-right: 156px; padding-left: 156px; }*/
    .dlr-usecases .dlrUsecasesMain .pageMenuList { display: none; }
    .dlr-usecases .dlrUsecasesMain .usecaseItemList { padding-left: 0px; }
    .dlr-usecases .basicTitleCon .desc { font-size: 14px; }
    .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem { background: #F5F5F5; margin-bottom: 96px; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem:last-child { margin-bottom: 0; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem .useCaseImg { overflow: hidden; width: 100%; height: 260px; vertical-align: middle; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem .useCaseImg img { width: 100%; }
    .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail { padding: 30px 20px 40px; vertical-align: middle; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail .useCaseTitle { margin-bottom: 15px; }
    .dlr-usecases .dlrUsecasesMain .usecaseItemList .anchor { padding-top: 150px; margin-top: -150px; display: block; }
    .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail .useCaseInfo { font-size: 14px; line-height: 22px; margin-bottom: 5px; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail .useCaseInfo:last-child { margin-bottom: 0; }
    .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem .useCaseImg.first { display: block; }
    .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem .useCaseImg.second { display: none; }

    /* comparison table*/
    .dlr-overview .dlrOverviewComparison .table .tr .td { text-align: center; padding: 15px; }
        .dlr-overview .dlrOverviewComparison .table .tr .td p { width: 100%; text-align: center; }

/*    .dlr-overview .features-swiper-container { overflow: hidden; }
    .dlr-overview .features-swiper-container .features-swiper { width: 100%; }
    .dlr-overview .features-swiper-container .features-swiper .swiper-slide { box-shadow: none; height: auto; }*/
}

@media (max-width: 500px) {
    .dlr-overview .dlrOverviewFeature .featureBox .featureBoxTop { height: 160px }
    .basicFeature .featureMain { margin-bottom: 0; }
}

@media (min-width: 768px) {
    .dlrPageFooter { margin-top: 100px; }

    /* Overview */
    .dlr-overview .dlrOverviewBanner h2, .dlr-overview .dlrOverviewBanner .h2 { width: 490px; }
    .dlr-overview .dlrOverviewFeature .featureBox { max-width: 360px; }
        .dlr-overview .dlrOverviewFeature .featureBox .featureBoxTop { height: 200px; }
        .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom .title { font-size: 24px; line-height: 32px; margin-bottom: 15px; }
        .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom .cnt { font-size: 16px; line-height: 26px; }
        .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom { padding: 30px 30px 30px 30px; min-height: unset; }
            .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom a, .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom .mockLink { bottom: 30px; }
    .dlr-overview .dlrOverviewStrength { margin-top: 80px; }
    .dlr-overview .dlrOverviewAction { margin-top: 120px; height: 285px; padding-top: 64px; }
        .dlr-overview .dlrOverviewAction .actionLeft { padding-right: 0; padding-left: 0px; text-align: center; }
        .dlr-overview .dlrOverviewAction .video-container img { width: 440px; margin-top: -27px; }
        .dlr-overview .dlrOverviewAction a.tryBtn { height: 50px; padding: 0 26px; font-size: 18px; color: #fe8e14; line-height: 50px; transition: ease-in-out 0.2s all; box-shadow: 0px 0px 0 0 #FFFFFF; }
            .dlr-overview .dlrOverviewAction a.tryBtn:hover { box-shadow: -8px 8px 0 0 #000000; transform: translate(8px, -8px); }
    .dlr-overview .dlrOverviewReliableLast .functionList { margin-top: 120px; }
        .dlr-overview .dlrOverviewReliableLast .functionList > div:last-child { margin-top: 80px; }
    .dlr-overview .dlrOverviewReliableLast .functionBox { padding: 58px 15px 0 40px; min-height: 276px; }
        .dlr-overview .dlrOverviewReliableLast .functionBox p { min-height: 75px; }
        .dlr-overview .dlrOverviewReliableLast .functionBox .icon { width: 64px; height: 64px; left: 40px; top: -32px; }
        .dlr-overview .dlrOverviewReliableLast .functionBox span.orangeLink { font-size: 18px; }


    /* Feature */
    .dlr-feature { padding-left: 0; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent { padding-top: 0px; padding-bottom: 38px; padding-right: 35px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent ul.technicalDetail li.title { padding-right: 0; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent ul.technicalDetail { max-width: unset; padding-top: 35px; width: 100%; float: left; vertical-align: top; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.extract ul.technicalDetail { width: 100%; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.specify ul.technicalDetail { width: 100%; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.improve ul.technicalDetail { width: 100%; padding-top: 35px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated ul.technicalDetail { padding-top: 33px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch ul.technicalDetail { padding-top: 33px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent .technicalImgs { display: inline-block; vertical-align: top; width: 100%; float: left; text-align: center; padding-right: 0px; padding-top: 20px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.extract .technicalImgs { width: 100%; padding-top: 25px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs { width: 100%; padding-top: 25px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.improve .technicalImgs { width: 100%; padding-top: 25px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated .technicalImgs { padding-top: 25px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch .technicalImgs { padding-top: 25px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.extract .technicalImgs img { width: 350px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs img { width: 330px; }
                .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs img:nth-child(2) { margin-top: 15px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.improve .technicalImgs img { width: 330px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated .technicalImgs img { width: 400px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch .technicalImgs img { width: 400px; }

    /* Use Cases */
    .dlr-usecases .dlrUsecasesTitleCon { padding-right: 156px; padding-left: 156px; }
    .dlr-usecases .dlrUsecasesMain .pageMenuList { display: none; }
    .dlr-usecases .dlrUsecasesMain .usecaseItemList { padding-left: 0px; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem { background: #F5F5F5; display: table; margin-bottom: 96px; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem:last-child { margin-bottom: 0; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem .useCaseImg { display: table-cell; overflow: hidden; width: 325px; vertical-align: middle; }
                .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem .useCaseImg img { width: 120%; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail { display: table-cell; display: table-cell; padding: 0px 20px 0; vertical-align: middle; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail .useCaseTitle { margin-bottom: 15px; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .anchor { padding-top: 150px; margin-top: -150px; display: block; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail .useCaseInfo { font-size: 12px; line-height: 22px; margin-bottom: 5px; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail .useCaseInfo:last-child { margin-bottom: 0; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem .useCaseImg.first { display: none; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem .useCaseImg.second { display: table-cell; }
}

@media (max-width: 1200px) {
    .basicFeature .featureBoxBottom a, .basicFeature .featureBox .featureBoxBottom .mockLink { font-size: 16px; }
}

@media (min-width: 992px) {
    .dlrPageFooter { margin-top: 100px; }
    /* Overview */
    .dlr-overview .dlrOverviewFeature .featureBox { max-width: unset; max-width: 500px; }
    .dlr-overview .dlrOverviewBanner h2, .dlr-overview .dlrOverviewBanner .h2 { width: 490px; }
    .dlr-overview .dlrOverviewFeature .featureBox .featureBoxTop { height: 160px; }
    .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom .title { font-size: 24px; line-height: 32px; margin-bottom: 15px; }
    .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom .cnt { font-size: 14px; line-height: 24px; }
    .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom { padding: 30px 10px 30px 30px; min-height: 290px; }
        .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom a, .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom .mockLink { bottom: 30px; }
    .dlr-overview .dlrOverviewPowerful { margin-top: 180px; height: 383px; }
        .dlr-overview .dlrOverviewPowerful p.disc { min-height: 84px; }
        .dlr-overview .dlrOverviewPowerful .powerfulLeft { padding-left: 95px; padding-top: 130px; }
        .dlr-overview .dlrOverviewPowerful .powerfulList .mtf50 { margin-top: -40px; }
        .dlr-overview .dlrOverviewPowerful p.leftInfo { margin: 10px 0; }
        .dlr-overview .dlrOverviewPowerful .f24 { font-size: 20px }
    .dlr-overview .dlrOverviewStrength { margin-top: 120px; }
    .dlr-overview .dlrOverviewAction { margin-top: 160px; height: 320px; padding-top: 64px; }
        .dlr-overview .dlrOverviewAction .actionLeft { padding-right: 0; padding-left: 0px; text-align: left; }
        .dlr-overview .dlrOverviewAction .video-container img { width: 440px; margin-top: -27px; }
        .dlr-overview .dlrOverviewAction a.tryBtn { height: 56px; padding: 0 26px; color: #fe8e14; line-height: 56px; font-size: 20px; transition: ease-in-out 0.2s all; box-shadow: 0px 0px 0 0 #FFFFFF; }
            .dlr-overview .dlrOverviewAction a.tryBtn:hover { box-shadow: -8px 8px 0 0 #000000; transform: translate(8px, -8px); }
    .dlr-overview .dlrOverviewReliableLast .functionList { margin-top: 120px; }
        .dlr-overview .dlrOverviewReliableLast .functionList > div:last-child { margin-top: 0px; }
    .dlr-overview .dlrOverviewReliableLast .functionBox { padding: 58px 15px 0 40px; min-height: 276px; }
        .dlr-overview .dlrOverviewReliableLast .functionBox p { min-height: 75px; }
        .dlr-overview .dlrOverviewReliableLast .functionBox .icon { width: 64px; height: 64px; left: 40px; top: -32px; }
        .dlr-overview .dlrOverviewReliableLast .functionBox span.orangeLink { font-size: 20px; }


    /* Feature */
    .dlr-feature .featureTechnical .technicalBox .technicalContent { padding-top: 0px; padding-bottom: 38px; padding-right: 0; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent ul.technicalDetail li.title { padding-right: 0; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent ul.technicalDetail { max-width: unset; padding-top: 35px; width: 50%; float: left; vertical-align: top; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.extract ul.technicalDetail { width: 49%; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.specify ul.technicalDetail { width: 58%; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.improve ul.technicalDetail { width: 58%; padding-top: 35px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated ul.technicalDetail { padding-top: 33px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch ul.technicalDetail { padding-top: 33px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent .technicalImgs { display: inline-block; vertical-align: top; width: 50%; float: left; text-align: right; padding-right: 30px; padding-top: 50px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.extract .technicalImgs { width: 51%; padding-top: 76px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs { width: 42%; padding-top: 32px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.improve .technicalImgs { width: 42%; padding-top: 40px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated .technicalImgs { padding-top: 36px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch .technicalImgs { padding-top: 36px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.extract .technicalImgs img { width: 350px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs img { width: 330px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs img:nth-child(2) { margin-top: 15px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.improve .technicalImgs img { width: 330px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated .technicalImgs img { width: 400px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch .technicalImgs img { width: 400px; }

    /* Use Cases */
    .dlr-usecases .dlrUsecasesTitleCon { padding-right: 0px; padding-left: 0; }
    .dlr-usecases .dlrUsecasesMain .pageMenuList { display: block; position: absolute; width: 180px; font-size: 12px; line-height: 20px; }
        .dlr-usecases .dlrUsecasesMain .pageMenuList li { margin-bottom: 5px; }
            .dlr-usecases .dlrUsecasesMain .pageMenuList li:last-child { margin-bottom: 0; }
            .dlr-usecases .dlrUsecasesMain .pageMenuList li a, .dlr-usecases .dlrUsecasesMain .pageMenuList li a:visited, .dlr-usecases .dlrUsecasesMain .pageMenuList li a:active { color: #323234; }
            .dlr-usecases .dlrUsecasesMain .pageMenuList li.on a { color: #fe8e14 !important; }
            .dlr-usecases .dlrUsecasesMain .pageMenuList li a:hover { color: #fe8e14; }
    .dlr-usecases .dlrUsecasesMain .usecaseItemList { padding-left: 210px; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem { background: #F5F5F5; display: table; margin-bottom: 96px; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem:last-child { margin-bottom: 0; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem .useCaseImg { display: table-cell; overflow: hidden; width: 325px; vertical-align: middle; }
                .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem .useCaseImg img { width: 120%; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail { display: table-cell; display: table-cell; padding: 0px 20px 0; vertical-align: middle; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail .useCaseTitle { margin-bottom: 15px; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .anchor { padding-top: 150px; margin-top: -150px; display: block; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail .useCaseInfo { font-size: 12px; line-height: 22px; margin-bottom: 5px; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail .useCaseInfo:last-child { margin-bottom: 0; }
}

@media (min-width: 1200px) {
    .dlrPageFooter { margin-top: 120px; }
    /* Overview */
    .dlr-overview .dlrOverviewBanner h2, .dlr-overview .dlrOverviewBanner .h2 { width: 510px; }
    .dlr-overview .dlrOverviewReliable .reliableDisc .desc { font-size: 18px; line-height: 30px; padding: 0; }
    .dlr-overview .dlrOverviewFeature .featureBox .featureBoxTop { height: 200px; }
    .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom .title { font-size: 20px; line-height: 32px; margin-bottom: 10px; }
    .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom .cnt { font-size: 16px; line-height: 26px; }
    .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom { padding: 30px 10px 30px 30px; min-height: 270px; }
        .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom a, .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom .mockLink { font-size: 16px; bottom: 30px; margin-bottom: 0; }
    .dlr-overview .dlrOverviewPowerful { margin-top: 214px; height: 390px; }
        .dlr-overview .dlrOverviewPowerful .powerfulList li { width: 300px; padding: 55px 43px 0 40px; min-height: 165px; }
        .dlr-overview .dlrOverviewPowerful p.disc { min-height: 78px; }
        .dlr-overview .dlrOverviewPowerful .powerfulLeft { padding-left: 95px; padding-top: 125px; }
        .dlr-overview .dlrOverviewPowerful .powerfulList .mtf50 { margin-top: -40px; }
        .dlr-overview .dlrOverviewPowerful p.leftInfo { margin: 15px 0 10px; }
        .dlr-overview .dlrOverviewPowerful .f24 { font-size: 20px }
    .dlr-overview .dlrOverviewStrength { margin-top: 135px; }
        .dlr-overview .dlrOverviewStrength .strengthLine .strengthImg { width: 540px; height: 288px; margin-top: 73px; margin-left: 45px; }
        .dlr-overview .dlrOverviewStrength .strengthLine .disc { margin-left: 31px; }
    .dlr-overview .dlrOverviewAction { margin-top: 206px; height: 320px; padding-top: 64px; }
        .dlr-overview .dlrOverviewAction .actionLeft { padding-right: 24px; padding-left: 0px; }
        .dlr-overview .dlrOverviewAction .video-container img { width: 526px; margin-top: -119px; }
        .dlr-overview .dlrOverviewAction a.tryBtn { height: 56px; padding: 0 26px; color: #fe8e14; line-height: 56px; transition: ease-in-out 0.2s all; box-shadow: 0px 0px 0 0 #FFFFFF; }
            .dlr-overview .dlrOverviewAction a.tryBtn:hover { box-shadow: -8px 8px 0 0 #000000; transform: translate(8px, -8px); }
    .dlr-overview .dlrOverviewReliableLast .functionList { margin-top: 150px; }
    .dlr-overview .dlrOverviewReliableLast .functionBox { padding: 58px 15px 0 40px; min-height: 243px; }
        .dlr-overview .dlrOverviewReliableLast .functionBox p { min-height: 65px; }
        .dlr-overview .dlrOverviewReliableLast .functionBox .icon { width: 64px; height: 64px; left: 40px; top: -32px; }
        .dlr-overview .dlrOverviewReliableLast .functionBox span.orangeLink { font-size: 16px; }

    /* Feature */
    .dlr-feature .featureTechnical .technicalBox .technicalContent { padding-top: 0px; padding-bottom: 38px; padding-right: 0; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent ul.technicalDetail li.title { padding-right: 0; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent ul.technicalDetail { max-width: unset; padding-top: 48px; width: 50%; float: left; vertical-align: top; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.extract ul.technicalDetail { width: 49%; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.specify ul.technicalDetail { width: 60%; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.improve ul.technicalDetail { width: 60%; padding-top: 35px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated ul.technicalDetail { padding-top: 54px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch ul.technicalDetail { padding-top: 45px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent .technicalImgs { display: inline-block; vertical-align: top; width: 50%; float: left; text-align: right; padding-right: 40px; padding-top: 50px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.extract .technicalImgs { width: 51%; padding-top: 76px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs { width: 40%; padding-top: 32px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.improve .technicalImgs { width: 40%; padding-top: 40px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated .technicalImgs { padding-top: 36px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch .technicalImgs { padding-top: 36px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.extract .technicalImgs img { width: 390px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs img { width: 380px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs img:nth-child(2) { margin-top: 15px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.improve .technicalImgs img { width: 380px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated .technicalImgs img { width: 460px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch .technicalImgs img { width: 460px; }

    /* Use Cases */
    .dlr-usecases .dlrUsecasesMain .pageMenuList { display: block; position: absolute; width: 240px; font-size: 16px; line-height: 26px; }
        .dlr-usecases .dlrUsecasesMain .pageMenuList li { margin-bottom: 8px; }
            .dlr-usecases .dlrUsecasesMain .pageMenuList li:last-child { margin-bottom: 0; }
            .dlr-usecases .dlrUsecasesMain .pageMenuList li a, .dlr-usecases .dlrUsecasesMain .pageMenuList li a:visited, .dlr-usecases .dlrUsecasesMain .pageMenuList li a:active { color: #323234; }
                .dlr-usecases .dlrUsecasesMain .pageMenuList li a:hover { color: #fe8e14; }
    .dlr-usecases .dlrUsecasesMain .usecaseItemList { padding-left: 300px; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem { background: #F5F5F5; display: table; margin-bottom: 96px; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem:last-child { margin-bottom: 0; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem .useCaseImg { display: table-cell; overflow: hidden; width: 355px; vertical-align: middle; }
                .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem .useCaseImg img { width: 120%; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail { display: table-cell; display: table-cell; padding: 0px 35px 0; vertical-align: middle; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail .useCaseTitle { margin-bottom: 15px; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .anchor { padding-top: 150px; margin-top: -150px; display: block; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail .useCaseInfo { font-size: 14px; line-height: 24px; margin-bottom: 5px; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail .useCaseInfo:last-child { margin-bottom: 0; }
}

@media (min-width: 1350px) {
    .dlr-overview .dlrOverviewBanner h2, .dlr-overview .dlrOverviewBanner .h2 { width: 510px; width: 532px; }
}

@media (min-width: 1550px) and (max-width: 1679.98px) {
    .dlr-overview .dlrOverviewBanner { padding-left: 100px; }
}

@media(min-width:1680px) {
    .dlrPageFooter { margin-top: 150px; }
    /* Overview */
    .dlr-overview .dlrOverviewBanner h2, .dlr-overview .dlrOverviewBanner .h2 { width: 670px; }
    .dlr-overview .dlrOverviewBanner .logo { height: 52px; line-height: 52px; font-size: 28px; }
        .dlr-overview .dlrOverviewBanner .logo .dlt-logo { width: 52px; height: 52px; margin-right: 10px; }
    .dlr-overview .dlrOverviewReliable .reliableDisc .desc { font-size: 18px; line-height: 34px; padding: 0 45px; }
    .dlr-overview .dlrOverviewFeature .featureBox .featureBoxTop { height: 250px; }
    .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom .title { font-size: 28px; line-height: 40px; margin-bottom: 15px; }
    .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom .cnt { font-size: 18px; line-height: 30px; width: 95%; }
    .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom { padding: 48px 10px 40px 40px; min-height: 350px; }
        .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom a, .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom .mockLink { font-size: 18px; bottom: 40px; }
    .dlr-overview .dlrOverviewPowerful { margin-top: 214px; height: 460px; }
        .dlr-overview .dlrOverviewPowerful .powerfulList li { width: 340px; padding: 70px 53px 0 40px; min-height: 200px; }
            .dlr-overview .dlrOverviewPowerful .powerfulList li span.icon { left: 40px; }
        .dlr-overview .dlrOverviewPowerful p.disc { min-height: 78px; }
        .dlr-overview .dlrOverviewPowerful .powerfulLeft { padding-left: 114px; padding-top: 135px; }
        .dlr-overview .dlrOverviewPowerful .powerfulList .mtf50 { margin-top: -50px; }
        .dlr-overview .dlrOverviewPowerful p.leftInfo { margin: 30px 0; }
        .dlr-overview .dlrOverviewPowerful .f24 { font-size: 24px }
    .dlr-overview .dlrOverviewStrength { margin-top: 135px; }
        .dlr-overview .dlrOverviewStrength .strengthLine .strengthImg { width: 755px; height: 360px; margin-top: 50px; margin-left: 56px; }
        .dlr-overview .dlrOverviewStrength .strengthLine .disc { width: 470px; margin-left: 57px; }
    .dlr-overview .dlrOverviewAction { margin-top: 206px; height: 400px; padding-top: 80px; }
        .dlr-overview .dlrOverviewAction .actionLeft { padding-right: 30px; padding-left: 60px; }
        .dlr-overview .dlrOverviewAction .video-container img { width: 627px; margin-top: -130px; }
        .dlr-overview .dlrOverviewAction a.tryBtn { height: 70px; padding: 0 32px; font-size: 24px; line-height: 70px; transition: ease-in-out 0.2s all; box-shadow: 0px 0px 0 0 #FFFFFF; }
            .dlr-overview .dlrOverviewAction a.tryBtn:hover { box-shadow: -8px 8px 0 0 #000000; transform: translate(8px, -8px); }
    .dlr-overview .dlrOverviewReliableLast .functionList { margin-top: 190px; }
    .dlr-overview .dlrOverviewReliableLast .functionBox { padding: 75px 50px 0 85px; min-height: 307px; }
        .dlr-overview .dlrOverviewReliableLast .functionBox p { min-height: 75px; }
        .dlr-overview .dlrOverviewReliableLast .functionBox .icon { width: 80px; height: 80px; left: 85px; top: -45px; }
        .dlr-overview .dlrOverviewReliableLast .functionBox span.orangeLink { font-size: 24px; }
    .dlr-overview .dlrOverviewPageFooter { margin-top: 150px; }

    /* Feature */
    .dlr-feature .featureTechnical .technicalBox .technicalContent { padding-top: 0px; padding-bottom: 48px; padding-right: 0; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent ul.technicalDetail li.title { padding-right: 0; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent ul.technicalDetail { max-width: unset; width: 55%; padding-top: 60px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.extract ul.technicalDetail { width: 49%; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.specify ul.technicalDetail { width: 60%; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.improve ul.technicalDetail { width: 60%; padding-top: 60px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated ul.technicalDetail { padding-top: 90px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch ul.technicalDetail { padding-top: 100px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent .technicalImgs { padding-right: 50px; padding-top: 62px; width: 45%; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.extract .technicalImgs { padding-top: 95px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs { padding-top: 40px; }
            .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs img:nth-child(2) { margin-top: 26px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.improve .technicalImgs { padding-top: 50px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated .technicalImgs { padding-top: 45px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch .technicalImgs { padding-top: 62px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.extract .technicalImgs img { width: 454px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.specify .technicalImgs img { width: 454px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.improve .technicalImgs img { width: 455px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.sophisticated .technicalImgs img { width: 580px; }
        .dlr-feature .featureTechnical .technicalBox .technicalContent.stitch .technicalImgs img { width: 580px; }

    /* Use Cases */
    .dlr-usecases .dlrUsecasesMain .pageMenuList { width: 275px; font-size: 18px; line-height: 26px; }
        .dlr-usecases .dlrUsecasesMain .pageMenuList li { margin-bottom: 10px; }
    .dlr-usecases .dlrUsecasesMain .usecaseItemList { padding-left: 370px; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem { margin-bottom: 120px; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem .useCaseImg { width: 560px; }
                .dlr-usecases .dlrUsecasesMain .usecaseItemList .usecaseItem .useCaseImg img { width: 100%; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail { padding: 0px 70px 0; }
            .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail .useCaseTitle { margin-bottom: 30px; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .anchor { padding-top: 150px; margin-top: -150px; }
        .dlr-usecases .dlrUsecasesMain .usecaseItemList .useCaseDetail .useCaseInfo { font-size: 18px; line-height: 30px; margin-bottom: 10px; }
}

@media(min-width:1680px) {
    .dlr-overview .dlrOverviewFeature .featureBox .featureBoxBottom { min-height: 300px; }
    .dlr-overview .dlrOverviewStrength .strengthLine .strengthImg { width: 755px; height: 360px; margin-top: 50px; margin-left: 100px; }
    .dlr-overview .dlrOverviewStrength .strengthLine .disc { width: 568px; margin-left: 53px; }
}