html {
font-size: 10px;
}
@media (max-width: 1679px) {
html {
font-size: 8px;
}
}
html, html body {
scroll-behavior: smooth;
}
html h2 {
line-height: 1.5;
}
@media (min-width: 1680px) {
html h2 {
font-size: 36px;
}
}
.f24 {
font-size: 24px !important;
line-height: 34px;
}
@media (max-width: 1679px) {
.f24 {
font-size: 20px !important;
line-height: 30px;
}
}
@media (max-width: 767px) {
.f24 {
font-size: 16px !important;
line-height: 26px;
}
}
.f18 {
font-size: 18px !important;
}
@media (max-width: 1679px) {
.f18 {
font-size: 16px !important;
}
}
span.icon {
position: relative;
}
span.icon i {
width: 75px;
height: 75px;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
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;
}
i.icon-trophy {
background: url(../../images/icons/dbr-desktop/icon-industry-leading-speed-1.svg) no-repeat center;
}
i.icon-large-volumes {
background: url(../../images/icons/dbr-desktop/icon-industry-leading-speed-2.svg) no-repeat center;
}
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;
}
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-challenging-barcodes {
background: url(../../images/icons/challenging-barcodes.svg) no-repeat center;
}
i.icon-fast-integration {
background: url(../../images/icons/fast-integration.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;
}
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;
}
i.german-red-cross.colored {
width: 13.2rem;
}
.icon-setting-browser {
background: url(../../images/icons/setting-browser.svg) no-repeat center center;
}
.icon-built-in-camera {
background: url(../../images/icons/built-in-camera.svg) no-repeat center center;
}
.icon-layout {
background: url(../../images/icons/layout.svg) no-repeat center center;
}
.icon-linear-qr {
background: url(../../images/icons/linear-qr-code.svg) no-repeat center center;
}
.icon-half-qr {
background: url(../../images/icons/half-qr.svg) no-repeat center center;
}
.icon-decode-video {
background: url(../../images/icons/decode-video.svg) no-repeat center center;
}
li.phone {
background: url(../../images/icons/dbr/Phone.svg) no-repeat center;
background-size: contain;
}
li.email {
background: url(../../images/icons/dbr/email.svg) no-repeat center;
background-size: contain;
}
li.live-chat {
background: url(../../images/icons/dbr/live-chat-circle.svg) no-repeat center;
background-size: contain;
}
li.screen-share {
background: url(../../images/icons/dbr/screen-share-meeting.svg) no-repeat center;
background-size: contain;
}
.customTooltip .arrow {
display: none;
}
.customTooltip .tooltip-inner {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
background-color: white;
font-family: OpenSans-Regular;
font-size: 18px;
padding: 28px;
width: fit-content;
max-width: 550px;
color: black;
opacity: 1;
border: 1px solid #EEEEEE;
}
.customTooltip .tooltip-inner p {
margin: 0;
}
.platformTooltip .arrow {
display: none;
}
.platformTooltip .tooltip-inner {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
background-color: white;
font-family: OpenSans-Regular;
font-size: 16px;
padding: 10px 15px;
width: fit-content;
color: black;
opacity: 1;
border: 1px solid #EEEEEE;
}
.platformTooltip .tooltip-inner p {
margin: 0;
}
.dbrOverviewOther .supportedSymbologies {
margin-bottom: 0;
}
.dbrOverviewOther .h2 {
font-size: 40px;
line-height: 1.5;
}
@media (max-width: 1199px) {
.dbrOverviewOther .h2 {
font-size: 32px;
}
}
@media (max-width: 575px) {
.dbrOverviewOther .h2 {
font-size: 22px;
}
}
@media (max-width: 575px) {
.dbrOverviewOther .btns-box {
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
}
.dbrOverviewOther .btns-box .d-btn {
height: auto;
line-height: initial;
padding: 10px 25px;
min-width: 180px;
text-align: center;
font-size: 18px;
}
.dbrOverviewOther .btns-box .d-btn:first-child {
margin-right: 60px;
}
@media (max-width: 575px) {
.dbrOverviewOther .btns-box .d-btn:first-child {
margin: 0 0 20px 0;
}
}
.dbrOverviewOther .btns-box .d-btn.border-btn {
padding: 7px 25px;
}
.dbrOverviewOther .btns-box .d-btn.card-hover:hover {
box-shadow: -10px 10px 0 0 #323234;
}
@media (min-width: 1200px) {
.dbrOverviewOther .basicBanner {
background: #323234;
height: 480px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .basicBanner {
height: auto;
padding: 20px 0 30px 0;
}
}
.dbrOverviewOther .basicBanner h2, .dbrOverviewOther .basicBanner .h2 {
width: 615px;
}
.dbrOverviewOther .basicBanner .intro {
width: 40%;
max-width: 600px;
}
@media (max-width: 1199px) {
.dbrOverviewOther .basicBanner .intro {
width: 55%;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .basicBanner .intro {
width: 100%;
}
}
@media (max-width: 575px) {
.dbrOverviewOther .basicBanner .d-btn-wrap {
--font-size: 16px;
}
}
.dbrOverviewOther .basicBanner .btns {
display: inline-grid;
grid-template-columns: auto auto;
grid-gap: 10px 40px;
}
@media (max-width: 1199px) {
.dbrOverviewOther .basicBanner .btns {
grid-gap: 10px 20px;
}
}
@media (max-width: 575px) {
.dbrOverviewOther .basicBanner .btns {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
.dbrOverviewOther .basicBanner .btns a {
margin: 0;
}
.dbrOverviewOther .basicBanner .bannerImg {
top: 28px;
gap: 20px;
align-items: center;
}
.dbrOverviewOther .basicBanner .bannerImg img {
object-fit: contain;
}
@media (min-width: 992px) {
.dbrOverviewOther .basicBanner .bannerImg {
display: flex;
top: 70px;
right: 0;
width: 424px;
height: 260px;
}
}
@media (min-width: 1200px) {
.dbrOverviewOther .basicBanner .bannerImg {
top: 70px;
right: 0;
width: 541px;
height: 332px;
}
}
@media (min-width: 1300px) {
.dbrOverviewOther .basicBanner .bannerImg {
top: 60px;
right: 0;
width: 565px;
height: 347px;
}
}
@media (min-width: 1680px) {
.dbrOverviewOther .basicBanner .bannerImg {
width: 620px;
height: 380px;
top: 50px;
}
}
.dbrOverviewOther .basicBanner .bannerImg .banner-swiper-button-prev, .dbrOverviewOther .basicBanner .bannerImg .banner-swiper-button-next {
transform: translateY(-55%);
cursor: pointer;
}
.dbrOverviewOther .whitePlayBtn {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 2px solid #fe8e14;
background: rgba(254, 142, 20, 0.2509803922);
}
.dbrOverviewOther .whitePlayBtn:after {
background-color: rgba(254, 142, 20, 0.4392156863);
border-left-color: #fe8e14;
}
.dbrOverviewOther .whitePlayBtn.orange {
width: 50%;
padding-bottom: 50%;
background: rgba(254, 142, 20, 0.4196078431);
}
.dbrOverviewOther .whitePlayBtn.orange:after {
border-top: 30px solid transparent;
border-left: 50px solid white;
border-bottom: 30px solid transparent;
}
@media (max-width: 1679px) {
.dbrOverviewOther .whitePlayBtn.orange:after {
border-top: 20px solid transparent;
border-left: 35px solid white;
border-bottom: 20px solid transparent;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther .dbrOverviewFeatures {
width: 100%;
max-width: 100%;
}
}
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent {
background: #323234;
padding: 0px 90px;
padding-bottom: 70px;
}
@media (max-width: 1679px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent {
padding: 0px 50px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent {
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent {
padding: 0;
}
}
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table {
position: relative;
top: -42px;
margin: 0 auto;
}
@media (max-width: 767px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table {
width: 100%;
margin: 40px 0;
top: 0px;
}
}
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td {
height: auto;
width: 381px;
vertical-align: top;
padding-right: 70px;
padding-bottom: 90px;
}
@media (max-width: 1679px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td {
height: 215px;
width: 381px;
vertical-align: top;
padding-right: 25px;
padding-bottom: 60px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td {
padding-bottom: 40px;
padding-left: 30px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td {
display: inline-block;
width: 50%;
height: auto;
}
}
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td:last-child {
padding-right: 0px;
}
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td .icon {
display: inline-block;
height: 80px;
width: 80px;
background-color: white;
border: 2px solid #323234;
}
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td p {
color: #FFFFFF;
font-size: 24px;
margin-top: 25px;
line-height: 34px;
}
@media (max-width: 1679px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td p {
font-size: 18px;
margin-top: 14px;
line-height: 25px;
}
}
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td p.title {
font-size: 20px;
line-height: 36px;
margin-top: 20px;
text-align: left;
}
@media (max-width: 1679px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td p.title {
font-size: 18px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td p.title {
font-size: 18px;
line-height: 34px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td p.title {
font-size: 16px;
line-height: 26px;
}
}
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td p.desc {
font-size: 16px;
line-height: 26px;
margin-top: 15px;
text-align: left;
}
@media (max-width: 1679px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td p.desc {
font-size: 14px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td p.desc {
font-size: 14px;
line-height: 24px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td p.desc {
font-size: 14px;
line-height: 24px;
margin-top: 10px;
}
}
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td .desc-list {
margin-top: 10px;
}
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td .desc-list li {
position: relative;
font-size: 16px;
line-height: 26px;
margin-bottom: 10px;
padding-left: 18px;
color: #F5F5F5;
}
@media (max-width: 1399px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td .desc-list li {
font-size: 14px;
line-height: 24px;
}
}
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td .desc-list li:last-child {
margin-bottom: 0;
}
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr td .desc-list li:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
top: 9px;
left: 0;
background: #AAAAAA;
}
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr:last-child td {
padding-bottom: 0;
}
@media (max-width: 1679px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr:last-child td {
padding-bottom: 0;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr:last-child td {
padding-bottom: 0;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .dbrOverviewFeatures .dbrFeaturesContent table tr:last-child td {
padding-bottom: 40px;
}
}
.dbrOverviewOther .dbrMobilePlatforms {
background: #000000;
height: auto;
}
@media (min-width: 992px) {
.dbrOverviewOther .dbrMobilePlatforms .container {
max-width: calc(100% - 40px);
}
}
@media (min-width: 1200px) {
.dbrOverviewOther .dbrMobilePlatforms .container {
max-width: calc(100% - 100px);
}
}
@media (min-width: 1680px) {
.dbrOverviewOther .dbrMobilePlatforms .container {
max-width: 1640px;
}
}
.dbrOverviewOther .dbrMobilePlatforms .platforms {
display: flex;
min-height: 80px;
align-items: center;
}
@media (max-width: 991px) {
.dbrOverviewOther .dbrMobilePlatforms .platforms {
display: block;
padding: 20px 0;
}
}
.dbrOverviewOther .dbrMobilePlatforms .platforms label {
vertical-align: top;
color: #FFFFFF;
font-size: 16px;
margin-bottom: 0;
margin-right: 90px;
}
@media (max-width: 1679px) {
.dbrOverviewOther .dbrMobilePlatforms .platforms label {
margin-right: 80px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther .dbrMobilePlatforms .platforms label {
margin-right: 45px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .dbrMobilePlatforms .platforms label {
margin-bottom: 15px;
}
}
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList {
display: inline-block;
margin: 0;
padding: 0;
}
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li {
display: inline-block;
margin-right: 60px;
}
@media (max-width: 1679px) {
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li {
margin-right: 40px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li {
margin-right: 30px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li {
margin-right: 20px;
}
}
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li:last-child {
margin-right: 0;
}
@media (max-width: 1679px) {
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li:last-child {
margin-right: 0;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li:last-child {
margin-right: 0;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li:last-child {
margin-right: 0;
}
}
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li img.hover {
display: none;
}
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li a:hover img.hover {
display: inline-block;
}
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li a:hover img.noHover {
display: none;
}
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li a:hover svg *[stroke="#AAA" i] {
stroke: #fe8e14;
}
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li a:hover svg *[fill="#AAA" i] {
fill: #fe8e14;
}
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li a:hover .changeAll {
fill: #FE8E14 !important;
stroke: #FE8E14 !important;
}
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li a:hover .onlyChangeStroke {
stroke: #FE8E14 !important;
}
.dbrOverviewOther .dbrMobilePlatforms .platforms .platformList li a:hover .onlyChangeFill {
fill: #FE8E14 !important;
}
.dbrOverviewOther .basicReliable .functionList .functionBox {
padding: 0px 39px 49px 60px;
height: 266px;
width: 516px;
max-width: 516px;
min-height: 270px;
}
@media (max-width: 1679px) {
.dbrOverviewOther .basicReliable .functionList .functionBox {
padding: 0px 19px 49px 40px;
min-height: 290px;
height: 286px;
width: 410px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther .basicReliable .functionList .functionBox {
width: 100%;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther .basicReliable .functionList .functionBox {
padding: 0px 19px 49px 20px;
height: 286px;
width: 446px;
}
.dbrOverviewOther .basicReliable .functionList .functionBox p {
min-height: 80px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .basicReliable .functionList .functionBox {
width: 100%;
height: auto;
padding: 0px 19px 20px 20px;
min-height: unset;
}
}
.dbrOverviewOther .basicReliable .functionList .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;
}
@media (max-width: 575px) {
.dbrOverviewOther .basicReliable .functionList .functionBox .icon {
width: 70px;
height: 70px;
}
}
.dbrOverviewOther .basicReliable .functionList .functionBox .icon i {
display: inline-block;
width: 80px;
height: 80px;
top: 50%;
background-size: unset !important;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 575px) {
.dbrOverviewOther .basicReliable .functionList .functionBox .icon i {
width: 70px;
height: 70px;
}
}
.dbrOverviewOther .basicReliable .functionList .functionBox .functionDescList {
font-size: 18px;
line-height: 24px;
margin-top: 24px;
min-height: 164px;
}
@media (max-width: 1679px) {
.dbrOverviewOther .basicReliable .functionList .functionBox .functionDescList {
font-size: 16px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther .basicReliable .functionList .functionBox .functionDescList {
min-height: 188px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .basicReliable .functionList .functionBox .functionDescList {
font-size: 14px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther .basicReliable .functionList .functionBox .functionDescList {
min-height: unset;
}
}
.dbrOverviewOther .basicReliable .functionList .functionBox .functionDescList li {
position: relative;
padding-left: 18px;
margin-bottom: 10px;
}
.dbrOverviewOther .basicReliable .functionList .functionBox .functionDescList li:last-child {
margin-bottom: 0;
}
.dbrOverviewOther .basicReliable .functionList .functionBox .functionDescList li:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
background: #AAAAAA;
left: 0;
top: 8px;
border-radius: 50%;
}
.dbrOverviewOther .basicReliable .functionList .functionBox a {
display: inline-block;
font-size: 18px;
line-height: 26px;
margin-top: 40px;
color: #323234;
position: relative;
}
.dbrOverviewOther .basicReliable .functionList .functionBox a i.play-icon {
width: 30px;
height: 30px;
display: inline-block;
border: 2px solid #FFFFFF;
vertical-align: middle;
border-radius: 50%;
background-color: #fe8e14;
margin-right: 12px;
position: relative;
}
@media (max-width: 575px) {
.dbrOverviewOther .basicReliable .functionList .functionBox a i.play-icon {
display: none;
}
}
.dbrOverviewOther .basicReliable .functionList .functionBox a i.play-icon::before {
content: "";
display: block;
position: absolute;
border-color: transparent transparent transparent white;
border-style: solid;
border-width: 5.5px 0 5.5px 9px;
top: 50%;
left: 50%;
transform: translate(-35%, -50%);
}
.dbrOverviewOther .basicReliable .functionList .functionBox a::after {
content: "";
position: absolute;
display: inline-block;
width: 14px;
height: 9px;
background: url(../../images/homepage/orange-arrow.svg) center no-repeat;
background-size: contain;
top: 50%;
right: 0;
transform: translate(calc(100% + 9px), -50%);
transition: all 0.2s ease;
}
.dbrOverviewOther .basicReliable .functionList .functionBox a:hover {
color: #fe8e14;
}
.dbrOverviewOther .basicReliable .functionList .functionBox a:hover::after {
transform: translate(calc(100% + 15px), -50%);
}
.dbrOverviewOther .basicReliable .functionList .functionBox a.orangeLink {
display: inline-block;
font-size: 18px;
line-height: 26px;
margin-top: 20px;
}
@media (max-width: 1199px) {
.dbrOverviewOther .basicReliable .functionList {
margin-top: 120px;
}
.dbrOverviewOther .basicReliable .functionList > div:last-child {
margin-top: 60px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther .basicReliable .functionList {
margin-top: 100px;
}
.dbrOverviewOther .basicReliable .functionList > div:nth-child(2) {
margin-top: 60px;
}
}
.dbrOverviewOther .basicReliable .reliableBtn {
height: auto;
line-height: initial;
padding: 10px 30px;
font-size: 20px;
margin-top: 60px;
}
.dbrOverviewOther .basicReliable .reliableBtn.card-hover:hover {
box-shadow: -10px 10px 0 0 #323234;
}
@media (max-width: 767px) {
.dbrOverviewOther .dbrOverviewAction .ptb80 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (max-width: 575px) {
.dbrOverviewOther .dbrOverviewAction .actionLeft i {
width: 160px;
}
}
.dbrOverviewOther .dbrOverviewAction .actionRight {
position: absolute;
right: 0px;
top: -50px;
}
@media (max-width: 1679px) {
.dbrOverviewOther .dbrOverviewAction .actionRight {
top: -50px;
}
}
.dbrOverviewOther .dbrOverviewAction .actionRight img {
display: inline-block;
width: 587px;
}
@media (max-width: 1679px) {
.dbrOverviewOther .dbrOverviewAction .actionRight img {
width: 497px;
}
}
.dbrOverviewOther .dbrOverviewAction .actionRight span.actionText {
display: inline-block;
width: calc(100% - 130px);
color: white;
}
.dbrOverviewOther .dbrOverviewAction .actionRight i.artwork {
height: 48px;
width: 37px;
display: inline-block;
position: absolute;
left: 50%;
transform: translateX(-50%);
margin-top: 20px;
}
.dbrOverviewOther .dbrOverviewDownload .no-login-footer .formTip {
font-size: 14px;
color: #CCCCCC;
}
.dbrOverviewOther .dbrOverviewDownload .no-login-footer .formTip a {
border: none;
background-color: transparent;
color: #fe8e14;
line-height: unset;
display: inline;
}
.dbrOverviewOther .dbrOverviewDownload .no-login-footer .formTip a:hover {
transform: none;
box-shadow: none;
}
@media (max-width: 1199px) {
.dbrOverviewOther .dbrOverviewDownload .no-login-footer .row img {
max-width: 85%;
}
.dbrOverviewOther .dbrOverviewDownload .no-login-footer .row > div:first-child p:last-child {
font-size: 32px;
line-height: 45px;
}
}
@media (max-width: 575px) {
.dbrOverviewOther .dbrOverviewDownload .no-login-footer .row .registerForm {
padding: 30px;
}
.dbrOverviewOther .dbrOverviewDownload .no-login-footer .row .registerForm .basicForm .submit .d-btn {
max-width: 100%;
padding: 0 10px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .basicCaseStudy {
display: none;
}
}
.dbrOverviewOther .basicCaseStudySwiper {
display: none;
}
@media (max-width: 991px) {
.dbrOverviewOther .basicCaseStudySwiper {
display: block;
}
}
.dbrOverviewOther .rt-tri::after {
content: "";
display: block;
position: absolute;
top: -1px;
right: -1px;
border-color: white white transparent transparent;
border-style: solid;
border-width: 65px 53px 65px 53px;
}
@media (max-width: 1399px) {
.dbrOverviewOther .rt-tri::after {
border-width: 45px 33px 45px 33px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .rt-tri::after {
display: none;
}
}
.dbrOverviewOther .quote-mark {
display: block;
position: absolute;
width: 95px;
height: 71px;
background: url(../../images/icons/icon-quote-mark-black.svg) no-repeat center;
background-size: contain;
left: 0;
top: -40px;
}
@media (max-width: 1199px) {
.dbrOverviewOther .quote-mark {
width: 70px;
height: 50px;
top: -30px;
}
}
.dbrOverviewOther .caseStudyQuote {
margin-top: 180px;
margin-bottom: 140px;
}
@media (max-width: 1679px) {
.dbrOverviewOther .caseStudyQuote {
margin-top: 160px;
margin-bottom: 120px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther .caseStudyQuote {
margin-top: 140px;
margin-bottom: 100px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .caseStudyQuote {
margin-top: 100px;
margin-bottom: 100px;
}
}
.dbrOverviewOther .caseStudyQuote .client-quote {
position: relative;
height: 280px;
width: 1644px;
max-width: 100%;
background-color: #f5f5f5;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 160px 0 100px;
}
.dbrOverviewOther .caseStudyQuote .client-quote .quote-mark {
left: 100px;
}
@media (max-width: 1399px) {
.dbrOverviewOther .caseStudyQuote .client-quote {
padding: 0 80px;
}
.dbrOverviewOther .caseStudyQuote .client-quote .quote-mark {
left: 80px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .caseStudyQuote .client-quote {
height: auto;
padding: 50px;
}
.dbrOverviewOther .caseStudyQuote .client-quote .quote-mark {
left: 50px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther .caseStudyQuote .client-quote {
padding: 30px;
}
.dbrOverviewOther .caseStudyQuote .client-quote .quote-mark {
left: 30px;
}
}
.dbrOverviewOther .caseStudyQuote .client-quote .quote-title {
position: absolute;
padding: 15px 23px;
color: white;
background-color: #285D6B;
top: 0;
transform: translateY(-50%);
left: 250px;
}
@media (max-width: 1199px) {
.dbrOverviewOther .caseStudyQuote .client-quote .quote-title {
left: 180px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .caseStudyQuote .client-quote .quote-title {
position: relative;
color: #323234;
padding: 0;
background-color: transparent;
left: 0;
transform: unset;
margin-bottom: 20px;
}
}
.dbrOverviewOther .caseStudyQuote .client-quote blockquote {
margin-right: 110px;
width: 70%;
position: relative;
margin-bottom: 0;
}
.dbrOverviewOther .caseStudyQuote .client-quote blockquote p {
font-size: 24px;
line-height: 40px;
}
.dbrOverviewOther .caseStudyQuote .client-quote blockquote cite {
display: inline-block;
font-size: 24px;
font-family: OpenSans-Semibold;
font-style: italic;
}
@media (max-width: 1679px) {
.dbrOverviewOther .caseStudyQuote .client-quote blockquote p {
line-height: 34px;
}
.dbrOverviewOther .caseStudyQuote .client-quote blockquote p, .dbrOverviewOther .caseStudyQuote .client-quote blockquote cite {
font-size: 22px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther .caseStudyQuote .client-quote blockquote {
margin-right: 80px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther .caseStudyQuote .client-quote blockquote {
margin-right: 25px;
}
.dbrOverviewOther .caseStudyQuote .client-quote blockquote p {
line-height: 30px;
}
.dbrOverviewOther .caseStudyQuote .client-quote blockquote p, .dbrOverviewOther .caseStudyQuote .client-quote blockquote cite {
font-size: 20px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther .caseStudyQuote .client-quote blockquote p, .dbrOverviewOther .caseStudyQuote .client-quote blockquote cite {
font-size: 18px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther .caseStudyQuote .client-quote blockquote {
width: 100%;
margin: 0;
}
}
.dbrOverviewOther .caseStudyQuote .client-quote .case-study {
flex: 1;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.dbrOverviewOther .caseStudyQuote .client-quote .case-study img {
max-width: 100%;
object-fit: contain;
object-position: center;
}
.dbrOverviewOther .caseStudyQuote .client-quote .case-study .d-btn {
padding: 0px 50px;
margin-top: 30px;
line-height: 44px;
height: 48px;
font-size: 18px;
border-width: 2px;
}
@media (max-width: 1199px) {
.dbrOverviewOther .caseStudyQuote .client-quote .case-study .d-btn {
font-size: 18px;
padding: 0px 25px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther .caseStudyQuote .client-quote .case-study {
flex-direction: row;
}
.dbrOverviewOther .caseStudyQuote .client-quote .case-study img {
margin: 15px 15px 0 0;
}
.dbrOverviewOther .caseStudyQuote .client-quote .case-study .d-btn {
margin: 15px 0 0 0;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewWeb .basicBanner {
height: 380px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewWeb .basicBanner {
height: auto;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewWeb .basicBanner {
text-align: center;
}
}
.dbrOverviewOther#dbrOverviewWeb .basicBanner .intro {
width: 630px;
max-width: 100%;
line-height: 1.5;
font-size: 24px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewWeb .basicBanner .intro {
width: 540px;
font-size: 22px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewWeb .basicBanner .intro {
width: 470px;
font-size: 20px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewWeb .basicBanner .intro {
width: 420px;
font-size: 18px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewWeb .basicBanner .intro {
width: 100%;
}
}
.dbrOverviewOther#dbrOverviewWeb .basicBanner .downloadBtn {
padding: 0px 40px;
height: 56px;
line-height: 48px;
font-size: 24px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewWeb .basicBanner .downloadBtn {
padding: 0px 40px;
height: 56px;
line-height: 48px;
font-size: 22px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewWeb .basicBanner .downloadBtn {
padding: 0px 40px;
height: 56px;
line-height: 48px;
font-size: 20px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewWeb .basicBanner .downloadBtn {
padding: 0px 40px;
height: 56px;
line-height: 48px;
font-size: 20px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewWeb .basicBanner .downloadBtn {
padding: 0px 20px;
height: 56px;
line-height: 52px;
font-size: 18px;
text-align: center;
}
}
.dbrOverviewOther#dbrOverviewWeb .basicBanner .bannerImg {
width: 748px;
height: 385px;
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewWeb .basicBanner .bannerImg {
height: auto;
width: 600px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewWeb .basicBanner .bannerImg {
height: auto;
width: 500px;
}
}
.dbrOverviewOther#dbrOverviewWeb .basicBanner .bannerImg video {
max-width: 100%;
object-fit: contain;
height: initial;
}
.dbrOverviewOther#dbrOverviewWeb .basicBanner .bannerImg .bannerSwiper .swiper-wrapper img {
width: 100%;
height: 100%;
}
.dbrOverviewOther#dbrOverviewWeb .basicBanner .bannerImg .bannerSwiper .swiper-pagination {
text-align: center;
margin-top: 10px;
}
.dbrOverviewOther#dbrOverviewWeb .basicBanner .bannerImg .bannerSwiper .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #848484;
border: 0;
}
.dbrOverviewOther#dbrOverviewWeb .basicBanner .bannerImg .bannerSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #FFFFFF;
}
.dbrOverviewOther#dbrOverviewWeb .basicReliable .functionList .functionBox {
margin: 0 0;
height: auto;
padding: 0 80px 30px 60px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewWeb .basicReliable .functionList .functionBox {
height: auto;
padding: 0 20px 30px 40px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewWeb .basicReliable .functionList .functionBox {
margin: 0 0 !important;
float: none !important;
}
}
@media (max-width: 575px) {
.dbrOverviewOther#dbrOverviewWeb .basicReliable .functionList .functionBox {
height: auto;
}
}
.dbrOverviewOther#dbrOverviewWeb .basicReliable .functionList > div:nth-child(2) .functionBox {
margin: 0 auto;
}
.dbrOverviewOther#dbrOverviewWeb .basicReliable .functionList > div:nth-child(3) .functionBox {
float: right;
}
.dbrOverviewOther#dbrOverviewWeb .basicCaseStudy .caseStudyList {
grid-gap: 70px;
grid-template-columns: minmax(50px, 165px) 20.7em 21em 10.6em 17em 17.1em;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewWeb .basicCaseStudy .caseStudyList {
font-size: 7px;
}
.dbrOverviewOther#dbrOverviewWeb .basicCaseStudy .caseStudyList p {
font-size: 16px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewWeb .basicCaseStudy .caseStudyList {
grid-gap: 40px;
font-size: 6px;
}
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent {
padding-left: 152px;
padding-right: 142px;
padding-bottom: 0;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent {
padding-left: 90px;
padding-right: 90px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent {
padding-left: 40px;
padding-right: 40px;
}
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent .icon {
width: 74px;
height: 74px;
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent .icon i.icon-img {
height: 100%;
width: 100%;
display: inline-block;
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table {
width: 100%;
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td {
height: auto;
width: 451px;
vertical-align: top;
padding-bottom: 55px;
padding-right: 20px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td {
width: 400px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td {
width: 36%;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td {
width: 33%;
height: auto;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td {
padding-left: 0px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td {
display: block;
height: auto;
width: 100%;
padding-bottom: 40px;
padding-left: 0px;
}
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td:first-child {
padding-right: 160px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td:first-child {
padding-right: 90px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td:first-child {
padding-right: 60px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td:first-child {
padding-right: 20px;
}
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(2) {
padding-right: 160px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(2) {
padding-right: 100px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(2) {
padding-right: 60px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(2) {
padding-right: 20px;
}
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) {
width: 355px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) {
width: 300px;
padding-right: 0;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) {
width: 28%;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) {
padding-right: 0px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) {
width: 100%;
}
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr:first-child td:nth-child(1) .icon i {
background: url(../../images/icons/dbr-js/all-in-one.svg) no-repeat center;
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr:first-child td:nth-child(2) .icon i {
background: url(../../images/icons/dbr-js/auto-zoom.svg) no-repeat center;
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr:first-child td:nth-child(3) .icon i {
background: url(../../images/icons/dbr-js/effortless.svg) no-repeat center;
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td {
padding-bottom: 0;
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td {
padding-bottom: 40px;
}
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(1) .icon i {
background: url(../../images/icons/dbr-js/data-matrix.svg) no-repeat center;
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(2) .icon i {
background: url(../../images/icons/dbr-js/secure.svg) no-repeat center;
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(3) {
height: 155px;
}
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(3) .icon i {
background: url(../../images/icons/dbr-desktop/icon-batch-barcode.svg) no-repeat center;
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewWeb .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(3) {
height: auto;
width: 100%;
}
}
.dbrOverviewOther#dbrOverviewWeb .supportedIntroduction {
margin-top: 40px;
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewDesktop .basicBanner {
text-align: center;
}
}
.dbrOverviewOther#dbrOverviewDesktop .basicBanner .bannerImg {
width: 620px;
height: 420px;
}
@media (min-width: 1680px) {
.dbrOverviewOther#dbrOverviewDesktop .basicBanner .bannerImg {
right: 160px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewDesktop .basicBanner .bannerImg {
width: 565px;
height: 367px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewDesktop .basicBanner .bannerImg {
width: 424px;
height: 280px;
}
}
.dbrOverviewOther#dbrOverviewDesktop .basicBanner .bannerImg .bannerSwiper {
width: 100%;
height: 100%;
}
.dbrOverviewOther#dbrOverviewDesktop .basicBanner .bannerImg .bannerSwiper .swiper-wrapper {
height: 380px;
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewDesktop .basicBanner .bannerImg .bannerSwiper .swiper-wrapper {
height: 347px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewDesktop .basicBanner .bannerImg .bannerSwiper .swiper-wrapper {
height: 260px;
}
}
.dbrOverviewOther#dbrOverviewDesktop .basicBanner .bannerImg .bannerSwiper .swiper-wrapper .swiper-slide {
background: #272525;
}
.dbrOverviewOther#dbrOverviewDesktop .basicBanner .bannerImg .bannerSwiper .swiper-wrapper img {
width: 100%;
height: 100%;
}
.dbrOverviewOther#dbrOverviewDesktop .basicBanner .bannerImg .bannerSwiper .swiper-pagination {
text-align: center;
margin-top: 10px;
}
.dbrOverviewOther#dbrOverviewDesktop .basicBanner .bannerImg .bannerSwiper .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #000000;
border: 0;
}
.dbrOverviewOther#dbrOverviewDesktop .basicBanner .bannerImg .bannerSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #AAAAAA;
}
.dbrOverviewOther#dbrOverviewDesktop .feature-list {
display: grid;
grid-gap: 35px;
grid-template-columns: repeat(3, 516px);
justify-content: center;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewDesktop .feature-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewDesktop .feature-list {
grid-gap: 60px 25px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewDesktop .feature-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewDesktop .feature-list {
grid-template-columns: 1fr;
grid-gap: 80px;
}
}
.dbrOverviewOther#dbrOverviewDesktop .feature-list .feature-box {
background-color: #f5f5f5;
padding: 70px 65px 20px 70px;
position: relative;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewDesktop .feature-list .feature-box {
padding: 60px 30px 20px 30px;
}
}
.dbrOverviewOther#dbrOverviewDesktop .feature-list .feature-box .icon {
display: block;
width: 80px;
height: 80px;
border: 2px solid #323233;
background-color: white;
top: 0;
position: absolute;
transform: translateY(-50%);
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewDesktop .feature-list .feature-box .icon {
width: 70px;
height: 70px;
}
}
.dbrOverviewOther#dbrOverviewDesktop .feature-list .feature-box .title {
font-size: 30px;
line-height: 40px;
font-family: "Oswald-Regular";
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewDesktop .feature-list .feature-box .title {
font-size: 26px;
line-height: 1.5;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewDesktop .feature-list .feature-box .title {
font-size: 20px;
}
}
.dbrOverviewOther#dbrOverviewDesktop .basicReliable .functionList .functionBox {
padding: 0px 39px 49px 50px;
min-height: 305px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewDesktop .basicReliable .functionList .functionBox {
padding: 0px 39px 49px 40px;
height: 330px;
min-height: 330px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewDesktop .basicReliable .functionList .functionBox {
height: 286px;
width: 100%;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewDesktop .basicReliable .functionList .functionBox {
min-height: unset;
height: auto;
}
}
@media (max-width: 575px) {
.dbrOverviewOther#dbrOverviewDesktop .basicReliable .functionList .functionBox {
padding: 20px;
}
}
.dbrOverviewOther#dbrOverviewDesktop .basicReliable .functionList i {
display: inline-block;
}
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent {
padding-bottom: 40px;
}
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent i.icon-img {
height: 75px;
width: 75px;
display: inline-block;
}
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr td {
height: 205px;
width: 451px;
vertical-align: top;
padding-bottom: 55px;
padding-right: 20px;
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr td {
width: 33%;
height: auto;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr td {
display: block;
height: auto;
width: 100%;
padding-bottom: 40px;
padding-left: 30px;
}
}
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr td:first-child {
padding-right: 110px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr td:first-child {
padding-right: 65px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr td:first-child {
padding-right: 20px;
}
}
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(2) {
padding-right: 130px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(2) {
padding-right: 100px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(2) {
padding-right: 20px;
}
}
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) {
width: 355px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) {
width: 355px;
padding-right: 0;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) {
width: 451px;
padding-right: 20px;
}
}
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr:first-child td:nth-child(1) .icon i {
background: url(../../images/icons/dbr-desktop/icon-batch-barcode.svg) no-repeat center;
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr:first-child td:nth-child(1) {
padding-left: 30px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr:first-child td:nth-child(1) {
width: 100%;
padding: 0px;
padding-left: 30px;
padding-bottom: 40px;
}
}
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr:first-child td:nth-child(2) .icon i {
background: url(../../images/icons/cloud-data-transfer.png) no-repeat center;
}
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr:first-child td:nth-child(3) .icon i {
background: url(../../images/icons/dbr-desktop/icon-error-info.svg) no-repeat center;
}
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td {
padding-bottom: 0;
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td {
padding-bottom: 40px;
}
}
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(1) .icon i {
background: url(../../images/icons/dbr-desktop/icon-image-processing.svg) no-repeat center;
}
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(2) .icon i {
background: url(../../images/icons/dbr-desktop/icon-comfiguration.svg) no-repeat center;
}
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(3) {
height: 155px;
}
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(3) .icon i {
background: url(../../images/icons/dbr-desktop/icon-text-filtering.svg) no-repeat center;
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewDesktop .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(3) {
height: auto;
width: 100%;
}
}
.dbrOverviewOther#dbrOverviewDesktop .basicCaseStudy .caseStudyList {
grid-template-columns: auto 14em 11.9em 11em 11.9em 10.4em 14.9em 21.3em 16.1em;
grid-gap: 0;
justify-content: space-between;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewDesktop .basicCaseStudy .caseStudyList {
font-size: 7px;
}
.dbrOverviewOther#dbrOverviewDesktop .basicCaseStudy .caseStudyList p {
font-size: 16px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewDesktop .basicCaseStudy .caseStudyList {
font-size: 6px;
}
}
.dbrOverviewOther#dbrOverviewDesktop .no-login-footer .row > div:first-child img {
width: auto;
}
.dbrOverviewOther#dbrOverviewDesktop .caseStudyQuote .client-quote {
height: 340px;
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewDesktop .caseStudyQuote .client-quote {
height: auto;
}
}
.dbrOverviewOther#dbrOverviewDesktop .customers-stories {
gap: 30px 50px;
}
.dbrOverviewOther#dbrOverviewDesktop .supportedIntroduction {
margin-top: 40px;
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewMobile .basicBanner {
height: 400px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .basicBanner {
height: auto;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewMobile .basicBanner {
text-align: center;
}
}
.dbrOverviewOther#dbrOverviewMobile .basicBanner .intro {
width: 600px;
max-width: 100%;
line-height: 1.5;
font-size: 24px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewMobile .basicBanner .intro {
width: 540px;
font-size: 22px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewMobile .basicBanner .intro {
width: 470px;
font-size: 20px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewMobile .basicBanner .intro {
width: 400px;
font-size: 18px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .basicBanner .intro {
width: 100%;
}
}
@media (max-width: 575px) {
.dbrOverviewOther#dbrOverviewMobile .basicBanner .intro {
font-size: 16px;
}
}
.dbrOverviewOther#dbrOverviewMobile .basicBanner .downloadBtn {
padding: 0px 40px;
height: 56px;
line-height: 48px;
font-size: 24px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewMobile .basicBanner .downloadBtn {
padding: 0px 40px;
height: 56px;
line-height: 48px;
font-size: 22px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewMobile .basicBanner .downloadBtn {
padding: 0px 40px;
height: 56px;
line-height: 48px;
font-size: 20px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewMobile .basicBanner .downloadBtn {
padding: 0px 40px;
height: 56px;
line-height: 48px;
font-size: 20px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewMobile .basicBanner .downloadBtn {
padding: 0px 20px;
height: 56px;
line-height: 52px;
font-size: 18px;
text-align: center;
}
}
.dbrOverviewOther#dbrOverviewMobile .basicBanner .bannerImg {
width: 748px;
height: 385px;
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewMobile .basicBanner .bannerImg {
height: auto;
width: 600px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewMobile .basicBanner .bannerImg {
height: auto;
width: 500px;
}
}
.dbrOverviewOther#dbrOverviewMobile .basicBanner .bannerImg video {
max-width: 100%;
object-fit: contain;
height: initial;
}
.dbrOverviewOther#dbrOverviewMobile .basicBanner .bannerImg .bannerSwiper .swiper-wrapper img {
width: 100%;
height: 100%;
}
.dbrOverviewOther#dbrOverviewMobile .basicBanner .bannerImg .bannerSwiper .swiper-pagination {
text-align: center;
margin-top: 10px;
}
.dbrOverviewOther#dbrOverviewMobile .basicBanner .bannerImg .bannerSwiper .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #848484;
border: 0;
}
.dbrOverviewOther#dbrOverviewMobile .basicBanner .bannerImg .bannerSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #FFFFFF;
}
.dbrOverviewOther#dbrOverviewMobile .basicReliable .functionList .functionBox {
height: 336px;
padding: 0px 33px 46px 40px;
min-height: 270px;
margin: 0 0;
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewMobile .basicReliable .functionList .functionBox {
margin: 0 0 !important;
float: none !important;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewMobile .basicReliable .functionList .functionBox {
min-height: unset;
height: auto;
}
}
@media (max-width: 575px) {
.dbrOverviewOther#dbrOverviewMobile .basicReliable .functionList .functionBox {
padding: 20px;
}
}
.dbrOverviewOther#dbrOverviewMobile .basicReliable .functionList > div:nth-child(2) .functionBox {
margin: 0 auto;
}
.dbrOverviewOther#dbrOverviewMobile .basicReliable .functionList > div:nth-child(3) .functionBox {
float: right;
}
@media (max-width: 575px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures {
margin: 10px 0 0 0;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures h2 {
font-size: 24px !important;
width: 100%;
margin: 30px 0;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent {
margin: 20px 0;
padding: 10px;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent p {
padding: 0 0;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent i.icon-img {
height: 75px;
width: 75px;
display: inline-block;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table {
margin: auto;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td {
width: 480px;
height: auto;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td {
width: 380px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td {
width: 320px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td {
width: 270px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td {
width: 100%;
padding: 0 0 20px 0;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td p {
font-size: 14px !important;
width: 90%;
margin: 0 auto;
}
}
@media (max-width: 575px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td {
display: block;
width: 100%;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td .icon i {
background: url(../../images/icons/dbr-overview-features.png) no-repeat center;
height: 75px;
width: 75px;
display: inline-block;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(1) p {
width: 240px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(1) p {
width: 240px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(1) p {
width: 100%;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(2) p {
width: 300px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(2) p {
width: 300px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(2) p {
width: 100%;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) {
width: 305px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) {
width: 270px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) {
width: 270px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) {
width: 100%;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) p {
width: 100%;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) p {
width: 100%;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr td:nth-child(3) p {
width: 100%;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:first-child td:nth-child(1) .icon i {
background: url("../../images/icons/dbr mobile/icon-barcodes.svg") no-repeat center;
background-size: 40px;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:first-child td:nth-child(2) .icon i {
background: url("../../images/icons/dbr mobile/icon-cloud-platforms.svg") no-repeat center;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:first-child td:nth-child(3) .icon i {
background: url(../../images/icons/shipment-barcode.png) no-repeat center;
background-size: 37px 37px;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(1) .icon i {
background: url("../../images/icons/dbr mobile/icon-scan-from-video.svg") no-repeat center;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(1) p {
width: 300px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(1) p {
width: 250px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(1) p {
width: 100%;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(2) .icon i {
background: url(../../images/icons/rotate-angle.png) no-repeat center;
background-size: 29px 29px;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(2) p {
width: 220px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(2) p {
width: 220px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(2) p {
width: 100%;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(3) .icon i {
background: url("../../images/icons/dbr mobile/icon-no-quiet-zone.svg") no-repeat center;
background-size: 42px;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(3) p {
width: 220px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(3) p {
width: 220px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewFeatures .dbrFeaturesContent table tr:nth-child(2) td:nth-child(3) p {
width: 100%;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft {
display: inline-block;
width: 655px;
margin-left: 50px;
padding: 80px 0;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft {
display: inline-block;
width: 650px;
margin-left: 50px;
padding: 80px 0;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft {
display: inline-block;
right: 10px;
width: 524px;
margin-left: 0px;
padding: 80px 0;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft {
display: inline-block;
width: 100%;
margin-left: 0px;
padding: 80px 0 40px 0;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft {
display: inline-block;
width: 100%;
margin-left: 0px;
padding: 80px 0 40px 0;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft i.app-store-badge {
background: url(../../images/icons/apple-store.svg) no-repeat center;
background-size: contain;
height: 46px;
width: 140px;
display: inline-block;
margin-right: 45px;
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft i.app-store-badge {
margin-right: 10px;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft i.google-play-badge {
background: url(../../images/icons/Google-play.svg) no-repeat center;
background-size: contain;
height: 46px;
width: 160px;
display: inline-block;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft .notice {
position: relative;
display: inline-block;
width: 274px;
background: #FE7914;
color: #FFFFFF;
font-size: 12px;
line-height: 18px;
padding: 7px 13px;
vertical-align: top;
margin-left: 15px;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft .notice:before {
content: "";
position: absolute;
left: -11px;
top: 17px;
display: inline-block;
width: 0;
height: 0;
border-top: 8.5px solid transparent;
border-bottom: 8.5px solid transparent;
border-right: 11px solid #FE7914;
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft .notice:before {
top: -13px;
right: 20px;
left: auto;
transform: rotate(90deg);
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft .notice:before {
left: -11px;
top: 17px;
right: auto;
transform: rotate(0);
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft .notice:before {
top: -13px;
right: 20px;
left: auto;
transform: rotate(90deg);
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft .notice {
margin-top: 13px;
margin-left: 34px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft .notice {
margin-top: 0;
margin-left: 15px;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft .notice {
margin-top: 13px;
margin-left: 34px;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft .btnDownload {
display: inline-block;
margin-top: 45px;
vertical-align: top;
line-height: 26px;
font-size: 18px;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft p {
margin-top: 16px;
margin-bottom: 40px;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft p {
font-size: 18px;
line-height: 26px;
width: 100%;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft p {
font-size: 16px;
line-height: 24px;
width: 100%;
}
}
@media (max-width: 767px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionLeft p br {
display: none;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight {
display: inline-block;
max-width: 100%;
width: 460px;
height: 330px;
position: static;
margin-left: 185px;
vertical-align: bottom;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight {
position: absolute;
right: 0px;
display: inline-block;
width: 460px;
height: 330px;
position: static;
margin-left: 125px;
vertical-align: bottom;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight img {
width: 278px;
margin-top: -17px;
}
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight {
margin-left: 40px;
width: 350px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight {
width: 350px;
height: 330px;
}
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight {
display: block;
margin: 0 auto;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight .phoneStyleDiv {
position: relative;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.2);
border-top-left-radius: 60px;
border-top-right-radius: 60px;
padding: 96px 70px 0;
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight .phoneStyleDiv {
border-top-left-radius: 50px;
border-top-right-radius: 50px;
padding: 86px 20px 0;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight .phoneStyleDiv:before {
content: "";
width: 174px;
height: 10px;
background: #FE8E14;
border-radius: 5px;
position: absolute;
top: 27px;
left: 144px;
}
@media (max-width: 1399px) {
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight .phoneStyleDiv:before {
left: 94px;
}
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight .phoneStyleDiv > p {
font-size: 16px;
line-height: 24px;
text-align: center;
color: #FFFFFF;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight .barcodeList {
display: flex;
justify-content: center;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight .barcodeList .barcode {
margin: 24px 25px 0;
/*@include max-media (xxl) {
margin: 24px 25px 0;
}
@include max-media(xl) {
margin: 24px 25px 0;
}*/
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight .barcodeList .barcode img {
width: 88px;
height: 88px;
margin-top: 0;
}
.dbrOverviewOther#dbrOverviewMobile .dbrOverviewAction .actionRight .barcodeList .barcode p {
color: #FFFFFF;
text-align: center;
margin-top: 10px;
/*
@include max-media (xxl) {
color: #FFFFFF;
text-align: center;
margin-top: 10px;
}
@include max-media(xl) {
color: #FFFFFF;
text-align: center;
margin-top: 10px;
}*/
}
.dbrOverviewOther#dbrOverviewMobile .basicCaseStudy .caseStudyList {
grid-template-columns: auto 18.4em 6.7em 18.1em 13.6em 19.2em 12em;
grid-gap: 0;
justify-content: space-between;
}
@media (max-width: 1679px) {
.dbrOverviewOther#dbrOverviewMobile .basicCaseStudy .caseStudyList {
font-size: 7px;
}
}
@media (max-width: 1199px) {
.dbrOverviewOther#dbrOverviewMobile .basicCaseStudy .caseStudyList {
font-size: 6px;
}
}
.dbrOverviewOther#dbrOverviewMobile .no-login-footer .row > div:first-child img {
width: auto;
}
.dbrOverviewOther#dbrOverviewMobile .caseStudyQuote .client-quote {
height: 360px;
}
@media (max-width: 991px) {
.dbrOverviewOther#dbrOverviewMobile .caseStudyQuote .client-quote {
height: auto;
}
}
.dbrOverviewOther#dbrOverviewMobile .supportedIntroduction {
margin-top: 80px;
}
.dbrOverviewOther#dbrOverviewMobile .supportedIntroduction {
margin-top: 40px;
}
.dbrBarcodes {
height: auto;
width: 100%;
padding: 70px 0;
background-color: #323234;
}
.dbrBarcodes .barcodeContainer {
height: 100%;
grid-gap: 84px;
width: 100%;
margin: 60px auto 0 auto;
padding: 0 80px;
max-width: 1920px;
display: grid;
grid-template-columns: repeat(6, 192px) 106px;
}
.dbrBarcodes .barcodeContainer a {
color: white;
font-size: 18px;
}
.dbrBarcodes .barcodeContainer a:last-child {
padding-top: 50px;
}
.dbrBarcodes .barcodeContainer a:hover {
color: #fe8e14;
}
.dbrBarcodes .barcodeContainer img {
height: 126px;
width: 100%;
object-fit: cover;
}
.dbrBarcodes .barcodeContainer p {
margin: 18px 0 0 0;
font-size: 16px;
line-height: 22px;
}
@media (max-width: 1920px) {
.dbrBarcodes .barcodeContainer {
grid-gap: 0;
justify-content: space-between;
}
}
@media (max-width: 1679px) {
.dbrBarcodes .barcodeContainer {
grid-template-columns: repeat(6, 170px) 106px;
}
}
@media (max-width: 1399px) {
.dbrBarcodes {
height: auto;
padding: 40px 0 20px 0;
}
.dbrBarcodes .barcodeContainer {
grid-template-columns: repeat(5, 170px);
grid-gap: 20px;
}
}
@media (max-width: 1199px) {
.dbrBarcodes .barcodeContainer {
grid-template-columns: repeat(auto-fit, 180px);
grid-gap: 20px;
margin-top: 40px;
}
}
@media (max-width: 991px) {
.dbrBarcodes .barcodeContainer {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 767px) {
.dbrBarcodes .barcodeContainer {
grid-template-columns: repeat(2, 1fr);
padding: 0 30px;
}
.dbrBarcodes .barcodeContainer a:last-child {
padding: 0;
}
}
.dbr-code-gallery {
scroll-margin-top: 45vh;
}
.dbr-code-gallery > p {
margin-bottom: 0;
}
.dbr-code-gallery > div {
display: flex;
justify-content: center;
gap: 30px 70px;
flex-wrap: wrap;
}
@media (max-width: 1679px) {
.dbr-code-gallery > div {
gap: 30px 40px;
}
}
@media (max-width: 1199px) {
.dbr-code-gallery > div {
gap: 30px;
}
}
.dbr-code-gallery > div > a {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 110px;
height: 110px;
border: 1px solid #CCCCCC;
border-radius: 9px;
background-color: #F5F5F5;
padding: 21px 0 13px 0;
gap: 5px;
}
.dbr-code-gallery > div > a > u {
margin-top: auto;
font-size: 14px;
color: #323234;
}
@media (max-width: 1199px) {
.dbr-code-gallery > div > a > u {
font-size: 12px;
}
}
.dbr-code-gallery > div > a.auto {
width: auto;
padding: 21px 20px 13px 20px;
}
.dbr-code-gallery > div > a:hover {
background-color: #ddd;
}
.dbr-code-gallery > div > a > i {
background-color: #323234;
background-repeat: no-repeat;
background-position: center;
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
display: inline-block;
}
.dbr-code-gallery > div > a > i.react-native {
width: 41px;
height: 33px;
mask-image: url(../../images/icons/dbr-js/react-native.svg);
}
.dbr-code-gallery > div > a > i.angular {
width: 30px;
height: 33px;
background-color: initial;
background-image: url(../../images/icons/dbr-js/angular.svg);
}
.dbr-code-gallery > div > a > i.vue {
width: 38px;
height: 33px;
mask-image: url(../../images/icons/dbr-js/vue.svg);
}
.dbr-code-gallery > div > a > i.pwa {
width: 62px;
height: 33px;
mask-image: url(../../images/icons/dbr-js/pwa.svg);
}
.dbr-code-gallery > div > a > i.next {
width: 65px;
height: 33px;
mask-image: url(../../images/icons/dbr-js/nextjs.svg);
}
.dbr-code-gallery > div > a > i.nuxt {
width: 43px;
height: 33px;
mask-image: url(../../images/icons/dbr-js/nuxtjs.svg);
}
.dbr-code-gallery > div > a > i.require {
width: 42px;
height: 33px;
mask-image: url(../../images/icons/dbr-js/requirejs.svg);
}
.dbr-code-gallery > div > a > i.electron {
width: 35px;
height: 33px;
background-color: initial;
background-image: url(../../images/icons/dbr-js/electron.svg);
}
.dbr-code-gallery > div > a > i.android {
width: 46px;
height: 33px;
background-color: initial;
background-image: url(../../images/icons/dbr%20mobile/android.svg);
}
.dbr-code-gallery > div > a > i.iOS {
width: 33px;
height: 33px;
background-color: initial;
background-image: url(../../images/icons/dbr%20mobile/iOS.svg);
}
.dbr-code-gallery > div > a > i.flutter {
width: 32px;
height: 33px;
background-color: initial;
background-image: url(../../images/icons/dbr%20mobile/Flutter.svg);
}
.dbr-code-gallery > div > a > i.maui {
width: 35px;
height: 33px;
background-color: initial;
background-image: url(../../images/icons/dbr%20mobile/maui.svg);
}
.dbr-code-gallery > div > a > i.capacitor {
width: 31px;
height: 33px;
mask-image: url(../../images/icons/dbr-js/capacitor.svg);
}
.dbr-code-gallery > div > a > i.blazor {
width: 35px;
height: 33px;
mask-image: url(../../images/icons/dbr-js/blazor.svg);
}
.dbr-code-gallery > div > a > i.webview {
width: 30px;
height: 33px;
mask-image: url(../../images/icons/dbr-js/webview.svg);
}
.dbr-code-gallery > div > a > i.c {
width: 35px;
height: 33px;
mask-image: url(../../images/icons/dbr-desktop/c.svg);
}
.dbr-code-gallery > div > a > i.cpp {
width: 45px;
height: 33px;
mask-image: url(../../images/icons/dbr-desktop/cpp.svg);
}
.dbr-code-gallery > div > a > i.python {
width: 33px;
height: 33px;
mask-image: url(../../images/icons/dbr-desktop/python.svg);
}
.dbr-code-gallery > div > a > i.dotnet {
width: 45px;
height: 33px;
mask-image: url(../../images/icons/dbr-desktop/dotnet.svg);
}
.dbr-code-gallery > div > a > i.java {
width: 24px;
height: 33px;
mask-image: url(../../images/icons/dbr-desktop/java.svg);
}
.dbr-code-gallery > div > a > i.nodejs {
width: 55px;
height: 33px;
mask-image: url(../../images/icons/dbr-desktop/nodejs.svg);
}
.customers-stories {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 30px 70px;
}
@media (max-width: 1199px) {
.customers-stories {
gap: 30px 50px;
}
}
.customers-stories > p {
color: #606060;
font-size: 20px;
line-height: 27px;
margin-bottom: 0;
}
.customers-stories > a:hover img {
filter: none;
}
.customers-stories > a img {
filter: grayscale(1);
object-fit: contain;
}
@media (min-width: 1680px) {
.whyChooseDbr h2, .whyChooseDbr .h2 {
font-size: 36px;
}
}
.whyChooseDbr p {
margin: 0 0;
}
.whyChooseDbr .reasons-list {
display: grid;
grid-gap: 0 54px;
grid-template-columns: repeat(3, 500px);
}
@media (max-width: 1679px) {
.whyChooseDbr .reasons-list {
grid-gap: 0 30px;
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1199px) {
.whyChooseDbr .reasons-list {
grid-gap: 30px;
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.whyChooseDbr .reasons-list {
grid-gap: 20px;
grid-template-columns: 1fr;
}
}
.whyChooseDbr .reasons-list .reason-box {
background-color: #f5f5f5;
padding: 0 25px;
height: 320px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
@media (max-width: 1399px) {
.whyChooseDbr .reasons-list .reason-box {
height: 300px;
}
}
@media (max-width: 1199px) {
.whyChooseDbr .reasons-list .reason-box {
height: 280px;
}
}
@media (max-width: 767px) {
.whyChooseDbr .reasons-list .reason-box {
padding: 20px;
gap: 20px;
height: auto;
}
}
.whyChooseDbr .reasons-list .reason-box .title {
font-size: 28px;
line-height: 40px;
text-align: center;
font-family: Oswald-Regular;
max-width: 285px;
margin: 0 auto;
}
@media (max-width: 1679px) {
.whyChooseDbr .reasons-list .reason-box .title {
font-size: 24px;
line-height: 1.5;
}
}
@media (max-width: 991px) {
.whyChooseDbr .reasons-list .reason-box .title {
font-size: 20px;
}
}
.whyChooseDbr .reasons-list .reason-box .content {
display: flex;
align-items: center;
gap: 36px;
}
@media (max-width: 1679px) {
.whyChooseDbr .reasons-list .reason-box .content {
gap: 20px;
}
}
.whyChooseDbr .reasons-list .reason-box .content img {
object-fit: contain;
}
@media (max-width: 1399px) {
.whyChooseDbr .reasons-list .reason-box .content img[alt=champion] {
width: 20%;
}
.whyChooseDbr .reasons-list .reason-box .content img[alt=ISO] {
width: 20%;
}
.whyChooseDbr .reasons-list .reason-box .content img[alt=O-TTPS] {
width: 20%;
}
.whyChooseDbr .reasons-list .reason-box .content img[alt=support] {
width: 30%;
}
}
.whyChooseDbr .reasons-list .reason-box .content p {
margin: 0;
}
.whyChooseDbr .reasons-list .reason-box .content .icon-list {
display: flex;
flex-wrap: wrap;
gap: 40px;
align-items: center;
}
@media (max-width: 1679px) {
.whyChooseDbr .reasons-list .reason-box .content .icon-list {
gap: 30px;
}
}
@media (max-width: 1399px) {
.whyChooseDbr .reasons-list .reason-box .content .icon-list {
gap: 20px;
}
}
.dbr-code-snippet {
background-color: #323234;
}
.dbr-code-snippet .code-snippet-container {
display: flex;
align-items: center;
justify-content: center;
gap: 150px;
padding: 65px 0;
}
@media (max-width: 1679px) {
.dbr-code-snippet .code-snippet-container {
gap: 100px;
}
}
@media (max-width: 1199px) {
.dbr-code-snippet .code-snippet-container {
gap: 50px;
}
}
@media (max-width: 991px) {
.dbr-code-snippet .code-snippet-container {
flex-direction: column;
padding: 40px 0;
}
}
.dbr-code-snippet .code-snippet-container .desc {
width: 500px;
}
@media (max-width: 1679px) {
.dbr-code-snippet .code-snippet-container .desc {
width: 425px;
}
}
@media (max-width: 1399px) {
.dbr-code-snippet .code-snippet-container .desc {
width: 425px;
}
}
@media (max-width: 991px) {
.dbr-code-snippet .code-snippet-container .desc {
width: 100%;
}
}
.dbr-code-snippet .code-snippet-container .desc .run-it-now {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 27px;
}
.dbr-code-snippet .code-snippet-container .desc .run-it-now .run-qr-code {
position: relative;
}
.dbr-code-snippet .code-snippet-container .desc .run-it-now .run-qr-code .qr-code-icon {
display: inline-block;
width: 36px;
height: 30px;
cursor: pointer;
mask-image: url(../../images/icons/icon-show-barcode.svg);
mask-size: contain;
background-color: white;
}
.dbr-code-snippet .code-snippet-container .desc .run-it-now .run-qr-code .qr-code-icon:hover + .qr-code-popup {
display: flex;
}
.dbr-code-snippet .code-snippet-container .desc .run-it-now .run-qr-code .qr-code-popup {
width: 288px;
height: 140px;
display: none;
background-color: #272727;
position: absolute;
top: 0;
right: 0;
transform: translateX(calc(100% + 27px));
padding: 16px;
gap: 10px 26px;
align-items: center;
z-index: 1;
}
@media (max-width: 1399px) {
.dbr-code-snippet .code-snippet-container .desc .run-it-now .run-qr-code .qr-code-popup {
top: initial;
right: 0;
bottom: 0;
transform: translateY(calc(100% + 20px));
}
}
@media (max-width: 991px) {
.dbr-code-snippet .code-snippet-container .desc .run-it-now .run-qr-code .qr-code-popup {
top: 0;
right: 0;
bottom: initial;
transform: translateX(calc(100% + 27px));
}
}
@media (max-width: 575px) {
.dbr-code-snippet .code-snippet-container .desc .run-it-now .run-qr-code .qr-code-popup {
width: auto;
height: auto;
flex-direction: column;
top: initial;
right: 0;
bottom: 0;
transform: translateY(calc(100% + 20px));
}
}
.dbr-code-snippet .code-snippet-container .desc .run-it-now .run-qr-code .qr-code-popup .qr-code {
width: 108px;
height: 108px;
padding: 15px;
background-color: #343434;
}
.dbr-code-snippet .code-snippet-container .desc .run-it-now .run-qr-code .qr-code-popup p {
color: white;
font-size: 16px;
line-height: 1.5;
margin: 0;
}
.dbr-code-snippet .code-snippet-container .code-snippet {
height: 330px;
width: 660px;
position: relative;
}
@media (max-width: 1399px) {
.dbr-code-snippet .code-snippet-container .code-snippet {
width: 550px;
}
}
@media (max-width: 1199px) {
.dbr-code-snippet .code-snippet-container .code-snippet {
width: 400px;
}
}
@media (max-width: 991px) {
.dbr-code-snippet .code-snippet-container .code-snippet {
width: 100%;
height: auto;
}
}
.dbr-code-snippet .code-snippet-container .code-snippet .fa-copy {
color: white;
font-size: 16px;
top: 20px;
right: 30px;
cursor: pointer;
position: absolute;
}
.dbr-code-snippet .code-snippet-container .code-snippet pre {
height: 100%;
white-space: pre-wrap;
word-wrap: break-word;
border-radius: 1rem;
scrollbar-width: thin;
scrollbar-color: white #0d1117;
}
.dbr-code-snippet .code-snippet-container .code-snippet pre::-webkit-scrollbar {
width: 8px;
}
.dbr-code-snippet .code-snippet-container .code-snippet pre::-webkit-scrollbar-track {
background: #0d1117;
}
.dbr-code-snippet .code-snippet-container .code-snippet pre::-webkit-scrollbar-thumb {
background-color: #ffffff;
border-radius: 4px;
}
.dbr-code-snippet .code-snippet-container .code-snippet pre::-webkit-scrollbar-thumb:hover {
background-color: #e0e0e0;
}
.dbr-code-snippet .code-snippet-container .code-snippet pre code {
height: 100%;
font-size: 12px;
}
.dbr-code-snippet > * {
color: white;
}
@media (min-width: 1680px) {
.dbr-code-snippet h2 {
font-size: 36px;
}
}
#dynamsoft-header #mdHeader {
background-color: #323232;
}
#dynamsoft-header #mdHeader #mdMenu > li > a {
color: white;
}
#dynamsoft-header #cp-header .header-visitor a:link, #dynamsoft-header #cp-header .header-visitor a:visited, #dynamsoft-header #cp-header .header-visitor a:hover {
color: white;
}
#dynamsoft-header #cp-header .action-buttons a:hover {
box-shadow: -4px 4px 0 0 white;
}
#dynamsoft-header #cp-header .userbox .user-profile {
background-color: #000000;
}
#dynamsoft-header #overall-header .ds-logo {
display: block;
}
@media (min-width: 992px) {
#dynamsoft-header #overall-header .ds-logo {
background: url(../../images/dynamsoft-logos/logo-dynamsoft-white.svg) no-repeat 0;
}
}