﻿.mb55 { margin-bottom: 55px; }

.dbr-features .dbrFeatureMain .pageMenuList { position: absolute; top: 90px; width: 330px; border-left: 1px solid #ddd; color: #323234; font-size: 20px; padding-left: 45px; }
.dbr-features .dbrFeatureMain .pageMenuList li { margin-bottom: 35px; position: relative; }
.dbr-features .dbrFeatureMain .pageMenuList li:last-child { margin-bottom: 0; }
.dbr-features .dbrFeatureMain .pageMenuList li a { color: #323234; }
.dbr-features .dbrFeatureMain .pageMenuList li.on a { color: #fe8e14; }
.dbr-features .dbrFeatureMain .pageMenuList li.on:after { content: ''; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-left: 16px solid #fe8e14; left: -30px; top: 12px; }

.dbr-features .dbrFeatureMain .dbrFeatureContainer { padding-left: 407px; padding-top: 60px; }
.dbr-features .dbrFeatureMain .dbrFeatureContainer .dbrFeatureHeader .desc { padding: 0 110px; }
.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical { margin-top: 120px; }
.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalContent { padding-top: 0px; padding-bottom: 50px; }
.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalDetail { padding-top: 52px; }
.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalDetail.pt0 { padding-top: 0; }
.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .title { font-size: 20px; padding-top: 52px; padding-left: 28px; margin-bottom: 15px; }
.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalDetail .title { font-size: 20px; padding-right: 0; }
.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalContent ul.technicalDetail li { position: relative; margin-bottom: 13px; }
.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalContent ul.technicalDetail li:last-child { margin-bottom: 0; }
.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalLink { font-size: 24px; line-height: 36px; margin-top: 20px; }
.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalLink:hover span { margin-left: 5px; }
.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalDetail { display: inline-block; vertical-align: top; width: 48%; padding-left: 54px; }
.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalDetail.wholeRow { width: 88%; max-width: 100%; }


.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalContent ul.technicalDetail li.description { margin-left: -25px; }

.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalContent ul.technicalDetail li.description:before { background: none; }

.secondary-title { padding-left: 20px; }

.orangeLink { color: #fe8e14; }

.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalContent ul.technicalDetail li ul li { list-style: disc; margin-left: 21px; }

.dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalContent ul.technicalDetail li ul li:before { background: none; }

.basicFeaturePage .featureTechnical .technicalBox .technicalContent i.check-icon { position: relative; }

.basicFeaturePage .featureTechnical .technicalBox .technicalContent i.check-icon::before { position: absolute; content: ""; width: 14px; height: 12px; background: url(../../images/icons/cursor-choose.svg) no-repeat center center; background-size: 100%; left: -4px; top: -5px; }

.basicFeaturePage .featureTechnical .technicalBox .technicalContent table.comparison { font-size: 18px; line-height: 30px; width: 60%; margin-left: 28px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent table.comparison th { padding-top: 52px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent table.comparison td { padding: 5px 0px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent table.comparison td:nth-child(2),
.basicFeaturePage .featureTechnical .technicalBox .technicalContent table.comparison td:nth-child(3),
.basicFeaturePage .featureTechnical .technicalBox .technicalContent table.comparison th:nth-child(2),
.basicFeaturePage .featureTechnical .technicalBox .technicalContent table.comparison th:nth-child(3) { text-align: center; }

.basicFeaturePage .featureTechnical .technicalBox .technicalTitle i.icon-slick-yet-powerful { background: url(../../images/banner/SAWH/features/sawh-features-icon-high-click-yet-powerful.svg) #fff no-repeat center center; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle i.icon-security { background: url(../../images/banner/SAWH/overview/saw-features-icon-security.svg) #fff no-repeat center center; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle i.icon-high-performance { background: url(../../images/banner/SAWH/features/sawh-features-icon-high-performance.svg) #fff no-repeat center center; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle i.icon-advanced-version-control { background: url(../../images/banner/SAWH/features/sawh-features-icon-advanced-version-control.svg) #fff no-repeat center center; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle i.icon-disaster { background: url(../../images/banner/SAWH/features/sawh-features-icon-disaster.svg) #fff no-repeat center center; }

@media (max-width: 1679px) {
    .dbr-features .dbrFeatureMain .dbrFeatureCol { padding-left: 0; padding-right: 0; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer { padding-left: 330px; padding-top: 40px; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .dbrFeatureHeader .desc { padding: 0; font-size: 18px; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical { margin-top: 90px; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalDetail, .dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .halfTechDetail { padding-top: 30px; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalDetail li.title, .dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalDetail .title { font-size: 18px; padding-right: 0; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalContent ul.technicalDetail { width: 44%; padding-left: 36px; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalContent ul.technicalDetail li { margin-bottom: 13px; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalContent ul.technicalDetail li:last-child { margin-bottom: 0; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalLink { font-size: 20px; line-height: 30px; }

    .basicFeaturePage .featureTechnical .technicalBox .technicalContent table.comparison td,
    .basicFeaturePage .featureTechnical .technicalBox .technicalContent table.comparison th { font-size: 16px; line-height: 24px; }
    .basicFeaturePage .featureTechnical .technicalBox .technicalContent table.comparison th { padding-top: 30px; }
    .basicFeaturePage .featureTechnical .technicalBox .technicalContent table.comparison { width: 80%; }
    .basicFeaturePage .featureTechnical .technicalBox .technicalContent i.check-icon::before { top: -5px; left: -14px; width: 12px; height: 10px; }

    .dbr-features .dbrFeatureMain .pageMenuList { top: 70px; width: 265px; font-size: 16px; padding-left: 36px; }
    .dbr-features .dbrFeatureMain .pageMenuList li { margin-bottom: 25px; }
    .dbr-features .dbrFeatureMain .pageMenuList li:last-child { margin-bottom: 0; }
    .dbr-features .dbrFeatureMain .pageMenuList li.on:after { border: 4px solid transparent; border-left: 13px solid #fe8e14; left: -23px; top: 10px; }

}

@media (max-width: 1199px) {
    .dbr-features .dbrFeatureMain .dbrFeatureContainer { padding-left: 250px; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .dbrFeatureHeader h1 { padding: 0 100px; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .dbrFeatureHeader .desc { font-size: 16px; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalContent ul.technicalDetail { padding-left: 20px; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalLink { font-size: 18px; line-height: 26px; }
    .basicFeaturePage .featureTechnical .technicalBox .technicalContent table.comparison td,
    .basicFeaturePage .featureTechnical .technicalBox .technicalContent table.comparison th { font-size: 14px; line-height: 24px; }

    .dbr-features .dbrFeatureMain .pageMenuList { width: 218px; font-size: 14px; padding-left: 30px; }
    .dbr-features .dbrFeatureMain .pageMenuList li { margin-bottom: 20px; }
    .dbr-features .dbrFeatureMain .pageMenuList li:last-child { margin-bottom: 0; }
    .dbr-features .dbrFeatureMain .pageMenuList li.on:after { border: 3px solid transparent; border-left: 11px solid #fe8e14; left: -20px; top: 8px; }

}


@media(max-width: 991px) {
    .dbr-features .dbrFeatureMain .pageMenuList { display: none; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer { padding-left: 0; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .optionalModules .optionalModuleItem { width: 313px; }
}

@media (max-width: 767px) {
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .dbrFeatureHeader h1 { padding: 0; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical { margin-top: 70px; }
    .dbr-features .dbrFeatureMain .dbrFeatureContainer .featureTechnical .technicalBox .technicalContent ul.technicalDetail { width: 100%; }

    .basicFeaturePage .featureTechnical .technicalBox .technicalContent table.comparison { font-size: 18px; line-height: 30px; width: 100%; margin-left: -3px; }
    .basicFeaturePage .featureTechnical .technicalBox { margin-bottom: 50px; }
    .mb55 { margin-bottom: 40px; }
}

#cp-header .action-buttons { display: none !important; }
