#DotNetTwainOverview .orangeLink { color: #fe8e14; }

i.playBtn { display: block; background: url(../../images/icons/video.png) no-repeat; background-position: center -290px; height: 145px; position: absolute; width: 100%; }

#DotNetTwainOverview p { color: #323234; }
#DotNetTwainOverview .show-sm, #DotNetTwainOverview .show-md { display: none !important; }

.basicReliable .functionBox .icon i.icon-net { background: url(../../images/icons/dot-net.png) #ffffff no-repeat center center; width: 67px; height: 52px; }
i.icon-add-anchor { background: url(../../images/icons/vectors-add-anchor.png) #ffffff no-repeat center center; }

.basicSwiper .slide-left .personWords .preQuote { display: inline-block; width: 39px; height: 162px; background: url('../../images/icons/pre_quote.png') no-repeat; background-size: contain; position: absolute; top: -45px; left: 0px; }

.basicSwiper .slide-left .personWords .afterQuote { display: inline-block; width: 17px; height: 67px; background: url('../../images/icons/after_quote.png') no-repeat; background-size: contain; margin-left: 10px; position: absolute; }


/* banner */
#DotNetTwainOverview .basicBanner h2, #DotNetTwainOverview .basicBanner .h2 { width: 622px; }
.basicBanner .bannerImg { background: url(../../images/banner/DNW_Hero.png) no-repeat; }
#DotNetTwainOverview .basicBanner .bannerImg .artwork { left: 16%; }

/* customer swiper */
.basicCustomers .customer-logos li { margin-right: 55px; }

/* basicReliable */
#DotNetTwainOverview .basicReliable .functionBox { height: 370px; min-height: initial; padding: 78px 40px 0px 90px; }
.basicReliable .functionBox .icon { left: 90px; border: solid 2px #323233; }
#DotNetTwainOverview .basicVolume { height: 462px; }
#DotNetTwainOverview .basicVolume .volumeLeft { padding-left: 94px; padding-top: 120px; }


.basicStrength .strengthLine .strengthImg img { height: auto;}

/* features */
#DotNetTwainOverview .basicVolume .volumeList li span.icon i { display: inline-block; width: 5rem; height: 5rem; background-size: contain !important; }

#DotNetTwainOverview .basicVolume .volumeList li:nth-child(1) span.icon i { background: url(../../images/icons/vectors-add-anchor.png) #FFFFFF no-repeat center center; }

#DotNetTwainOverview .basicVolume .volumeList li:nth-child(2) span.icon i { background: url(../../images/icons/charger.svg) #FFFFFF no-repeat center center; }

#DotNetTwainOverview .basicVolume .volumeList li:nth-child(3) span.icon i { background: url(../../images/icons/computer-chip-core.png) #FFFFFF no-repeat center center; width: 41px; height: 52px; }

#DotNetTwainOverview .basicVolume .volumeList li:nth-child(4) span.icon i { background: url(../../images/icons/paginate-filter-picture.png) #FFFFFF no-repeat center center; }

#DotNetTwainOverview .basicVolume .volumeList li:nth-child(5) span.icon i { background: url(../../images/icons/settings-slider-desktop-vertical.svg) #FFFFFF no-repeat center center; }

#DotNetTwainOverview .basicVolume .volumeList li:nth-child(6) span.icon i { background: url(../../images/icons/check-circle.svg) #FFFFFF no-repeat center center; }

.dntFeatures ul li p { margin-top: 20px; }
.dntFeatures.basicVolume .volumeList li span.icon { border: 2px solid #323233; margin-top: -38px; }
/* swiper */
.dntOverviewSwiper { position: relative; }
.dntOverviewSwiper .slide-right { width: auto; display: table-cell; padding-right: 0px; float: none; vertical-align: middle; padding-left: 70px; }
.dntOverviewSwiper .slide-right.hide-sm.hide-md { display: table-cell; vertical-align: middle; height: 100%; float: none; padding-right: unset; padding-left: 40px; }

.dntOverviewSwiper .slide-right div { position: relative; width: 418px; height: 283px; background-color: #f5f5f5; background-repeat: no-repeat; background-position: center; }
.slide-right div.Wisemen { background-image: url('../../images/banner/Wisemen.png'); }

.slide-right div.APSSystem { background-image: url('../../images/banner/APSystem.png'); }

.slide-right div.AIMTechnologies { background-image: url('../../images/banner/AIM.png'); }

.dntOverviewSwiper .swiper-slide .slide-left { display: table-cell; vertical-align: middle; height: 100%; float: none; width: 1020px; text-align: left; padding-left: 90px; }

.dntOverviewSwiper .swiper-slide .slide-left .personWords { font-size: 24px; line-height: 40px; padding-left: 50px; position: relative; color: #323234; }

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

.dntOverviewSwiper .slide-block { display: table; height: 100%; }
.dntOverviewSwiper .index-swiper-container { overflow: hidden; font-size: 0px; }
.dntOverviewSwiper .custom-slick-arrow { width: 30px; height: 100%; display: inline-block; position: absolute; top: 0px; }
.dntOverviewSwiper .index-slick-prev { left: 30px; z-index: 10; }
.dntOverviewSwiper .index-slick-next { right: 30px; z-index: 10; }
.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; }
.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; }


/* */
#DotNetTwainOverview .basicPowerful .powerfulList li { height: 259px; width: 383px; padding: 64px 23px 0px 58px; margin-top: -50px; }
#DotNetTwainOverview .basicPowerful .powerfulList li:nth-child(3), #DotNetTwainOverview .basicPowerful .powerfulList li:nth-child(4) { margin-top: 80px; }
#DotNetTwainOverview .basicPowerful p.disc { font-size: 18px; line-height: 26px; }
.basicPowerful .powerfulList li span.icon { left: 58px; border: solid 2px #323233; }
.basicPowerful .powerfulLeft h2, .basicPowerful .powerfulLeft p { width: 397px; margin: 0px; }
.basicPowerful .powerfulList li span.icon i { display: inline-block; width: 50px; height: 50px; background-size: contain !important; }

.basicPowerful .powerfulList li:nth-child(1) span.icon i { background: url(../../images/icons/barcode-search.svg) #FFFFFF no-repeat center center; }

.basicPowerful .powerfulList li:nth-child(2) span.icon i { background: url(../../images/icons/webcam.svg) #FFFFFF no-repeat center center; }

.basicPowerful .powerfulList li:nth-child(3) span.icon i { background: url(../../images/icons/office-file-text.svg) #FFFFFF no-repeat center center; }

.basicPowerful .powerfulList li:nth-child(4) span.icon i { background: url(../../images/icons/search-text.svg) #FFFFFF no-repeat center center; }

/* */
#DotNetTwainOverview .basicFeature .featureBox .featureBoxBottom { height: 360px; position: relative; }

#DotNetTwainOverview .basicFeature .featureBox .orangeLink { position: absolute; bottom: 50px; }
.basicFeature .featureBox { display: block; }
.basicFeature .featureBox .featureBoxTop { height: 250px; background: #eeeeee; padding-top: 20px; position: relative; }
#DotNetTwainOverview .basicFeature .fb1 { background: url(../../images/banner/DNT/DNT_Featured_1.png); background-size: contain; }

#DotNetTwainOverview .basicFeature .fb2 { background: url(../../images/banner/DNT/DNT_Featured_2.png); background-size: contain; }

#DotNetTwainOverview .basicFeature .fb3 { background: url(../../images/banner/DNT/DNT_Featured_3.png); background-size: contain; }

@media (max-width: 1679px) {
    i.playBtn { top: 31px; transform: scale(0.7); }
    #DotNetTwainOverview .basicBanner h2, #DotNetTwainOverview .basicBanner .h2 { width: 455px; }
    #DotNetTwainOverview .f24 { font-size: 20px; line-height: 26px; }
    #DotNetTwainOverview p { font-size: 14px; line-height: 24px; }
    #DotNetTwainOverview .title { font-size: 16px; line-height: 24px; }
    .basicCustomers .customer-logos li { margin-right: 37px; zoom: 0.8; }
    #DotNetTwainOverview .basicReliable .functionBox { height: 280px; min-height: initial; padding: 60px 42px 0px 52px; }
    #DotNetTwainOverview .basicReliable .functionBox p { min-height: 90px; }
    .basicReliable .functionBox .icon { left: 52px; height: 60px; width: 60px; top: -30px; }
    .basicReliable .functionBox .icon i { zoom: 0.7; }
    .basicVolume .volumeList li { width: 212px; margin-right: 40px; }
    #DotNetTwainOverview .basicVolume { height: 342px; }
    .dntFeatures.basicVolume .volumeList li span.icon { border: 2px solid #323233; margin-top: -28px; height: 53px; width: 53px; }
    .dntFeatures.basicVolume .volumeList li span.icon i { zoom: 0.7; }
    #DotNetTwainOverview .basicVolume .volumeLeft { padding-left: 70px; padding-top: 90px; }
    .dntOverviewSwiper .swiper-slide .slide-left .personWords { font-size: 20px; line-height: 28px; padding-left: 45px; }
    .dntOverviewSwiper .slide-right { padding-right: 80px; padding-left: 40px; }
    .dntOverviewSwiper .slide-right.hide-sm.hide-md { padding-left: 40px; width: 550px; }
    .dntOverviewSwiper .swiper-slide .slide-left .personName { padding-left: 0px; font-size: 20px; line-height: 28px; }
    .dntOverviewSwiper .slide-right div { width: 334px; height: 226px; }
    .index-swiper-container div.clearfix { display: table; height: 100%; }
    .basicPowerful .powerfulLeft h2, .basicPowerful .powerfulLeft p { width: 307px; }
    #DotNetTwainOverview .basicStrength .strengthLine .disc h3 { line-height: 36px; }
    #DotNetTwainOverview .basicPowerful .powerfulList li { height: 249px; width: 303px; padding: 44px 33px 0px 38px; margin-top: -50px; }
    #DotNetTwainOverview .basicPowerful .powerfulList li:nth-child(3), #DotNetTwainOverview .basicPowerful .powerfulList li:nth-child(4) { margin-top: 80px; }
    .basicPowerful .powerfulList li span.icon { left: 38px; }

    #DotNetTwainOverview .basicPowerful p.disc { font-size: 14px; line-height: 24px; margin-top: 10px; }
    #DotNetTwainOverview .basicFeature .featureBox .featureBoxBottom { height: 280px; position: relative; padding: 30px 36px 24px; }
    #DotNetTwainOverview .basicFeature .featureBox .orangeLink { bottom: 20px; }
    .basicFeature .featureBox .featureBoxTop { height: 175px; }
}

@media (max-width: 1199px) {
    .basicSwiper .slide-left .personWords .preQuote { zoom: 0.7; }

    .basicSwiper .personWords .afterQuote { display: inline-block; width: 1.7rem; height: 6.7rem; background: url('../../images/icons/after_quote.png') no-repeat; background-size: contain; margin-left: 1rem; position: absolute; }
    .basicCustomers .customer-logos li { margin-right: 28px; zoom: 0.7; }
    .basicVolume .volumeList li { width: 179px; margin-right: 13px; }
    .dntFeatures.basicVolume .volumeList li span.icon { height: 53px; width: 53px; }
    #DotNetTwainOverview .basicVolume .volumeList li span.icon i { width: 53px; height: 53px; zoom: 0.7; }
    .dntFeatures ul li p { margin-top: 10px; }
    .dntOverviewSwiper .swiper-slide .slide-left .personWords { font-size: 16px; line-height: 24px; padding-left: 32px; }
    .basicPowerful .powerfulLeft h2, .basicPowerful .powerfulLeft p { width: 100%; text-align: center; max-width: none; }
    #DotNetTwainOverview .basicPowerful .powerfulList li { height: 249px; width: 295px; margin-top: 70px; }
    .basicPowerful p.disc { min-height: 84px; }
    .basicPowerful .powerfulList li span.icon i { zoom: 0.7; }
    .basicFeature .featureBox .featureBoxTop { height: 145px; }
}

@media (max-width: 991px) {
    #DotNetTwainOverview .show-md { display: inline-block !important; }
    .basicBanner { height: 296px; }
    i.company-logo { zoom: 0.7; margin-right: 50px; }
    .swiper-wrapper { display: table; }
    .basicCustomers .swiper-slide { display: table-cell; width: auto; vertical-align: middle; float: none !important; text-align: center; }
    .basicCustomers .swiper-slide i.company-logo { opacity: .6; background-size: contain; background-position: center; margin-right: 40px; background-repeat: no-repeat; }
    .basicCustomers .customer-swiper-container { height: 50px; overflow: hidden; }
    #DotNetTwainOverview .basicVolume { height: auto; margin-top: 80px; background: #f5f5f5; }
    #DotNetTwainOverview .basicVolume .volumeLeft { padding-left: 40px; }
    #DotNetTwainOverview .basicVolume .volumeList li { width: 214px; margin-right: 13px; }
    .dntOverviewSwiper .custom-slick-arrow { display: none; }
    .dntOverviewSwiper .swiper-slide .slide-left { padding: 0; width: 90%; display: block; height: auto; margin: auto; }
    .dntOverviewSwiper .slide-right { padding: 0px; width: 100%; text-align: center; display: block; margin-top: 30px; }
    .dntOverviewSwiper .slide-right div { margin: auto; }
    .basicFeature .featureBox .featureBoxTop { height: 225px; }
    .index-pagination { position: absolute; z-index: 20; width: 100%; text-align: center; bottom: -30px; }
}

@media (max-width: 767px) {
    .basicBanner { height: auto; }
    #DotNetTwainOverview .show-sm { display: inline-block !important; }
    .basicStrength .strengthLine.bgLeft { background-size: 100%; }
    .basicVolume .volumeList { margin-top: 70px; }
    .show-block-sm { display: block !important; }
    .dntOverviewSwiper { padding: 0px; }
    .dntOverviewSwiper .slide-right { margin-bottom: 30px; }
    .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; }

    #DotNetTwainOverview .basicVolume .volumeLeft { padding-top: 55px; }
    .basicVolume .volumeList li { margin-bottom: 60px; }
}

@media (max-width: 572px) {
    .basicBanner .btns a { font-size: 14px; }
    .basicFeature .featureBox .featureBoxTop { height: 225px; background-size: cover !important; }
    #DotNetTwainOverview .basicVolume .volumeList li { width: 100%; }
    .basicVolume .volumeList li:nth-child(even) { padding-right: 0px; padding-left: 0px; }
    .basicStrength .strengthLine .strengthImg { height: auto; padding-bottom: 40px; }
    .dntOverviewSwiper .slide-right div { zoom: 0.8; }
    .dntOverviewSwiper .swiper-slide .slide-left { padding: 10px; }
    .dbrOverviewSwiper .swiper-wrapper { display: table; height: auto !important; }
    .basicSwiper .swiper-slide { height: 100% !important; vertical-align: middle; display: table-cell; float: none; }
    .dntOverviewSwiper .slide-right { padding-left: 0px; }
    #DotNetTwainOverview .basicPowerful .powerfulList li { height: 249px; width: 295px; margin-top: 70px; width: 100%; height: auto; padding-bottom: 30px; }
    #DotNetTwainOverview .basicFeature .featureBox .featureBoxBottom { height: auto; padding-bottom: 80px; }
}

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