.main-ban{background:#061954 url("https://cdn.systweak.com/content/wp/dff/v2/ban-bg.webp") center top no-repeat;min-height:885px;padding-top:150px;overflow:hidden;color:#fff;}
.g-main-banner{padding-top:147px;}
.index-mac{margin-top: 32px;}
.trust-row{width:100%;float:left;padding-top:71px;padding-bottom:15px;}
.trust-head{font-size: 36px;line-height:40px;color:#000;font-weight:700;text-align:center;margin-bottom:16px;}
.trust-sub-head { font-size: 16px; line-height: 24px; color: #000000; text-align: center; padding-left: 10%; padding-right: 10%;}
.trusted-list { display: block; text-align: center; width: 100%; margin:20px 0 52px 0; padding: 0;}
.trusted-list li { display: inline-block; padding-left: 45px; padding-right: 45px; padding-bottom: 9px; }
.trusted-list li img { float: left; margin-right: 20px; margin-top: 2px;}
.trusted-info { margin-left: 60px; min-width: 130px; text-align: left; font-size: 25px; line-height: 28px; color: #000000;}
.trusted-list li.middle { border-left: #dedede solid 1px; border-right: #dedede solid 1px; padding-left: 60px; padding-right: 60px; }
.trusted-list li.middle .trusted-info {  min-width: 170px; }
.trusted-info p { margin-bottom: 0px;}
.tru-inf { font-size: 16px; line-height: 20px;}
.ssdr { overflow-x: hidden; width: 100%; float: left; background: url("https://cdn.systweak.com/content/wp/dff/v2/ssdr_bg.webp") center bottom no-repeat;padding-bottom: 127px;padding-top: 24px;}
.ssdr-head { color: #000000; font-weight: 700; font-size: 42px; line-height: 50px; text-align: center; margin-bottom: 12px;  }
.ssdr-sub-head { color: #686868; font-size: 20px; line-height: 28px; text-align: center; }
.ssdr-info { width:100%; text-align: center;  margin-top: 62px;position: relative;}
.dff-graphic-box{ width: 162px; position: absolute; top: 0; left: 50%; margin-left:-6px; margin-top: 40px; z-index: 9; }
.dff-graphic-box ul{ padding: 0; margin: 0;}
.dff-graphic-box ul li{ list-style: none; text-align: left; padding: 21px 0; margin-bottom: 26px;}
.dff-ftr-title { color: #ffffff; font-size: 18px; line-height: 20px; font-weight: 600;}
.cdfp { background: url("https://cdn.systweak.com/content/wp/dff/v2/cdf-bg.webp") center bottom no-repeat;  width: 100%; float: left; min-height: 890px; }
.cdfp-left img { margin-top: -90px;}
.cdfp-right { padding-top: 155px; padding-right: 80px; }
.cdfp-head { font-weight: 700;  font-size: 42px; line-height: 57px; color: #FFFFFF; padding-left: 25px; }
.cdfp-list { display: block; float: left; width: 100%; padding: 0px; margin:44px 0px 0px 0px;   } 
.cdfp-list li { display: block; width: 100%; float: left; margin-top: -10px;  }
.cdfp-icon { float: left;}
.cdfp-info { margin-left: 150px; color: #FFFFFF; }
.cdfp-info-head { font-weight: 400; font-size: 29px; line-height: 32px; padding-top: 14px; margin-bottom: 10px; }
.cdfp-info p { font-size: 17px; line-height: 21px; color: #dbe5ff; } 
.cdfp-right .compatible-text{ opacity: 1;}
.cdfp-right .appstore-btn-col{ padding-top: 20px;padding-left: 26px;}
.cdfp-left-mac img { margin-top: -79px; margin-left: -41px;}
.cdfp-left-android img { margin-top: -107px; margin-left: 9px; }  
.features-col { margin-top: 20px; min-height: 340px; }
.features-head { color: #000000; font-weight: 700; font-size: 22px; margin-bottom: 7px;}
.features-col p { font-size: 16px; line-height: 22px; color: #686868;  }
.features-icon { width: 100%; text-align: center; min-height: 140px;}  
.smartly-clean { width: 100%; float: left; background: url("https://cdn.systweak.com/content/wp/dff/v2/gd-bg.webp") center top no-repeat; padding-top:194px; padding-bottom: 200px; }
.smartly-clean-mac{background: url("https://cdn.systweak.com/content/wp/dff/v2/smartly-clean-mac-bg.webp") center top no-repeat;}
.smartly-clean-android{background: url("https://cdn.systweak.com/content/wp/dff/v2/smartly-clean-android-bg.webp") center top no-repeat;}  
.sc-col { padding-left: 15%;}
.sc-head { color: #000000; font-weight: 700; font-size: 42px; line-height: 54px; margin-bottom: 0;}
.sc-subhead { font-size: 17px; line-height: 27px; color: #686868; margin-top: 12px; } 
.sc-list { width: 100%; float: left; padding: 0px; margin:22px 0px 0px 0px; text-align: left; }
.sc-list li { display: block; width: 100%;}
.sc-list-icon { float: left; margin-top: 3px; }
.sc-list li p { padding-left: 40px; font-weight: 400; font-size: 20px;margin-bottom: 14px;}
.sc-list li .cdfp-btn { margin-left: 0px;margin-top: 25px;}
.idf { background: url("https://cdn.systweak.com/content/wp/dff/v2/idf-bg.webp") center top no-repeat; width: 100%; float: left; padding-top: 103px; padding-bottom: 120px; min-height: 918px; text-align: center;}
.idf-head { font-size: 42px; line-height: 54px; color: #FFFFFF; font-weight: 700; margin-bottom: 5px;}
.idf-sub-head { font-size: 25px; line-height: 34px; color: #FFFFFF; } 
.dff-logo-gr {margin-top: 66px;}
.os-links-outer{overflow: hidden;margin: -27px auto 0; max-width: 964px;}
.os-links-outer a{display: block;float: left;}
.dff-gr-os-link.win {  margin-top: 2px; float: left;}
.dff-gr-os-link.mac {  margin-left: 14.6%;   }
.dff-gr-os-link.android { float: right; margin-top: -2px} 
.sc-list li .buy-now-btn-2, .dis-col-btn .buy-now-btn-2, .buy-now-btn-2 { background: none; border: #000000 solid 2px;  margin-left: 22px; color: #000000!important;}
.feature-table-outer{ padding: 35px 0 0px;}
.feature-table-outer table{ table-layout:fixed;}
.btn-buynow {min-width:200px;color: #fff;font-size: 1.06777rem;padding: 10px 32px 12px;line-height: 28px;background-color: #0074ff !important;border-radius: 0px;}
.btn-buynow:hover {color: #fff;background-color: #0470f2 !important;}
.btn-free {min-width:200px;color: #000000 !important;font-size: 1.06777rem; padding: 10px 15px 12px;line-height: 28px;background: #dcdce1 !important;border-radius: 0px;font-weight: 600;}
.btn-free:hover {color: #000000;background: #e6e6e7 !important;}
.cmt {padding-top: 90px; float: left;margin: 0 auto;width: 100%;padding-bottom: 50px;}
.cmt .core-feat-head {text-align: center;}
.cmt tbody tr td {border: solid 1px #dcdce1;border-collapse: collapse;padding: 15px 20px;}
.cmt th .table-heading {color: #4c4c4c;font-size: 1.875rem;font-weight: 600;margin: 0 0 4px 0;}
.cmt td .cmt-title {color: #4c4c4c;font-size: 1.20rem;font-weight: 600;margin: 0;line-height: 31px;}
.cmt td p {color: #4c4c4c;font-size: 1rem;line-height: 1.1875rem;margin: 0 0 3px;}
.cmt thead th:nth-child(2), .cmt thead th:nth-child(3), .cmt tbody td:nth-child(2), .cmt tbody td:nth-child(3) {width: 233px;text-align: center;}
.cmt thead th:nth-child(3) {background-color: #0070ff;color: #ffffff !important;line-height: 20px;font-weight: 500;position: relative;padding: 0;text-align: center;margin-bottom: -1px;margin-left: 0;border:none; font-size: 16px;}
.cmt thead th:nth-child(2) {color: #4c4c4c;font-size: 1rem;line-height: 1.125rem;font-weight: 700;padding: 13px 8px;border: solid 1px #dcdce1;border-bottom: none;border-radius: 6px 6px 0 0;margin-left: -1px;}
.cmt thead th:nth-child(2) span {display: block;}
.cmt tbody tr {border-left: 1px solid#dcdce1;}
.feature-table-outer table {border: 1px solid transparent;}
.cmt tbody td:nth-child(2), .cmt tbody td:nth-child(3) {background: #f3f3f7;}
.cmt tfoot td {padding-top: 45px; text-align: center; }
.cmt thead th:nth-child(1), .cmt tbody td:nth-child(1), .cmt tfoot td:nth-child(1) {width: 709px;}
.cmt thead th:nth-child(3):before {position: absolute;left: 0;right: 0;bottom: -7px;margin: 0 auto;width: 0px;height: 0px;border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 7px solid #0070ff;content: "";}
.cmt tfoot td:nth-child(1) { text-align: left; } 
.ind-mac-btn{ display: inline-block; margin-top: 4px;}
 
@media (max-width: 1399.98px) {  
  .main-ban { min-height: 700px; padding-top: 115px; }
  .g-main-banner { padding-top: 130px; }
  .dff-graphic-box { margin-top: 38px; margin-left: -15px;}
  .dff-graphic-box ul li { padding: 9px 0; margin-bottom: 34px;}
  .dff-info-graphic { max-width: 90%; height: inherit; }   
} 
@media (max-width: 1300px) {
  .dff-graphic-box ul li {margin-bottom: 26px;}
} 
@media (max-width: 1250px) {
  .dff-graphic-box ul li{margin-bottom: 22px;}
}
@media (max-width: 1199.98px) {  
  .dff-graphic-box ul li {margin-left: 10px;} 
  .main-ban { min-height: 700px; padding-top: 115px; }
  .g-main-banner { padding-top: 115px; }
  .ssdr { padding-top: 0;}
  .ssdr-info { margin-top: 50px;}  
  .dff-ftr-title { font-size: 15px }
  .dff-info-graphic { max-width: 1000px; height: inherit; } 
  .dff-graphic-box { margin-top: 27px; margin-left: -13px }
  .dff-graphic-box ul { margin-top: 0px;}
  .dff-graphic-box ul li { padding: 14px 0; line-height: 22px; margin-bottom: 10px; } 
  .dis-col-btn .cdfp-btn { max-width: 200px }
  .win-ban { min-height: 785px }
  .banner-img-col img { max-width: 655px; margin-left: -64px; margin-top: -59px }
  .cdfp { min-height: inherit; padding-bottom: 80px;}
  .cdfp-right { padding-right: 0; padding-top: 95px; }
  .cdfp-head { font-size: 38px; line-height: 46px;}
  .features-col { min-height: 300px }
  .smartly-clean {   padding-top: 110px; }
  .sc-head { font-size: 32px; line-height: 40px; }  
  .idf { min-height: inherit; padding-top: 40px; padding-bottom: 60px; }
  .sc-list { margin: 10px 0 0 0;}
  .idf-head { font-size: 36px }
  .idf-sub-head { font-size: 22px }
  .cdfp-info-head { font-size: 24px;}
  .cdfp-btn { width: 190px; padding-left: 10px; padding-right: 10px; font-size: 17px; }
  .mac-banner .banner-img-col img { max-width: 600px; margin-left: -44px; margin-top: -90px }   
  .smartly-clean{padding-bottom: 40px;}
  .cmt th .table-heading { font-size: 1.675rem;}
}
@media (max-width: 991.98px) {
  .dff-graphic-box ul li {margin-left: 0;} 
  .main-ban { min-height: auto; padding-top: 110px; background-size: cover; padding-bottom: 30px } 
   .g-main-banner  { padding-top: 15px;}
  .ban-subhead { font-size: 18px; line-height: 26px; margin-top: 10px; margin-bottom: 10px;}
  .ban-btn { min-width: inherit; width: 170px; font-size: 16px; padding-left: 12px; padding-right: 12px; }
  .main-ban .buy-now-btn { margin-left: 12px;}
  .g-main-banner p { font-size: 16px;}
  .trust-row { padding-top: 40px; padding-bottom: 0px; }
  .trust-head { font-size: 26px; line-height: 30px;}
  .ssdr-sub-head { font-size: 17px;}
  .cdfp-head { padding-left: 20px; font-size: 32px; line-height: 42px; }
  .cdfp-icon {  width: 104px; padding-top: 6px;}
  .cdfp-info { margin-left: 110px;}
  .cdfp { background-position: center 0; background-size: cover; padding-bottom: 60px }   
  .cdfp-left img { margin-top:20px } 
  .cdfp-left { text-align: center } 
  .cdfp-right { padding-top: 90px } 
  .cdfp-list { margin-top: 0 } 
  .win-ban .main-banner { text-align: center } 
  .trusted-list li { padding-left: 5px; padding-right: 5px } 
  .trusted-list li.middle { padding-left: 30px; padding-right: 30px } 
  .ssdr-head { font-size: 32px; margin-bottom: 0 } 
  .ssdr-info { margin-top: 12px } 
  .ssdr { padding-top: 0; padding-bottom: 70px }  
  .features-head { font-size: 18px; margin-bottom: 4px } 
  .smartly-clean  { padding-top: 60px; background-size: cover; background-position: -238px top; } 
  .smartly-clean-w {  background-size: cover; background-position: -340px top; }  
  .smartly-clean-mac { background-size: cover } 
  .sc-col { padding-left: 2%;}
  .sc-head { font-size: 32px; line-height: 44px } 
  .sc-list li p { font-size: 17px } 
  .faq-row { padding-top: 60px; padding-bottom: 60px } 
  .faq-head { margin-bottom: 30px } 
  .accordion-button { padding: 15px 15px 15px 60px } 
  .idf { padding-top: 65px } 
  .idf-head { font-size: 30px; line-height: 44px; margin-bottom: 0 } 
  .idf-sub-head { font-size: 20px }  
  .mac-banner .banner-img-col img { max-width: 100%; margin-left: 0; margin-top: 0 } 
  .dff-info-graphic { max-width: 720px } 
  .dff-graphic-box { margin-top: 21px; margin-left: -2px } 
  .dff-graphic-box ul li { padding: 7px 0; margin-bottom: 13px; line-height: 16px } 
  .dff-ftr-title { font-size: 10px; line-height: 12px } 
  .os-links-outer { max-width: 700px; margin: 12px auto 0 } 
  .dff-logo-gr { margin-top: 138px; max-width: 150px; } 
  .dff-gr-os-link.win,
  .dff-gr-os-link.mac { max-width: 150px;}
  .dff-gr-os-link.android { max-width: 172px;}
  
  .cmt thead th:nth-child(2), .cmt thead th:nth-child(3), .cmt tbody td:nth-child(2), .cmt tbody td:nth-child(3) {width: 164px;}
  .cmt thead th:nth-child(2) {font-size: .9rem;line-height: 16px;padding: 10px 9px;}  
  .reg { font-size: .9rem;}
  .cmt td .cmt-title {font-size: 16px;margin: 0;line-height: 20px;}
  .cmt td p{ font-size: 14px;}  
  .cmt{ padding-top:45px;}
  .feature-table-outer {padding: 0px 0 70px;}
  .btn-free {min-width:150px;font-size: 13px;padding: 8px 15px 10px;line-height: 18px;}
  .btn-buynow{min-width:150px;font-size: 13px;padding: 8px 15px 10px;line-height: 18px;}  
  .cmt thead th:nth-child(1), .cmt tbody td:nth-child(1), .cmt tfoot td:nth-child(1) {width: 260px;}
}
@media (max-width:767px) { 
  .cdfp-icon {margin: 0 auto;}
  .trusted-list li { display: block; padding: 5px 0 }
  .trusted-list li.middle { padding-left: 0; padding-right: 0; border: none }
  .trusted-list { width: auto; display: table; margin: 0 auto 40px }
  .ssdr-head { font-size: 30px; line-height: 36px }
  .ssdr-sub-head { font-size: 18px; line-height: 22px }
  .cdfp-head { font-size: 30px; line-height: 36px; margin-bottom: 25px; padding-left: 0; text-align: center }
  .cdfp-info-head { font-size: 22px; margin-bottom: 2px }
  .cdfp-info p { font-size: 16px }
  .cdfp-btn { width: 260px; margin: 20px ​0 }
  .dff-gr-os-link.win {float: none;}
  .features-col { min-height: auto }
  .smartly-clean { background-position: right 0; background-size: 210% 100%; padding-bottom: 20px; padding-top: 20px; }
  .appstore-btn-col { margin-top: 30px;}
  .sc-col { padding-left: 0 }
  .sc-head { font-size: 24px; line-height: 32px }
  .idf-head { line-height: 36px }
  .idf-sub-head { font-size: 18px; line-height: 28px }
  .cdfp-icon { float: none }
  .cdfp-info { margin-left: 0 }
  .cdfp-list li { margin: 0; text-align: center }
  .sc-list li .cdfp-btn { width: 210px }
  .idf { background: #193484 }
  .dff-info-graphic { max-width: 540px }
  .dff-graphic-box { margin-top: 15px; margin-left: -7px }
  .dff-graphic-box ul li { padding: 3px 0; margin-bottom: 11px; line-height: 10px }
  .dff-ftr-title { font-size: 9px; line-height: 12px }
  .dff-logo-gr { margin-top: 0; width: 50% }
  .os-links-outer a { margin: 0 auto 50px !important; float: none }
  .os-links-outer { margin: 30px 0 0 }
  .idf { min-height: inherit; padding-bottom: 50px }
  .dff-gr-os-link.android {float: none;}
  .main-ban .col-md-6.col-lg-6.col-xl-7 { max-width: 76%; margin-left: 12%; }
  .main-ban { padding-bottom: 30px;}
  .cdfp-right { padding-top: 20px; }
  p.compatible-text {text-align: center; margin: 15px auto 0; }
  .g-main-banner { padding-top: 0px; text-align: center;}
  .trust-head { font-size: 22px;}  
  .smartly-clean-mac { background-size: inherit }
  .feature-table-outer {overflow: auto;}  
  .feature-table-outer {padding: 0px 0 0px;}  
  .cmt th .table-heading {font-size: 1.2rem; line-height: 25px;}
  .cdfp-right .appstore-btn-col { padding-left: 0;}
}
@media only screen and (max-width:575px) {   
  .dff-info-graphic { max-width: 454px }
  .dff-graphic-box { width: 82px; margin-top: 13px; margin-left: -5px }
  .dff-graphic-box ul li { padding: 6px 0; margin-bottom: 5px; line-height: 2px }
  .dff-ftr-title { font-size: 7px; line-height: 10px }
  .cdfp-btn {width: 200px;}
  .feature-data-table, .btm-tb-otr {width: 590px;}
  .cmt th .table-heading {font-size: 16px;}
  .cmt td .cmt-title {font-size: 14px;}
}
@media only screen and (max-width:480px) {
  .dff-info-graphic { max-width: 304px } 
  .dff-graphic-box { width: 82px; margin-top: 9px; margin-left: -5px } 
  .dff-graphic-box ul li { padding: 3px 0; margin-bottom: 5px; line-height: 1px } 
  .dff-ftr-title { font-size: 5px; line-height: 4px }
}
@media (max-width:479px) {
  .sc-list li:last-child { text-align: center }
  .sc-list li .cdfp-btn { width: 280px }
  .sc-list li .buy-now-btn-2 { margin-left: 0 }
  .dff-graphic-box ul li {  line-height: 1px;}
}
@media only screen and (max-width:360px) {
  .dff-graphic-box { width: 82px; margin-top: 9px; margin-left: -5px }
}
@media only screen and (max-width:330px) {
  .dff-graphic-box { width: 82px; margin-top: 9px; margin-left: -2px }
}
