.basicSwiper .SwiperContent { padding: 0 100px; }

.basicSwiper .ant-carousel .slick-prev { position: absolute; top: 50%; }

.basicSwiper .ant-carousel .slick-next { position: absolute; top: 50%; }

.basicBanner h2, .basicBanner .h2 { width: 615px; }

/* Spanish banner */
.basicBanner.ESBanner { height: 580px; }

/* Spanish video container */
.dbrVideo.ESVideo .strengthLine { height: fit-content; padding-bottom: 20px; }

/* Spanish */
.basicStrength .strengthLine .disc .orangeAngelList.ESList li { min-width: 156px; margin: 0 0 10px 0; }


i.supportIcon { background-size: cover; background: url(../../images/icons/dbr_overview_package.png) no-repeat; display: inline-block; width: 45px; height: 45px; }

#dbrOverviewDesktop i.supportIcon { background-image: url(../../images/icons/dbr_overview_package_white.png) !important; }

i.c { background-position-y: -35px; }

i.cplus { background-position-y: -80px; position: relative; top: 3px; }

i.net { background-position-y: -124px; height: 39px; width: 52px; }

i.python { background-position-y: -162px; }

i.java { background-position-y: -205px; height: 48px; }

i.js { background-position-y: 8px; }

i.android { background-position-y: -248px; height: 42px; width: 52px; }

i.ios { background-position-y: -287px; }

i.icon-desktop { background: url(../../images/icons/desktop-computer-1.png) no-repeat center; }

i.icon-web { background: url(../../images/icons/network-browser.png) no-repeat center; }

i.icon-mobile { background: url(../../images/icons/mobile-phone-1.png) no-repeat center; }

.whitePlayBtn.orange { width: 50%; padding-bottom: 50%; background: #fe8e146b; }

.whitePlayBtn.orange::after { border-top: 30px solid transparent; border-left: 50px solid white; border-bottom: 30px solid transparent; }

.f24 { font-size: 24px !important; }

.icon-arrow-left { position: absolute; width: 36px; height: 100%; background: url(../../images/icons/arrow-grey-left.png) no-repeat center center; background-size: contain; top: 0px; left: -50px; }

.icon-arrow-right { position: absolute; width: 36px; height: 100%; background: url(../../images/icons/arrow-grey-right.png) no-repeat center center; background-size: contain; top: 0px; right: -50px; }

.mb55 { margin-bottom: 55px; }

.basicPowerful .powerfulList a.router-link { z-index: 1; }

a, a:visited, a:active, a:focus { color: #FE8E14; }

a.action-button:hover { color: #fe8e14 }

.whitePlayBtn { top: 50%; left: 50%; transform: translate(-50%,-50%); border: 2px solid #fe8e14; background: #fe8e1440; }

.whitePlayBtn::after { border-left-color: #fe8e14; }

.mt200 { margin-top: 200px; }

#BarcodeReaderOverview .dbrOverviewBanner .bannerImg { background: url(../../images/banner/DBR/DBR_Hero.png) no-repeat; background-size: cover; }
/*#BarcodeReaderOverview .dbrOverviewBanner .bannerImg .bannerPicImg { width: 100%; height: 100%; }
#BarcodeReaderOverview .dbrOverviewBanner .bannerImg .bannerInnerPicImg { width: 100%; height: 100%; }*/
#BarcodeReaderOverview .dbrOverviewBanner .bannerImgBox .switchIcons { position: absolute; top: 260px; right: 770px; }

#BarcodeReaderOverview .dbrOverviewBanner .bannerImgBox .switchCircle { display: block; width: 16px; cursor: pointer; margin: 10px auto; height: 16px; border-radius: 50%; background: #606060; }

#BarcodeReaderOverview .dbrOverviewBanner .bannerImgBox .switchCircle.on { width: 18px; height: 18px; background: #FE8E14 }

#BarcodeReaderOverview .dbrOverviewBanner .switchBanner { display: none; }

#BarcodeReaderOverview .dbrOverviewBanner .bannerImg .bannerName { position: absolute; top: 0; left: 0; height: 70px; line-height: 70px; font-size: 24px; padding: 0 58px 0 18px; background: #306877; }

#BarcodeReaderOverview .dbrOverviewBanner .bannerImg.banner1 { background: url(../../images/banner/DBR/dbr_mobile.jpg) no-repeat; background-size: cover; }

#BarcodeReaderOverview .dbrOverviewBanner .bannerImg.banner2 { background: url(../../images/banner/DBR/dbr_banner2.jpg) no-repeat; background-size: cover; }

/*#BarcodeReaderOverview .basicFeature .featureBox .featureBoxTop.fb1 { background: url(../../images/banner/DBR/DBR_Featured_1.png) no-repeat; background-size: cover; }
#BarcodeReaderOverview .basicFeature .featureBox .featureBoxTop.fb2 { background: url(../../images/banner/DBR/DBR_Featured_2.png) no-repeat; background-size: cover; }
#BarcodeReaderOverview .basicFeature .featureBox .featureBoxTop.fb3 { background: url(../../images/banner/DBR/DBR_Featured_3.png) no-repeat; background-size: cover; }*/

#BarcodeReaderOverview .basicFeature .featureBox .featureBoxTop { padding-top: 0; position: relative; }

#BarcodeReaderOverview .basicFeature .featureBox .featureBoxTop .featureImg { width: 100%; height: 100%; display: block; }

#BarcodeReaderOverview .basicFeature .featureBox .featureBoxTop .featureInnerImg { width: 100%; height: 100%; }

#BarcodeReaderOverview .basicFeature .featureBox .featureBoxTop .featureTag { position: absolute; top: 20px; left: 0px; z-index: 1; }


#BarcodeReaderOverview .dbrFeaturesContent i { background: url(../../images/icons/dbr-overview-features.png) no-repeat center; height: 75px; width: 75px; display: inline-block; }

#BarcodeReaderOverview .dbrFeaturesContent tr:first-child td:nth-child(1) .icon i { background-position-y: 20px; }

#BarcodeReaderOverview .dbrFeaturesContent tr:first-child td:nth-child(2) .icon i { background-position-y: -52px; }

#BarcodeReaderOverview .dbrFeaturesContent tr:first-child td:nth-child(3) .icon i { background-position-y: -126px; }

#BarcodeReaderOverview .dbrFeaturesContent tr:first-child td:nth-child(4) .icon i { background-position-y: -194px; }

#BarcodeReaderOverview .dbrFeaturesContent tr:last-child td:nth-child(1) .icon i { background-position-y: -272px; }

#BarcodeReaderOverview .dbrFeaturesContent tr:last-child td:nth-child(2) .icon i { background-position-y: -344px; }

#BarcodeReaderOverview .dbrFeaturesContent tr:last-child td:nth-child(3) .icon i { background-position-y: -425px; }

#BarcodeReaderOverview .dbrFeaturesContent tr:last-child td:nth-child(4) .icon i { background-position-y: -505px; }

.dbrOverviewPowerful .powerfulList li span.icon i { width: 75px; height: 75px; background-size: unset !important; }

.dbrOverviewPowerful .powerfulList li:nth-child(1) span.icon i { background: url(../../images/icons/shipment-barcode.png) no-repeat center; }

.dbrOverviewPowerful .powerfulList li:nth-child(2) span.icon i { background: url(../../images/icons/composition-horizontal.png) no-repeat center; }

.dbrOverviewPowerful .powerfulList li:nth-child(3) span.icon i { background: url(../../images/icons/barcode-search.png) no-repeat center; }

#dbrOverviewDesktop.dbrOverviewOther .dbrOverviewReliable i { display: inline-block; }

i.icon-cog-approved { background: url(../../images/icons/cog-approved.png) no-repeat center; }

i.icon-puzzle { background: url(../../images/icons/module-puzzle.svg) no-repeat center; }

i.icon-barcode { background: url(../../images/icons/barcodes.png) no-repeat center; }

#dbrOverviewDesktop .dbrFeaturesContent i.icon-img { height: 75px; width: 75px; display: inline-block; }

#BarcodeReaderOverview i.dbr-white-logo { width: 415px; height: 57px; }
#BarcodeReaderOverview i.dbr-white-logo.ES-logo { background: url(../../images/dynamsoft-logos/ES_DBR_logo.svg) no-repeat left; background-size: contain; }

#dbrOverviewDesktop .dbrFeaturesContent tr:first-child td:nth-child(2) .icon i { background: url(../../images/icons/barcode-search.svg) no-repeat center; }

#dbrOverviewDesktop .dbrFeaturesContent tr:first-child td:nth-child(3) .icon i { background: url(../../images/icons/cloud-data-transfer.png) no-repeat center; }

#dbrOverviewDesktop .dbrFeaturesContent tr:first-child td:nth-child(4) .icon i { background: url(../../images/icons/no-barcode.png) no-repeat center; }



#dbrOverviewDesktop .dbrFeaturesContent tr:nth-child(2) td:nth-child(1) .icon i { background: url(../../images/icons/image-file-camera.png) no-repeat center; }

#dbrOverviewDesktop .dbrFeaturesContent tr:nth-child(2) td:nth-child(2) .icon i { background: url(../../images/icons/rectangle.png) no-repeat center; }

#dbrOverviewDesktop .dbrFeaturesContent tr:nth-child(2) td:nth-child(3) .icon i { background: url(../../images/icons/star-circle.png) no-repeat center; }

#dbrOverviewDesktop .basicFeature .featureBox .featureBoxTop.fb1 { background: url(../../images/banner/DBR/DBR_desktop_1.png) no-repeat; background-size: cover; }

#dbrOverviewDesktop .basicFeature .featureBox .featureBoxTop.fb2 { background: url(../../images/banner/DBR/DBR_desktop_2.png) no-repeat; background-size: cover; }

#dbrOverviewDesktop .basicFeature .featureBox .featureBoxTop.fb3 { background: url(../../images/banner/DBR/DBR_desktop_3.png) no-repeat; background-size: cover; }


i.icon-programming-browser { background: url(../../images/icons/programming-browser.png) no-repeat center; }

i.icon-mobile-qr { background: url(../../images/icons/mobile-qr-code.png) no-repeat center; }

i.icon-double-barcode { background: url(../../images/icons/double-barcode.png) no-repeat center; }

#dbrOverviewWeb .basicFeature .featureBox .featureBoxTop.fb1 { background: url(../../images/banner/DBR/DBR-web-1.png) no-repeat; background-size: cover; }

#dbrOverviewWeb .basicFeature .featureBox .featureBoxTop.fb2 { background: url(../../images/banner/DBR/DBR-web-2.png) no-repeat; background-size: cover; }

#dbrOverviewWeb .basicFeature .featureBox .featureBoxTop.fb3 { background: url(../../images/banner/DBR/DBR-web-3.png) no-repeat; background-size: cover; }

i.icon-focus-frame { background: url(../../images/icons/focus-frame-target.png) no-repeat center; }

i.icon-gauge-board { background: url(../../images/icons/gauge.svg) no-repeat center; }

i.icon-sdk { background: url(../../images/icons/sdk.svg) no-repeat center; }

i.icon-hand-star { background: url(../../images/icons/hand-star.svg) no-repeat center; }

i.icon-gauge { background: url(../../images/icons/gauge-dashboard.png) no-repeat center; }

#dbrOverviewMobile .dbrFeaturesContent .icon i { background: url(../../images/icons/dbr-overview-features.png) no-repeat center; height: 75px; width: 75px; display: inline-block; }

#dbrOverviewMobile .dbrFeaturesContent tr:first-child td:nth-child(1) .icon i { background: url(../../images/icons/double-barcode.png) no-repeat center; }

#dbrOverviewMobile .dbrFeaturesContent tr:first-child td:nth-child(2) .icon i { background: url(../../images/icons/synchronize-arrows-search.png) no-repeat center; }

#dbrOverviewMobile .dbrFeaturesContent tr:first-child td:nth-child(3) .icon i { background: url(../../images/icons/shipment-barcode.png) no-repeat center; }

#dbrOverviewMobile .dbrFeaturesContent tr:first-child td:nth-child(4) .icon i { background: url(../../images/icons/transfer-pictures-smartphone.png) no-repeat center; }

#dbrOverviewMobile .dbrFeaturesContent tr:last-child td:nth-child(1) .icon i { background: url(../../images/icons/rotate-angle.png) no-repeat center; }

#dbrOverviewMobile .dbrFeaturesContent tr:last-child td:nth-child(2) .icon i { background: url(../../images/icons/qr-code.png) no-repeat center; }

#dbrOverviewMobile .dbrFeaturesContent tr:last-child td:nth-child(3) .icon i { background: url(../../images/icons/hierarchy-5.png) no-repeat center; }

#dbrOverviewMobile .dbrFeaturesContent tr:last-child td:nth-child(4) .icon i { background: url(../../images/icons/zip-file-rar-1.png) no-repeat center; }

#dbrOverviewMobile .platformIcon.ios { background: url(../../images/icons/ios-icon.png) no-repeat center; height: 76px; width: 76px; background-color: white; display: inline-block; }

#dbrOverviewMobile .platformIcon.android { background: url(../../images/icons/android.png) no-repeat center; height: 76px; width: 76px; background-color: white; display: inline-block; }

#dbrOverviewMobile .basicFeature .featureBox .featureBoxTop.fb1 { background: url(../../images/banner/DBR/DBR-mobile-1.png) no-repeat; background-size: cover; }

#dbrOverviewMobile .basicFeature .featureBox .featureBoxTop.fb2 { background: url(../../images/banner/DBR/dbr_banner1.jpg) no-repeat; background-size: cover; }

#dbrOverviewMobile .basicFeature .featureBox .featureBoxTop.fb3 { background: url(../../images/banner/DBR/dbr-mobile-3.png) no-repeat; background-size: cover; }

#BarcodeReaderOverview .basicPowerful p:last-child { margin-bottom: 35px; }

i.google-play-badge { background: url(../../images/icons/Google-play.svg) no-repeat center; background-size: contain; height: 66px; width: 222px; display: inline-block; }

i.app-store-badge { background: url(../../images/icons/apple-store.svg) no-repeat center; background-size: contain; height: 66px; width: 200px; display: inline-block; }



.basicReliable .functionBox { padding: 0px 49px 49px 60px; height: 330px; min-height: 330px; }

.basicReliable .functionBox .icon { width: 80px; height: 80px; border: 2px solid #39393B; background: #FFFFFF; display: inline-block; position: relative; left: unset; top: unset; margin-top: -40px; margin-bottom: 20px; }

.basicReliable .functionBox .icon i { display: inline-block; width: 80px; height: 80px; top: 50%; background-size: unset !important; position: absolute; left: 50%; transform: translate(-50%,-50%); }

p.supportIconWrapper { display: table; vertical-align: middle; height: 95px; min-height: 95px !important; }

p.supportIconWrapper > span { display: table-cell; width: 52px; padding-right: 17px; text-align: center; }

p.supportIconWrapper > span span { display: block; color: #606060; }


.dbrOverviewFeatures .dbrFeaturesContent { background: #323234; padding: 0px 150px; padding-bottom: 70px; }

.dbrOverviewFeatures table { position: relative; top: -42px; }

.dbrOverviewFeatures table td { height: 265px; width: 381px; vertical-align: top; padding-bottom: 20px; padding-right: 70px; }

.dbrOverviewFeatures table td:last-child { padding-right: 0px; }

.dbrOverviewFeatures table td p { color: #FFFFFF; font-size: 24px; margin-top: 25px; line-height: 34px; }

.dbrOverviewFeatures table .icon { display: inline-block; height: 80px; width: 80px; background-color: white; border: 2px solid #323234; }

.actionRight { position: absolute; right: 0px; top: -50px; }

#dbrOverviewMobile .actionRight { position: absolute; right: 0px; top: unset !important; bottom: 0px; }

.actionRight img { width: 587px; }

.actionRight i.artwork { height: 48px; width: 37px; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 20px; }

.dbrOverviewSymbology .dbrSymbologyCol { vertical-align: top; }

.dbrOverviewSymbology .dbrSymbologyCol dt { font-size: 20px; line-height: 40px; font-family: 'Oswald-Regular'; font-weight: normal; margin-top: 30px; }

.dbrOverviewSymbology .dbrSymbologyCol dd { font-size: 18px; line-height: 30px; }

.dbrOverviewSymbology .dbrSymbologyCol dd p { margin-bottom: 0px; }

dt { position: relative; }

dt:before { content: "\A"; border-style: solid; border-width: 6px 10px 6px 0; border-color: transparent #fe8e14 transparent transparent; position: absolute; transform: rotate( 180deg ); left: -18px; top: 14px; }

.dbrOverviewSymbology .barcode-swiper-wrapper { margin: auto; margin-bottom: 80px; }

.barcode-img { height: 190px; margin-right: 50px; }

.basicPowerful .powerfulList li { width: 383px; height: 354px; }

.basicPowerful .powerfulList li:first-child { height: 286px; width: 834px; }

.basicPowerful .powerfulList li:last-child { margin-left: 68px; }

.basicPowerful p.disc { line-height: 26px; font-size: 18px; }

.basicPowerful p.f20 { font-size: 20px; line-height: 40px; }

.basicPowerful .powerfulList li span.icon { left: 58px; }

.basicPowerful .powerfulLeft p { margin-top: 30px; }

a.featureBox { display: block; }

.featureBox p:last-child { color: #FE8E14 !important; }

.basicFeature .featureBox .featureBoxBottom { height: 340px; background: #F5F5F5; padding: 47px 20px 40px 44px; }

/* Spanish features */
.basicFeature .featureBox.ESFeature .featureBoxBottom { height: 400px; }
.basicFeature .featureBox.ESFeature .featureBoxBottom .title { min-height: 80px; }

.basicCustomers .swiper-container { height: 50px; overflow: hidden; }

.basicCustomers .customer-logos li { position: relative; display: inline-block; margin-right: 63px; opacity: 1; vertical-align: middle; }

i.german-red-cross.colored { width: 13.2rem; }

.dbrOverviewPlatform h2 { margin-bottom: 60px; }

.dbrOverviewPlatform table { margin-bottom: 50px !important; }
/* desktop */
.contentHeader a { font-size: 24px; height: 70px !important; line-height: 70px !important; width: auto; padding: 0 55px !important; margin: 0 40px; }

.dbrOverviewOther .basicReliable .functionBox { height: 266px; width: 516px; padding: 0px 39px 49px 60px; min-height: 270px; }

.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent { padding: 0px 90px; }

#dbrOverviewDesktop .dbrOverviewFeatures table td p { font-size: 18px; margin-top: 25px; line-height: 30px; }

#dbrOverviewDesktop .dbrOverviewFeatures table tr:first-child td:first-child { width: 618px; vertical-align: middle; }

#dbrOverviewDesktop .dbrOverviewFeatures table td { height: 205px; width: 451px; vertical-align: top; padding-bottom: 20px; padding-right: 20px; }

#dbrOverviewDesktop .dbrOverviewFeatures table tr:last-child td:last-child { height: 155px; }

.dbrOverviewOther .dbrOverviewFeatures table .supportIcon { margin-right: 20px; }

#dbrOverviewDesktop .leftFeatures { padding-right: 40px; }
/* mobile */
#dbrOverviewMobile.dbrOverviewOther .basicReliable .functionList { margin-top: 220px; }

#dbrOverviewMobile.dbrOverviewOther .basicReliable .functionBox { height: 336px; padding: 0px 33px 46px 40px; min-height: 270px; }

#dbrOverviewMobile .actionLeft img { display: inline-block; }

#dbrOverviewMobile .actionLeft span.actionText { display: inline-block; width: calc(100% - 130px); color: white; }

#dbrOverviewMobile .iconWrapper { height: 100%; width: 100px; }

#dbrOverviewMobile .dbrOverviewPlatform ul { margin-bottom: 20px; }

#dbrOverviewMobile .dbrOverviewPlatform ul li { list-style: disc; line-height: 40px; }

#dbrOverviewMobile .actionLeft p.badge img { width: 199px; }

#dbrOverviewMobile .actionLeft p.badge { line-height: 59px; }

#dbrOverviewMobile .actionRight img { width: 317px; margin-top: -17px; }

#dbrOverviewMobile .actionRight { position: absolute; right: 120px; }

#dbrOverviewMobile.dbrOverviewOther .basicReliable .functionBox { margin: 0 0; }

#dbrOverviewMobile .dbrOverviewPlatform { padding: 0 15px; }
/* web */

#dbrOverviewWeb .dbrJSBanner .whitePlayBtn { width: 180px; height: 180px; padding: 0; }
#dbrOverviewWeb .dbrJSBanner .whitePlayBtn::after { border-top-width: 35px; border-bottom-width: 35px; border-left-width: 70px; }
#dbrOverviewWeb .dbrJSBanner .bannerImg:hover .whitePlayBtn { background: #fe8e1470 }
#dbrOverviewWeb .dbrJSBanner h1 { padding-top: 76px; width: 690px; }
#dbrOverviewWeb .dbrJSBanner .desc { font-size: 24px; line-height: 34px; width: 700px; }
#dbrOverviewWeb .dbrJSBanner .btns .d-btn { height: 60px; line-height: 60px; }
#dbrOverviewWeb .dbrJSBanner .btns .d-btn.border-btn { line-height: 54px; }
#dbrOverviewWeb .basicReliable .functionBox { height: 336px; }

#dbrOverviewWeb .basicReliable .functionBox { margin: 0 0; }

#dbrOverviewWeb .dbrOverviewPlatform td { color: white; width: 25%; vertical-align: middle; }

#dbrOverviewWeb .dbrOverviewPlatform span { display: inline-block; padding-left: 10px; font-size: 16px; line-height: 26px; position: absolute; top: 50%; transform: translateY(-50%); }

#dbrOverviewWeb .featuresContainer { height: 580px; margin: 0 0; }

#dbrOverviewWeb .featuresContainer { background-color: #323234; }

#dbrOverviewWeb .featuresContainer .featureItem { position: relative; padding: 60px 75px; padding-right: 0; margin-bottom: 40px; }

#dbrOverviewWeb .featuresContainer .icon { position: absolute; width: 75px; height: 75px; border: 2px solid #323233; background-color: white; left: 75px; top: 0; transform: translateY(-50%) }

#dbrOverviewWeb .featuresContainer .featureItem h3, .featureItem p { color: white; }

#dbrOverviewWeb .featuresContainer .featureItem h3 { font-size: 24px; }

#dbrOverviewWeb .featuresContainer .featureItem p { font-size: 16px; margin-top: 20px; width: 90%; }

#dbrOverviewWeb .contentHeader a { width: 280px !important; height: 60px !important; font-size: 20px !important; line-height: 60px !important; padding: 0 0 !important; }

#dbrOverviewWeb .dbrOverviewAction .actionLeft a:last-child { margin-left: 35px; border: 2px solid #fff; background: #fe8e14; color: white; line-height: 64px; }

span.icon { position: relative; }
span.icon i { width: 75px; height: 75px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
span.icon .icon-setting-browser { background: url(../../images/icons/setting-browser.svg) no-repeat center center }
span.icon .icon-built-in-camera { background: url(../../images/icons/built-in-camera.svg) no-repeat center center }
span.icon .icon-layout { background: url(../../images/icons/layout.svg) no-repeat center center }
span.icon .icon-linear-qr { background: url(../../images/icons/linear-qr-code.svg) no-repeat center center }
span.icon .icon-half-qr { background: url(../../images/icons/half-qr.svg) no-repeat center center }
span.icon .icon-decode-video { background: url(../../images/icons/decode-video.svg) no-repeat center center }

#dbrOverviewWeb .featureBox p:last-child { position: absolute; bottom: 30px; }

.dbrOverviewBanner .mt50 { margin-top: 63px; }

.dbrOverviewOther .h2 { font-size: 40px; line-height: 60px; }
/* other */
/*.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}*/
.basicCustomers .customerPrevArrow, .basicCustomers .customerNextArrow { margin-top: unset !important; }

.swiper-wrapper { display: table; }

.barcode-swiper-container .swiper-slide { width: auto; display: table-cell; vertical-align: middle; float: none !important; text-align: center; }

.mt160 { margin-top: 140px; }

.logoDivider { display: inline-block; height: 60px; border-right: #DDDDDD 2px solid; }

.dbrOverviewSwiper { position: relative; }

.dbrOverviewSwiper .slide-left { width: 1020px; height: auto; text-align: left; padding-left: 90px; }

.dbrOverviewSwiper .slide-left .personWords { font-size: 2.4rem; line-height: 4rem; padding-left: 5rem; position: relative; color: #323234; }

.dbrOverviewSwiper .slide-left .personWords .preQuote { display: inline-block; width: 3.9rem; height: 16.2rem; background: url('../../images/icons/pre_quote.png') no-repeat; background-size: contain; position: absolute; top: -4.5rem; left: 0rem; }

.dbrOverviewSwiper .personName { font-size: 20px; line-height: 28px; padding-left: 50px; color: #323234; }

.dbrOverviewSwiper .slide-right { width: auto; padding-right: 90px; }

.dbrOverviewSwiper .slide-right div { position: relative; width: 41.8rem; height: 28.3rem; background: #F5F5F5; }

.dbrOverviewSwiper div.LockheadMartin { background: url('../../images/banner/LockheedMartin.png') #F5F5F5 no-repeat center center; }

.dbrOverviewSwiper div.IBM { background: url('../../images/banner/IBM.png') #F5F5F5 no-repeat center center; }

.dbrOverviewSwiper div.GermanRedCross { background: url('../../images/banner/GermanRedCross.png') #F5F5F5 no-repeat center center; }

.dbrOverviewSwiper div.Avision { background: url('../../images/banner/Avision.png') #F5F5F5 no-repeat center center; }

.dbrOverviewSwiper div.Ticketswap { background: url('../../images/banner/Ticket.png') #F5F5F5 no-repeat center center; }

.dbrOverviewSwiper .slick-slide .slide-right div i { position: absolute; left: 19.1rem; top: -3rem; width: 4.4rem; height: 5.7rem; }

.index-swiper-container { overflow: hidden; font-size: 0px; }

.dbrOverviewSwiper .custom-slick-arrow { width: 30px; height: 100%; display: inline-block; position: absolute; top: 0px; }

.dbrOverviewSwiper .custom-slick-arrow:before { display: none; }

.dbrOverviewSwiper .custom-slick-arrow:hover { opacity: 0.5; }

.swiper-pagination-bullet { display: inline-block; width: 13px; height: 13px; border-radius: 50%; background: #555; margin: 0 5px; opacity: 0.8; border: 1px solid #6AC4BB; cursor: pointer; bottom: -8px; }

.swiper-pagination-bullet-active { background: #6AC4BB; }

.swiper-pagination-switch { display: inline-block; width: 13px; height: 13px; border-radius: 50%; background: #555; margin: 0 5px; opacity: 0.8; border: 1px solid #6AC4BB; cursor: pointer; bottom: -8px; }

.swiper-active-switch { background: #6AC4BB; }

.dbrOverviewSwiper .index-slick-prev { left: 30px; z-index: 10; }

.dbrOverviewSwiper .index-slick-next { right: 30px; z-index: 10; }

.basicSwiper i.arrow-left { display: inline-block; width: 30px; height: 100%; background: url(../../images/icons/arrow-left.png) no-repeat center center; background-size: contain; }

.basicSwiper i.arrow-right { display: inline-block; width: 30px; height: 100%; background: url(../../images/icons/arrow-right.png) no-repeat center center; background-size: contain; }

.slide-block { display: table; height: 100%; }

.dbrOverviewSwiper .swiper-slide .slide-left { display: table-cell; vertical-align: middle; height: 100%; float: none; }

.slide-right.hide-sm.hide-md { display: table-cell; vertical-align: middle; height: 100%; float: none; padding-right: unset; padding-left: 40px; }

.orangeAngelList li { position: relative; font-size: 18px; line-height: 30px; margin-bottom: 5px; }

.orangeAngelList li:before { content: "\A"; border-style: solid; border-width: 6px 10px 6px 0; border-color: transparent #fe8e14 transparent transparent; position: absolute; transform: rotate( 180deg ); left: -18px; top: 10px; }

.orangeAngelList.inlineBlockList li { display: inline-block; margin-right: 34px; }

.orangeAngelList.inlineBlockList li:nth-child(5n) { margin-right: 0; }

.whitePlayBtn { top: 50%; left: 50%; transform: translate(-50%,-50%); border: 2px solid #fe8e14; background: #fe8e1440; }

.whitePlayBtn:hover { background-color: #fe8e1470; }

.dbrVideo .switchItem { display: none; }

.dbrVideo .switchItem.on { display: block; }

.dbrVideo .strengthLine .strengthImg { position: relative }

.dbrVideo .switchIcons { padding-left: 0; text-align: center; position: absolute; width: 100%; z-index: 1; top: -35px; }

.dbrVideo .switchIcons .graylink { display: inline-block; vertical-align: top; border-bottom: 0; color: #AAAAAA; text-decoration: none !important; font-size: 16px; line-height: 37px; }

.dbrVideo .switchIcons .graylink.on { opacity: 0; cursor: default }

.dbrVideo .switchIcons .switchCircle { position: relative; display: inline-block; cursor: pointer; margin: 0px; width: 170px; height: 50px; border-radius: 0; background: #CCCCCC; vertical-align: top; margin-top: 10px; color: #fff; font-size: 20px; line-height: 50px; }

.dbrVideo .switchIcons .switchCircle:nth-child(2) { margin-right: 0; }

.dbrVideo .switchIcons .switchCircle.on { background: #323234; }
/*.dbrVideo .switchIcons .switchCircle.on:after { content: ""; position: absolute; bottom: -16px; left: 78px; z-index: 1; display: inline-block; width: 0; height: 0; border-width: 8px; border-style: solid; border-color: #323234 transparent transparent transparent; }*/

.dbrOverviewMobile .dbrOverviewBanner p { font-size: 24px; line-height: 34px; margin-top: 30px; width: 100%; max-width: 600px; }

.dbrOverviewMobile .dbrOverviewAction p { font-size: 18px; line-height: 26px; width: 100%; }

.plan4 { display: none !important; }

.applicationItem { background: #F5F5F5; padding: 25px 48px; display: inline-block; vertical-align: top; margin-right: 47px; }

.applicationItem:last-child { margin-right: 0; }

.applicationItem p.supportIconWrapper { margin-bottom: 0; margin-top: 10px; }

.applicationItem .name { display: inline-block; max-width: 230px; vertical-align: middle; color: #323234; padding: 0; margin: 0; margin-right: 25px; }

/* Spanish name */
.applicationItem .name.ESName { max-width: 137px; }

.applicationItem .platform { display: inline-block; vertical-align: middle; }

.whyDBR { }

.whyDBR .row { background-color: #F5F5F5; height: 740px; }

.whyDBR .leftSection { height: 100%; padding: 150px 90px; }

.whyDBR .leftSection i.icon-ISO { display: block; width: 193px; height: 193px; background: url("../../images/icons/ISO.webp") no-repeat center; background-size: contain; }

.whyDBR .rightSection { display: flex; align-items: center; }

.whyDBR .rightSection .featuresList { height: 526px; width: 878px; background-color: #306877; }

.whyDBR .rightSection .featuresList ul { width: 100%; height: 100%; padding: 64px 96px; display: flex; flex-direction: column; justify-content: space-around; }

.whyDBR .rightSection .featuresList ul li { font-size: 18px; color: white; position: relative; }

.whyDBR .rightSection .featuresList ul li::after { content: "\A"; border-style: solid; border-width: 6px 15px 6px 0; border-color: transparent #fe8e14 transparent transparent; position: absolute; transform: rotate( 180deg ); left: -29px; top: 8px; }

#dbrOverviewWeb .basicReliable .functionList div:nth-child(2) .functionBox { margin: 0 auto; }

#dbrOverviewWeb .basicReliable .functionList div:nth-child(3) .functionBox { float: right; }

#dbrOverviewMobile .basicReliable .functionList div:nth-child(2) .functionBox { margin: 0 auto; }

#dbrOverviewMobile .basicReliable .functionList div:nth-child(3) .functionBox { float: right; }

#dbrOverviewMobile .dbrOverviewPlatform .platformBox:nth-of-type(1) { display: flex; justify-content: flex-end; }

#dbrOverviewMobile .dbrOverviewPlatform .platformBox:nth-of-type(2) { display: flex; justify-content: flex-start; }

/* footer no login */
.dbrOverviewDownload .no-login-footer { display: none; }
.dbrOverviewDownload .no-login-footer p { padding: 0 0; margin: 0 0; }
.dbrOverviewDownload .no-login-footer .row { display: flex; align-items: center; }
.dbrOverviewDownload .no-login-footer .row > div:first-child p:last-child { font-size: 40px; width: 70%; line-height: 60px; margin-top: 40px; }
.dbrOverviewDownload .no-login-footer .row > div:first-child img { width: 80%; }
.dbrOverviewDownload .no-login-footer .row .registerForm { background-color: #323234; padding: 70px; }
.dbrOverviewDownload .no-login-footer .row .registerForm .basicForm .fields { display: flex; flex-wrap: wrap; justify-content: space-between; }
.dbrOverviewDownload .no-login-footer .row .registerForm .basicForm .fields .basicFormGroup { width: 48%; }
.dbrOverviewDownload .no-login-footer .row .registerForm .basicForm .fields .basicFormGroup .iti { width: 100%; }
.dbrOverviewDownload .no-login-footer .row .registerForm .basicForm .fields .basicFormGroup .basicFormInput { font-size: 14px; font-family: Arial; }
.dbrOverviewDownload .no-login-footer .row .registerForm .basicForm .submit { text-align: center; margin: 40px 0 0 0; }
.dbrOverviewDownload .no-login-footer .row .registerForm .basicForm .submit .d-btn { margin: 0 0; height: 52px; line-height: 48px; font-size: 18px; padding: 0 70px; }


/* media query */

@media (max-width: 1680px) {

    /* Spanish banner */
    .basicBanner.ESBanner { height: 460px; }

    /* Spanish feature */
    .basicFeature .featureBox.ESFeature .featureBoxBottom { height: auto; }
}


@media (min-width: 1680px) {

    /* Spanish swiper */
    .basicSwiper.ESSwiper .index-swiper-container { height: 330px; }
    .basicSwiper.ESSwiper i.arrow-left, .basicSwiper.ESSwiper i.arrow-right { height: 85%; }

    #BarcodeReaderOverview .container { max-width: 1630px; }

    .dbrVideo .videoContainer { height: 570px; }

    .dbrVideo .strengthLine { height: 566px; padding-top: 30px; }

    .dbrVideo .strengthLine.bgLeft { background-size: 95%; }

    .dbrVideo .switchIcons { background-size: 95%; }

    .dbrVideo .strengthLine .strengthImg { width: 736px; height: 408px; margin-top: 60px; margin-left: 0px; }

    .dbrVideo .strengthLine .disc { width: 655px; margin-left: 120px; }

    p.subp { font-size: 16px; }

    /*.swiper-slide, .swiper-wrapper { max-height: 300px !important; }*/

    .dbr-overview .dbrOverviewReliable .disc { padding: 0 280px; }
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .whyDBR .rightSection .featuresList { height: 635px; width: 600px; }

    .whyDBR .rightSection .featuresList ul { padding: 35px 96px; }
}

@media (max-width: 1679px) {


    .f24 { font-size: 20px !important; }

    .f18 { font-size: 16px !important; }

    .mt160 { margin-top: 100px; }

    .logoDivider { height: 50px; }

    .actionRight img { width: 497px; }

    .actionRight { top: -50px; }

    .basicPowerful p.disc { line-height: 22px; font-size: 16px; }

    .dbrOverviewPlatform h2 { margin-bottom: 48px; }

    #BarcodeReaderOverview i.dbr-white-logo { width: 332px; height: 45.6px; }

    .dbrOverviewPlatform table { margin-bottom: 40px !important; }

    .whitePlayBtn.orange::after { border-top: 20px solid transparent; border-left: 35px solid white; border-bottom: 20px solid transparent; }

    html { font-size: 8px; }

    .basicCustomers .customer-logos li { margin-right: 26px; }

    .basicCustomers .customer-logos li:last-child { margin-right: 0; }


    .basicSwiper .swiper-slide .slide-left { width: 650px; padding-left: 60px; }

    .powerfulList li a:last-child { position: absolute; bottom: 30px; }

    .basicSwiper .swiper-slide .slide-left .personWords { font-size: 16px; line-height: 30px; }

    .dbrOverviewSwiper .slide-right { width: auto; padding-right: 60px; }

    .dbrOverviewSwiper .slide-right div { width: 328px; height: 224px; }

    .basicReliable.dbrOverviewReliable .functionBox { padding: 0px 19px 49px 40px; height: 290px; min-height: 290px; }

    .dbrOverviewBanner .mt50 { margin-top: 30px; }

    #BarcodeReaderOverview .dbrOverviewBanner .bannerImg .bannerName { height: 64px; line-height: 64px; font-size: 20px; padding: 0 40px 0 18px; }

    #BarcodeReaderOverview .dbrOverviewBanner .bannerImgBox .switchIcons { position: absolute; top: 210px; right: 615px; }

    p.supportIconWrapper > span { padding-right: 7px; }

    .dbrOverviewFeatures .dbrFeaturesContent { padding: 0px 70px; padding-bottom: 50px; }

    .dbrOverviewFeatures table td { height: 215px; width: 381px; vertical-align: top; padding-bottom: 20px; padding-right: 25px; }

    .dbrOverviewFeatures table td p { font-size: 18px; margin-top: 14px; line-height: 25px; }

    .basicPowerful .powerfulList li { width: 340px; height: 266px; padding: 44px 34px 24px; }

    .basicPowerful .powerfulList li:first-child { height: 286px; width: 708px; }

    .basicPowerful .powerfulList li:last-child { margin-left: 28px; }

    .basicFeature .featureBox .featureBoxBottom { padding: 37px 24px 40px 24px; height: 290px; }

    .basicFeature .featureBox .featureBoxBottom .cnt { min-height: 140px; }

    .featureBoxBottom .pt40 { padding-top: 0px; }

    .dbr-overview .dbrOverviewReliable .disc { padding: 0 140px; }

    /* desktop */
    .dbrOverviewOther .basicReliable .functionBox { height: 286px; width: 356px; }

    .dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent { padding: 0px 50px; }

    #dbrOverviewDesktop .dbrOverviewFeatures table td p, #dbrOverviewMobile .dbrOverviewFeatures table td p { font-size: 16px; margin-top: 15px; line-height: 28px; }

    #dbrOverviewDesktop .featureBoxBottom .cnt { min-height: 100px; }

    #dbrOverviewDesktop .featureBoxBottom .pt25 { padding-top: 0px; }
    /*  web  */
    #dbrOverviewWeb .basicReliable .functionBox { height: 316px; }

    #dbrOverviewWeb .featuresContainer { margin: 0; height: 750px; }

    #dbrOverviewWeb .dbrOverviewAction .actionLeft a:last-child { margin: 20px 0 0 20px; line-height: 51px; }

    /*  mobile  */
    #dbrOverviewMobile .actionRight { position: absolute; right: 0px; }



    #dbrOverviewMobile .dbrOverviewPlatform .platformBox div:nth-child(2) { width: 325px !important; }

    #dbrOverviewMobile .actionRight img { width: 278px; margin-top: -17px; }

    #dbrOverviewMobile .actionLeft p.badge img { width: 159px; }

    #dbrOverviewMobile .basicFeature .featureBox .featureBoxBottom { height: 350px; }

    #dbrOverviewMobile .featureBox p:last-child { position: absolute; bottom: 32px; }

    #dbrOverviewMobile.dbrOverviewOther .basicReliable .functionList { margin-top: 160px; }

    .barcode-img { height: 160px; margin-right: 50px; }

    .icon-arrow-right { width: 28px; }

    .icon-arrow-left { width: 28px; }

    .orangeAngelList li { font-size: 14px; line-height: 20px; }

    .orangeAngelList li:before { border-width: 4px 10px 4px 0; left: -15px; top: 7px; }



    .dbrVideo .strengthLine { height: 430px; }

    .dbrVideo .strengthLine.bgLeft { background-size: 95%; }

    .dbrVideo .videoContainer { height: 430px; }

    .dbrVideo .switchIcons { padding-bottom: 30px; padding-left: 0; text-align: center; }

    .dbrVideo .switchIcons .graylink { font-size: 16px; line-height: 37px; }

    .dbrVideo .switchIcons .switchCircle { font-size: 18px }

    .dbrVideo .switchIcons .switchCircle:nth-child(2) { margin-right: 0; }

    .dbrVideo .switchIcons { }

    .dbrVideo .strengthLine .strengthImg { width: 510px; height: 283px; margin-top: 58px; margin-left: 0px; }

    .dbrVideo .strengthLine .disc { width: 510px; margin-left: 53px; }

    .dbrOverviewMobile .dbrOverviewBanner p { font-size: 20px; line-height: 30px; margin-top: 25px; width: 100%; max-width: 550px; }

    .dbrOverviewMobile .dbrOverviewAction p { font-size: 18px; line-height: 26px; width: 100% }

    p.subp { font-size: 14px; }

    /*.swiper-slide, .swiper-wrapper { max-height: 280px !important; }*/

    .applicationItem { padding: 5px 16px; margin-right: 20px; }

    .applicationItem:last-child { margin-right: 0; }

    .applicationItem p.supportIconWrapper { margin-bottom: 0; margin-top: 10px; }

    .applicationItem .name { max-width: 175px; margin-right: 16px; }

    /* Spanish name */
    .applicationItem .name.ESName { max-width: 118px; }

    .orangeAngelList.inlineBlockList li { margin-right: 7px; }

    /*#dbrOverviewWeb .dbrJSBanner { height: 480px; }*/
    #dbrOverviewWeb .dbrJSBanner h1 { padding-top: 48px; width: 690px; }
    #dbrOverviewWeb .dbrJSBanner .desc { font-size: 20px; line-height: 30px; width: 570px; }


    /* footer no login */
    .dbrOverviewDownload .no-login-footer .row img { max-width: 85%; }
    .dbrOverviewDownload .no-login-footer .row .registerForm .basicForm .fields .basicFormGroup { width: 100%; }
    .dbrOverviewDownload .no-login-footer .row > div:first-child p:last-child { width: 100%; }
}

@media (max-width: 1450px) {
    #dbrOverviewWeb .dbrJSBanner h1 { padding-top: 48px; width: 600px; font-size: 34px; }
    #dbrOverviewWeb .dbrJSBanner .desc { font-size: 20px; line-height: 30px; width: 536px; }
}

@media (max-width: 1360px) {
    #dbrOverviewWeb .dbrJSBanner h1 { padding-top: 40px; width: 445px; font-size: 34px; line-height: 40px; }
    #dbrOverviewWeb .dbrJSBanner .desc { font-size: 18px; line-height: 28px; width: 450px; }
}


@media (max-width: 1299px) {
    #BarcodeReaderOverview .dbrOverviewBanner .bannerImgBox .switchIcons { position: absolute; top: 210px; right: 590px; }
}

@media (max-width: 1199px) {

    /* Spanish swiper */
    .basicSwiper.ESSwiper .index-swiper-container { height: 320px; }

    /* Spanish feature */
    .basicFeature .featureBox.ESFeature .featureBoxBottom .cnt { min-height: 180px; }

    .whyDBR .row { height: 983px; }

    .whyDBR .container { max-width: 1200px; }

    .whyDBR .leftSection { height: auto; padding: 100px 0 60px 0; }

    .whyDBR .leftSection .leftContent { display: flex; width: 878px; margin: 0 auto; }

    .whyDBR .leftSection .leftContent i.icon-ISO { margin-top: 0; margin-left: 96px; }

    .whyDBR .leftSection .leftContent .whyDesc { height: auto; width: 50%; }

    .whyDBR .rightSection { padding-bottom: 100px; }

    .whyDBR .rightSection .featuresList { margin: 0 auto; }

    .mt160 { margin-top: 80px; }

    .logoDivider { height: 40px; }

    .basicPowerful .powerfulList li span.icon i { display: inline-block; width: 30px; height: 30px; background-size: contain !important; }

    .powerfulList li a:last-child { position: absolute; bottom: 30px; }

    .basicCustomers .customer-logos li { margin-right: 5px; zoom: 1; vertical-align: middle; }

    .basicCustomers .customer-logos li:last-child { margin-right: 0; }

    .basicCustomers .customer-logos li i.company-logo { transform: scale(.8); }

    .slide-block { height: 100%; display: block; }

    .dbrOverviewSwiper .swiper-slide .slide-left { width: 570px; display: table-cell; vertical-align: middle; height: 100%; float: none; }

    .slide-right.hide-sm.hide-md { display: table-cell; vertical-align: middle; height: 100%; float: none; padding-right: unset; padding-left: 40px; }

    .dbrOverviewSwiper .slide-right div { zoom: 0.8; }

    .basicReliable.dbrOverviewReliable .functionBox { padding: 0px 19px 49px 20px; }

    .functionList > div:last-child { margin-top: 60px; }

    .dbrOverviewFeatures { width: 100%; max-width: 100%; }

    .basicPowerful .powerfulLeft { padding-left: 0px; padding-top: 0px; text-align: center; }

    .basicPowerful .powerfulList { padding-top: 0; margin-top: 15rem; text-align: center; }

    .basicPowerful .powerfulList li { width: 340px; height: 274px; padding: 34px 24px 14px; }

    .basicPowerful .powerfulList li:first-child { height: 236px; }

    .basicPowerful .powerfulList li span.icon { left: 24px; }

    .basicPowerful p.disc { line-height: 23px; font-size: 16px; }

    #dwtOverviewFeature { padding: 0px; }

    #dwtOverviewFeature .featureBoxBottom p:last-child { padding: 0px; }

    .basicFeature .featureBox .featureBoxBottom .cnt { min-height: 120px; }

    .basicFeature .featureBox .featureBoxBottom .pt40 { font-size: 20px; }

    .dbr-overview .dbrOverviewReliable .disc { padding: 0 45px; }


    /* desktop */
    .dbrOverviewOther .basicReliable .functionBox { height: 286px; width: 446px; }

    .dbrOverviewOther .basicReliable .functionBox p { min-height: 80px; }

    #dbrOverviewDesktop .featureBoxBottom .cnt { min-height: 120px; }

    #dbrOverviewDesktop .featureBoxBottom .f24 { font-size: 18px !important; }

    /*    web    */
    #dbrOverviewWeb .dbrJSBanner .desc { font-size: 18px; line-height: 28px; width: 50%; }

    #dbrOverviewWeb .dbrOverviewPlatform td { display: inline-block; width: 50% !important; margin-top: 20px; position: relative; }

    #dbrOverviewWeb .featureBox p:last-child { font-size: 20px !important; }

    #dbrOverviewWeb .basicFeature .featureBox .featureBoxBottom { height: 330px; }

    #dbrOverviewWeb .featuresContainer { height: 1000px; }

    #dbrOverviewWeb .dbrOverviewAction .actionLeft a:last-child { margin: 20px 0 0 0; line-height: 51px; }

    #dbrOverviewWeb .basicReliable .functionList div .functionBox { margin: 0 0 !important; float: none !important; }

    #dbrOverviewMobile .basicReliable .functionList div .functionBox { margin: 0 0 !important; float: none !important; }



    /* mobile */
    #dbrOverviewMobile .actionRight { position: absolute; right: 10px; }

    #dbrOverviewMobile .dbrOverviewPlatform ul li { list-style: disc; line-height: 30px; font-size: 16px; }

    #dbrOverviewMobile .featureBox p:last-child { font-size: 20px !important; bottom: 22px; }

    #dbrOverviewMobile.dbrOverviewOther .basicReliable .functionList { margin-top: 120px; }

    .orangeAngelList li { font-size: 14px; line-height: 20px; }

    .orangeAngelList li:before { border-width: 4px 10px 4px 0; left: -15px; top: 7px; }

    .dbrVideo .strengthLine { height: 450px; }

    .dbrVideo .strengthLine.bgLeft { background-size: 95%; }

    .dbrVideo .videoContainer { height: 450px; }

    .dbrVideo .switchIcons { padding-bottom: 30px; padding-left: 0; text-align: center; }

    .dbrVideo .switchIcons .graylink { font-size: 14px; line-height: 37px; }

    .dbrVideo .switchIcons .switchCircle { font-size: 16px; }

    .dbrVideo .switchIcons .switchCircle:nth-child(2) { margin-right: 0; }

    .dbrVideo .strengthLine .strengthImg { width: 420px; height: 234px; margin-top: 84px; margin-left: 0px; }

    .dbrVideo .strengthLine .disc { width: 480px; margin-left: 20px; }

    .dbrOverviewMobile .dbrOverviewAction p { font-size: 16px; line-height: 24px; width: 100%; }

    #dbrOverviewMobile .actionLeft p.badge { margin-top: 20px; }


    /*.swiper-slide, .swiper-wrapper { max-height: 280px !important; }*/

    .applicationItem { padding: 5px 16px; margin-right: 20px; }

    .applicationItem:last-child { margin-right: 0; margin-top: 30px; }

    .applicationItem p.supportIconWrapper { margin-bottom: 0; margin-top: 10px; }

    .applicationItem .name { max-width: 175px; margin-right: 16px; }

    #BarcodeReaderOverview .dbrOverviewBanner .bannerImg .bannerName { height: 55px; line-height: 55px; font-size: 18px; padding: 0 30px 0 14px; }

    #BarcodeReaderOverview .dbrOverviewBanner .bannerImgBox .switchIcons { top: 163px; right: 440px; }

    /* footer no login */
    .dbrOverviewDownload .no-login-footer .row img { max-width: 85%; }
    .dbrOverviewDownload .no-login-footer .row > div:first-child p:last-child { font-size: 32px; line-height: 45px; }
}


@media (max-width: 991px) {

    /* Spanish swiper */
    .basicSwiper.ESSwiper .index-swiper-container { height: 375px; }

    /* Spanish feature */
    .basicFeature .featureBox.ESFeature .featureBoxBottom .title, .basicFeature .featureBox.ESFeature .featureBoxBottom .cnt { min-height: unset; }

    .whyDBR .leftSection { padding-bottom: 0; height: 130px; }

    .whyDBR .leftSection .leftContent { width: 90%; }

    .whyDBR .rightSection { padding: 0; }

    .whyDBR .rightSection .featuresList { width: 90%; }


    .basicCustomers .swiper-slide { display: table-cell; vertical-align: middle; float: none !important; text-align: center; }

    .basicCustomers .swiper-slide i.company-logo { opacity: .6; height: 100%; background-size: contain; background-position: center; margin-right: 40px; background-repeat: no-repeat; }

    .barcode-img { height: 120px; margin-right: 20px; }

    .basicSwiper.dbrOverviewSwiper { margin-top: 80px; }

    .basicSwiper .swiper-slide { height: auto; }

    .dbrOverviewSwiper .slide-left { min-height: 340px; width: 100%; }

    /* Spanish video container */
    .dbrVideo.ESVideo .strengthLine { padding-bottom: 0; }

    .basicSwiper .swiper-slide .slide-right { width: 100%; padding-top: 40px; }

    .dbrOverviewSwiper .swiper-slide .slide-left { width: 100%; padding: 0px; }

    .basicCustomers .swiper-slide i.company-logo { opacity: .6; }

    .dbrOverviewSwiper .slide-left { width: 100%; }

    .dbrOverviewSwiper .slide-right { width: auto; margin: auto; float: none; display: inline-block; padding-bottom: 50px; padding-right: 0px; }

    .dbrOverviewSwiper .slide-right div { margin: auto; }

    .dbrOverviewSwiper .slide-right.hide-md { display: none; }

    .dbrOverviewSwiper .custom-slick-arrow { display: none; }

    #homePage .indexProduct .productBox { position: relative; width: 100%; height: 370px; padding: 54px 50px; margin: 0 auto; margin-bottom: 180px; }

    .basicSwiper .swiper-slide .slide-left .personWords .preQuote, .basicSwiper .swiper-slide .slide-right { zoom: 0.8; }

    .basicSwiper .swiper-slide .slide-left .personWords { height: auto; display: block; font-size: 14px; line-height: 24px; padding-left: 30px; position: relative; color: #323234; }

    .basicSwiper .swiper-slide .personName { font-size: 14px; line-height: 22px; }

    .slide-block { height: auto; display: block; }

    .index-pagination { position: absolute; z-index: 20; width: 100%; text-align: center; bottom: -20px; }

    .basicPowerful .powerfulList li { width: 46%; }

    .basicPowerful .powerfulList li:first-child { width: 96%; }

    .basicFeature .featureBox .featureBoxBottom { height: auto; }

    #dbrOverviewWeb .basicFeature .featureBox .featureBoxBottom { height: 280px; }


    .basicFeature .featureBox .featureBoxBottom .cnt { min-height: unset; }

    .dbrOverviewFeatures .dbrFeaturesContent { padding: 10px; }

    .dbrOverviewFeatures table td { height: 165px; text-align: center; }

    .dbrOverviewFeatures table td p { font-size: 16px; margin-top: 5px; line-height: 20px; }

    .dbrOverviewFeatures table .icon { zoom: 0.7; }

    .dbr-overview .dbrOverviewReliable .disc { padding: 0 0px; }

    /* desktop */
    .dbrOverviewOther .contentHeader a { height: 50px !important; line-height: 50px !important; padding: 0 35px !important; margin: 10px 40px; }

    .dbrOverviewOther .basicReliable .functionBox { width: 100%; }

    #dbrOverviewDesktop .dbrOverviewFeatures table td { width: 33%; height: auto; }

    #dbrOverviewDesktop .dbrOverviewFeatures table tr:last-child td:last-child { height: auto; width: 100%; }

    /* mobile */
    #dbrOverviewMobile .dbrOverviewPlatform table td { display: block; }

    #dbrOverviewMobile .dbrOverviewPlatform h2 { margin: 30px 0 0 0; }

    #dbrOverviewMobile .dbrOverviewPlatform table { margin-bottom: 0 !important; }

    #dbrOverviewMobile .dbrOverviewPlatform table { width: 70%; }

    #dbrOverviewMobile .dbrOverviewPlatform table td:first-child { width: 100% !important; }

    #dbrOverviewMobile .dbrOverviewPlatform table td:nth-child(2n-1) i { margin-left: 20px; }

    #dbrOverviewMobile .dbrOverviewPlatform table td:nth-child(2n) { margin: 20px 0 30px 10px; }

    #dbrOverviewMobile .dbrOverviewPlatform .platformBox { flex-direction: column; align-items: center; justify-content: center !important; padding: 0 120px !important; }

    #dbrOverviewMobile .dbrOverviewPlatform .platformBox div { align-self: flex-start; padding: 0 0; }

    #dbrOverviewMobile .dbrOverviewPlatform .platformBox div:nth-child(2) { width: auto !important; padding: 0 20px; margin-top: 30px; }

    #dbrOverviewMobile .dbrOverviewPlatform .platformBox:last-child { margin-top: 30px; }

    #dbrOverviewMobile .dbrOverviewPlatform .platformContainer { padding: 40px 20px !important; }
    /* web */
    #dbrOverviewWeb .dbrJSBanner h1 { width: 100%; font-size: 30px; }
    #dbrOverviewWeb .dbrJSBanner .desc { font-size: 20px; line-height: 30px; width: 100%; }
    #dbrOverviewWeb .dbrJSBanner { height: auto; padding-bottom: 60px; }
    #dbrOverviewWeb .dbrJSBanner .btns { text-align: center; }

    .orangeAngelList li { font-size: 14px; line-height: 20px; }

    .orangeAngelList li:before { border-width: 4px 10px 4px 0; left: -15px; top: 7px; }

    .dbrVideo .strengthLine { height: auto; }

    .dbrVideo .strengthLine.bgLeft { background-size: 100%; }

    .dbrVideo { background: #f5f5f5; }

    .dbrVideo .videoContainer { height: 760px; }

    .dbrVideo .switchIcons { padding-bottom: 30px; padding-left: 0; text-align: center; }

    .dbrVideo .switchIcons .graylink { font-size: 16px; line-height: 37px; display: none; }

    .dbrVideo .switchIcons .graylink.on { display: none }

    .dbrVideo .switchIcons .switchCircle { font-size: 16px; }

    .dbrVideo .switchIcons .switchCircle:nth-child(2) { margin-right: 0; }

    #dbrOverviewWeb .featuresContainer { height: 1200px; }

    #dbrOverviewWeb .featuresContainer .featureItem { padding: 60px 50px; }

    #dbrOverviewWeb .featuresContainer .featureItem h3, .featureItem p { width: 100% !important; }

    #dbrOverviewWeb .featuresContainer .featureItem span.icon { left: 50px; }

    .dbrVideo .strengthLine .strengthImg { width: 80%; height: auto; margin-top: 0; padding-top: 60px; margin-left: auto; margin-right: auto; display: block; margin-bottom: 0; }

    .dbrVideo .strengthLine .disc { width: 80%; margin-left: auto; margin-right: auto; display: block; padding-bottom: 20px; }

    #dbrOverviewMobile.dbrOverviewOther .basicReliable .functionList { margin-top: 80px; }

    p.subp { font-size: 14px; }

    .swiper-slide, .swiper-wrapper { max-height: 300px !important; }

    .applicationItem { padding: 5px 16px; margin-right: 20px; }

    .applicationItem:nth-child(2) { margin-top: 30px; }

    .applicationItem:last-child { margin-right: 0; margin-top: 30px; }

    .applicationItem p.supportIconWrapper { margin-bottom: 0; margin-top: 10px; }

    .applicationItem .name { max-width: 175px; margin-right: 16px; }

    #BarcodeReaderOverview .dbrOverviewBanner .bannerImgBox .switchIcons,
    #BarcodeReaderOverview .dbrOverviewBanner .bannerImg { display: none !important; }

    #dbrOverviewWeb .dbrOverviewAction .actionLeft a:last-child { margin: 0 0 0 20px; }

    #dbrOverviewWeb .dbrJSBanner .bannerImg { display: block; width: 280px; height: 172px; position: relative; top: 12px; margin: 40px auto 0; }
    #dbrOverviewWeb .dbrJSBanner .bannerImg .artwork { display: none; }
    #dbrOverviewWeb .dbrJSBanner .whitePlayBtn { width: 60px; height: 60px; padding: 0; }
    #dbrOverviewWeb .dbrJSBanner .whitePlayBtn::after { border-top-width: 15px; border-bottom-width: 15px; border-left-width: 25px; }
}

@media (max-width: 767px) {


    /* Spanish banner */
    .basicBanner.ESBanner { height: auto; }

    .whyDBR .container { padding: 0; }

    .whyDBR .leftSection .leftContent .whyDesc { width: 60%; }

    .whyDBR .leftSection .leftContent i.icon-ISO { margin-left: 35px; }

    .whyDBR .rightSection .featuresList ul li { font-size: 16px; }

    .barcode-img { height: 100px; margin-right: 10px; }

    #BarcodeReaderOverview .row, .dbrOverviewOther .row { margin: 0px; }

    .basicSwiper .swiper-slide { width: 540px; }

    .basicSwiper .ant-carousel .slick-track { width: 3800px; }

    .basicSwiper .ant-carousel .slick-list { min-height: 490px; }

    .dbrOverviewSwiper { margin-top: 200px; }

    .dbrOverviewSwiper .swiper-slide .slide-right { margin-bottom: 20px; padding: 0px; }

    .dbrOverviewSwiper .swiper-slide .slide-left { height: auto; width: 100%; float: none; margin-top: 60px; }

    .basicSwiper .ant-carousel .slick-dots li button { border: none; font-size: 0px; }

    .basicSwiper.dbrOverviewSwiper { margin-top: 60px; }

    .basicReliable .functionList > div { margin-top: 60px; }

    .dbrOverviewFeatures table td { display: inline-block; width: 50%; height: auto; }

    .f24 { font-size: 16px !important; }

    .basicReliable.dbrOverviewReliable .functionBox { height: auto; padding: 0px 19px 20px 20px; min-height: unset; }

    p.supportIconWrapper { height: 80px; min-height: 80px !important; }

    p.supportIconWrapper > span { display: inline-block; }

    .basicCustomers .swiper-slide i.company-logo { zoom: 0.7; }

    .dbrOverviewSymbology .dbrSymbologyCol { width: 100%; }

    .basicSwiper .SwiperContent { padding: 0; }

    .basicSwiper .ant-carousel .slick-dots li { display: inline-block; }

    .basicSwiper .ant-carousel .slick-dots { text-align: center; }

    .basicPowerful .powerfulList li { width: 100%; height: auto; margin-left: 0px !important; }

    .basicPowerful .powerfulList li:first-child { width: 100%; height: auto; }

    .basicPowerful .powerfulLeft { padding: 0px; }

    .basicSwiper .swiper-slide .slide-left { height: auto; margin-top: 50px; }

    .powerfulList li a:last-child { position: relative; bottom: 0px; }

    .dbrOverviewOther .contentHeader a { padding: 0px 22px !important; }

    .dbrOverviewFeatures table { top: 0px; }



    /* desktop */
    .basicStrength .strengthLine.bgLeft { background-size: 100%; }

    .dbrOverviewFeatures table { width: 100%; margin: 40px 0; }

    #dbrOverviewDesktop .dbrOverviewFeatures table tr:first-child td:first-child { width: 100%; padding: 0px; }

    #dbrOverviewDesktop .leftFeatures { padding: 50px 20px; }

    #dbrOverviewDesktop i.supportIcon { zoom: 0.8; }

    .dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent { padding: 0; }

    #dbrOverviewDesktop .dbrOverviewFeatures table td { height: auto; display: block; width: 100%; }
    /* web */
    #dbrOverviewWeb .dbrOverviewPlatform td { display: block; width: 100% !important; }

    .dbrVideo .videoContainer { height: 740px; }

    .dbrVideo .strengthLine .strengthImg { width: 90%; margin-top: 0; padding-top: 30px; }

    .dbrVideo .strengthLine .disc { width: 90%; }

    #dbrOverviewMobile .actionLeft span.actionText { width: 100%; max-width: calc(100% - 130px); }

    .dbrVideo, .dbrOverviewReliable, .dbrOverviewSymbology { margin-top: 60px !important; }

    .dbrVideo .strengthLine .disc { margin-top: 30px; }

    .dbrVideo .strengthLine .disc p.pt20 { padding-top: 10px; }

    .dbrVideo .strengthLine .disc ul li { margin-bottom: 5px; }

    .dbrVideo .strengthLine .disc ul li:last-child { margin-bottom: 0; }

    .dbrOverviewAction .ptb80 { padding-top: 40px; padding-bottom: 40px; }

    .dbrOverviewSymbology { padding-top: 30px; }

    .dbrOverviewPowerful { padding-top: 50px; padding-bottom: 50px; }

    .dbrOverviewSymbology p.mt50 { margin-top: 20px; }

    .swiper-slide, .swiper-wrapper { max-height: none !important; }


    .applicationItem { padding: 5px 16px; width: 100%; margin-right: 20px; margin-top: 30px; }

    .applicationItem:nth-child(2) { margin-top: 30px; }

    .applicationItem:last-child { margin-right: 0; margin-top: 30px; }

    .applicationItem p.supportIconWrapper { margin-bottom: 0; margin-top: 10px; }

    .applicationItem .name { max-width: 148px; margin-right: 16px; }

    .dbrVideo .switchIcons { padding-bottom: 0px; padding-left: 0; text-align: center; background: #f5f5f5; width: 100%; left: 0; padding-top: 30px; margin-top: 0; position: static; }
    .dbrVideo .switchIcons .switchCircle { width: 16px; height: 16px; border-radius: 50%; font-size: 14px; }
    .dbrVideo .switchIcons .switchCircle span { display: none; }
    .dbrVideo .switchIcons .switchCircle:nth-child(2) { margin-right: 0; }

    #dbrOverviewWeb .featuresContainer { height: 1850px; margin: 0 15px; }

    #dbrOverviewWeb .dbrOverviewAction .actionLeft a:last-child { margin: 0 0 0 10px; }

    /* mobile */

    #dbrOverviewMobile .dbrOverviewPlatform table { width: 100% !important; }

    #dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent { margin: 20px 0; padding: 10px; }

    #dbrOverviewMobile .dbrOverviewFeatures table tr td { padding: 0 0 20px 0; }

    #dbrOverviewMobile .dbrOverviewFeatures table p { font-size: 14px !important; width: 90%; margin: 0 auto; }

    #dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent p { padding: 0 0; }

    #dbrOverviewMobile .dbrOverviewPlatform .platformBox { padding: 0 0 !important; }

    #dbrOverviewMobile .basicFeature .featureBox .featureBoxBottom { height: 300px; }

    #dbrOverviewWeb .dbrJSBanner { padding: 20px 0px 60px; }
    #dbrOverviewWeb .dbrJSBanner h1 { text-align: center; font-size: 24px !important; max-width: 260px; margin: 0 auto 20px; }
    #dbrOverviewWeb .dbrJSBanner .desc { font-size: 16px; line-height: 30px; width: 100%; text-align: center; }
    #dbrOverviewWeb .dbrJSBanner .btns a { margin-bottom: 20px; padding: 0 22px; height: 40px; line-height: 40px; font-size: 16px; display: block; max-width: 220px; text-align: center; margin: 20px auto; }
    #dbrOverviewWeb .dbrJSBanner .btns a:last-child { margin-right: auto; }
    #dbrOverviewWeb .dbrJSBanner .bannerImg { display: block; width: 280px; height: 172px; position: relative; top: 12px; margin: 0 auto; }
    #dbrOverviewWeb .dbrJSBanner .bannerImg .artwork { display: none; }
    #dbrOverviewWeb .dbrJSBanner .whitePlayBtn { width: 60px; height: 60px; padding: 0; }
    #dbrOverviewWeb .dbrJSBanner .whitePlayBtn::after { border-top-width: 15px; border-bottom-width: 15px; border-left-width: 25px; }
    /*.dbrVideo .switchIcons .switchCircle.on:after { display: none; left: 97px; }*/
}

@media (max-width: 572px) {

    /* Spanish swiper */
    .basicSwiper.ESSwiper .index-swiper-container { height: auto; }

    .whyDBR { margin-top: 0px; }

    .whyDBR .row { height: 910px; }

    /* Spanish why */
    .whyDBR.ESDBR .row { height: 960px; }

    .whyDBR .rightSection { align-items: flex-end; }

    .whyDBR .rightSection .featuresList { height: 660px; width: 100%; }

    .whyDBR .rightSection .featuresList ul { padding: 35px 70px; }

    .whyDBR .leftSection { padding: 0; margin-top: 40px; }

    .whyDBR .leftSection .leftContent .whyDesc { width: 100%; }

    .whyDBR .leftSection .leftContent .whyDesc { margin-bottom: 30px; }

    .whyDBR .leftSection .leftContent i.icon-ISO { display: none; }

    .basicFeature .featureMain { margin-bottom: 0px; }

    #BarcodeReaderOverview .basicPowerful p:last-child { padding: 0 30px; text-align: start; }

    .icon-arrow-right { width: 18px; right: -10px; }

    .icon-arrow-left { width: 18px; left: -10px; }

    .action-button { font-size: 16px; }

    .dbr-overview .basicBanner { height: auto; padding: 20px 5px 20px; }

    .dbr-overview .basicBanner a { font-size: 14px; }

    .basicSwiper .swiper-slide { height: auto !important; }
    /*    .basicSwiper .swiper-slide .index-link {
        height: 100%;
        display: inline-block;
    }*/
    .slide-block { min-height: 300px; display: block; }

    .basicSwiper.dbrOverviewSwiper { padding: 0px; }

    .basicSwiper .swiper-slide { height: 100% !important; vertical-align: middle; display: table-cell; float: none; }

    .dbrOverviewSwiper .swiper-wrapper { display: table; height: auto !important; }

    .basicPowerful { margin-top: 100px; padding: 50px 3px; height: auto; font-size: 14px; line-height: 20px; }

    .basicPowerful p.disc { line-height: 18px; font-size: 14px; }

    .dbrVideo .strengthLine { padding: 0 20px }

    .dbrVideo .strengthLine .strengthImg { width: 100%; }

    .dbrVideo .strengthLine .disc { width: 100%; }

    #dbrOverviewMobile .actionLeft p.badge .btnDownload { }

    #dbrOverviewMobile .actionLeft span.actionText { width: 100%; max-width: 100%; margin-top: 10px; }

    #dbrOverviewWeb .dbrOverviewAction .actionLeft a:last-child { margin: 20px 0 0 0; }

    #dbrOverviewWeb .featuresContainer { height: auto; }

    .contentHeader { padding: 10px 20px; }

    .contentHeader p:first-of-type { width: 100% !important; }

    #dbrOverviewWeb .contentHeader a { width: 220px !important; }

    #dbrOverviewWeb .basicReliable .functionBox { height: auto; }

    .dbrWebFeatures h3 { width: 92%; margin: 0 auto; }

    #dbrOverviewWeb .featuresContainer .featureItem { padding: 60px 20px; margin: 0; }

    #dbrOverviewWeb .featuresContainer .featureItem span.icon { left: 20px; }

    #dbrOverviewWeb .featuresContainer .featureItem h3 { font-size: 20px; }


    .dbrOverviewSymbology { padding: 0; margin: 0 !important; }

    .dbrOverviewSymbology h2 { margin: 40px auto; }

    .dbrOverviewReliable { margin-top: 10px !important; }

    .basicReliable .functionBox .icon, .basicReliable .functionBox .icon i { width: 70px; height: 70px; }

    .dbrOverviewOther .h2 { font-size: 30px; }

    #dbrOverviewMobile .basicBanner { padding: 10px 0; }

    #dbrOverviewMobile .basicBanner h1 { font-size: 24px !important; }
    .dbrOverviewMobile .dbrOverviewBanner p { font-size: 18px; }

    #dbrOverviewMobile.dbrOverviewOther .basicReliable .functionList { margin-top: 20px; }

    #dbrOverviewMobile.dbrOverviewOther .basicReliable .functionBox { padding: 0 20px; height: auto; }

    #dbrOverviewMobile .dbrOverviewPlatform { margin: 30px 0 0 0; padding: 10px 0 0 0; }

    .actionLeft i { width: 160px; }

    #dbrOverviewMobile .dbrOverviewFeatures { margin: 10px 0 0 0; }

    #dbrOverviewMobile .dbrOverviewFeatures h2 { font-size: 24px !important; width: 100%; margin: 30px 0; }

    #dbrOverviewMobile .dbrOverviewFeatures table tr td { display: block; width: 100%; }

    #dbrOverviewMobile .basicFeature .featureBox .featureBoxBottom { height: 300px; }

    /* footer no login */
    .dbrOverviewDownload .no-login-footer .row .registerForm { padding: 30px; }
    .dbrOverviewDownload .no-login-footer .row .registerForm .basicForm .submit .d-btn { max-width: 100%; padding: 0 10px; }
}


@media (min-width: 768px) {
    .dbrVideo .switchIcons .switchCircle:nth-child(2) { width: fit-content; padding: 0 20px; }
}

@media (min-width: 992px) {
    .alert-primary.countryAlert .container { max-width: calc(100% - 40px); }
}


@media (min-width: 1200px) {

    /* Spanish why */
    .whyDBR.ESDBR .leftSection { padding: 100px 90px; }

    .dbrOverviewPowerful.basicPowerful { height: 538px; }

    .basicPowerful .powerfulLeft { padding-top: 30px; }

    .alert-primary.countryAlert .container { max-width: calc(100% - 100px); }
}

@media (min-width: 1680px) {
    .dbrOverviewPowerful.basicPowerful { height: 558px; }


    .basicPowerful .powerfulLeft { padding-top: 80px; }

    .alert-primary.countryAlert .container { max-width: 1640px }
}

#cp-header .action-buttons { display: none !important; }


@media (max-width: 1360px) {
    .basicBanner h2, .basicBanner .h2 { font-size: 30px; width: 540px; }
}


@media (max-width: 1250px) {
    .basicBanner h2, .basicBanner .h2 { font-size: 28px; width: 500px; }
}


@media (max-width: 412px) {
    .dbrOverviewMobile .dbrOverviewAction p.barcode { display: flex; align-items: flex-start; }

    #dbrOverviewMobile .actionLeft span.actionText { padding: 0 0 !important; flex: 100% !important; margin-left: 20px; }
}