@media (min-width: 1800px) {
    .banner-content {margin-right:-100px;}
}

@media (max-width:1799px) {
.banner-content .heading-1 br{ display: none;}
}

@media (max-width:1690px) {
.banner-img-col .bnr-img{max-width: 594px;}
.banner-content .heading-1{ font-size: 32px;}
.down-btn-col a.download-btn img{ margin-right: 2px;}
.banner-content .heading-4{ white-space: pre-wrap;}
}
@media (max-width:1515px) {
.banner-content .heading-4{ white-space:pre-wrap;}
}
@media (max-width:1404px) { 
    .banner-content .heading-1 {
        margin: 10px 0 10px;
        line-height: 44px;
      }
      .banner-feature-list {
        margin: 20px 0 20px;
      }
 
} 

@media (max-width:1260px) {
.banner-img-col .bnr-img {max-width: 570px; margin-left: 0;}

.about-second-section .about-screen-col img {max-width: 597px;}
ul.logo-list li {padding: 0 48px;}
.about-three-section .about-screen-col img{max-width: 580px;}
.step-tab-img-col{ text-align: right;}
.step-tab-img-col img {max-width: 520px;}
.about-screen-col img{ margin-right: 0; max-width: 640px;}
.banner-content .heading-1 {font-size: 30px;}
.down-btn-col a.btn {min-width: 230px;}
.download-bt-content .down-btn-col {max-width: 480px;min-width: 480px;}

}
 
 @media (max-width:1199px) {
    .foo-left .foo-menu li {padding: 0 10px;}
.header-row.affix .logo {margin: 8px 0;}
.header-row.affix .btn.download-btn1 {padding: 8px 0;margin: 12px 0 10px;}
.header-btn-col {padding: 18px 0;}
.banner-section{ background-size: cover; padding-bottom: 60px;}
.banner-content {padding: 10px 0 0;}
.banner-img-col .bnr-img {max-width: 455px; float: none; margin: 0;}
.banner-content .top-head-title{ font-size: 24px;}
.banner-img-col{ text-align: center;}
.banner-content .heading-1 {font-size: 32px;line-height: 42px;margin: 10px 0;}
.banner-feature-list{ margin-top: 25px;padding-right: 38px;}
.about-content-col .down-btn-col{ width: 260px; margin-right: 20px;}
.about-content-col .down-btn-col p{ white-space: normal;}
.step-tab-img-col img {max-width: 440px;}
.nav-tabs>li .nav-link, .nav-tabs>li .nav-link.active{ background-size: 100% 100%;}
.left-step-title{width:84px;background:url(https://is.systweak.com/content/images/sys/website/systweaknewimages/lp3/pr/step-heading-bg.png) -11px 0/auto 100% no-repeat}
.nav-link.active .left-step-title{background:url(https://is.systweak.com/content/images/sys/website/systweaknewimages/lp3/pr/step-heading-bg-active.png) -11px 0 no-repeat}
.left-step-title .stp-nm-text{ font-size: 25px;}
.left-step-title .sttitle, .left-step-title .step-title{ font-size: 13px;}
.down-btn-col a.buy-btn{ width: 172px;font-size: 18px; line-height: 55px;}
.about-three-section .about-screen-col img {max-width: 480px;}
.about-photo-recovery{ padding-bottom: 50px;}
.faq-content{ padding-top: 10px;}
ul.logo-list li {padding: 0 20px;}
.feature-col .heading-5{ font-size: 18px;width: auto;}
.feature-col p{ font-size: 16px;width: auto;}
.feature-col img{ margin-right: 0;}
.feature-col{ margin-bottom: 0;}
.about-screen-col img{ max-width: 510px;}
.about-content-col .heading-5{ font-size: 30px;line-height: 40px;}
.feature-content-col {margin-bottom: 40px;overflow: hidden;}
span.feature-icon {float: left;width: 80px; margin-right: 10px;}
.banner-content {padding: 0;}
.about-content-col {padding: 80px 0;}
.easy-steps-section{ padding: 50px 0;}
.step-arrow{ right: -76px;}
.step-arrow img {width: 140px;}
.faq-content {padding: 70px 0px 50px;}
.faq-content .heading-2{ margin-bottom: 40px;}
.about-content-col .down-btn-col {width: 100%;}
.download-bt-content .down-btn-col { max-width: 485px;min-width: 485px;}
.step-pr-product {padding: 30px 0 0;}
}

/*ipade css*/
 @media (max-width:991px) {
.header-row .navbar-brand.logo{ margin: 12px 0;}
.header-btn-col{ padding: 18px 0;}
.banner-section {height: auto;background: #cce9f7; padding-top: 100px;}
.banner-section .row{ display: flex;flex-direction: column-reverse;}
.banner-img-col {display: none;}
.banner-content {padding:10px 0 0;}
.banner-feature-list{ margin: 20px 0 0;padding-right: 0;}
.about-content-col> p{ padding-right: 0;}
.about-content-col .heading-5 {font-size: 28px;line-height: 36px;}
.about-screen-col img {max-width: 380px;}
.about-content-col .down-btn-col, .about-three-section .down-btn-col{ margin-bottom: 20px;}
.app_esteem_Logo2 {margin-left: 0;}
.about-content-col {padding: 25px 0 30px;}
.step-pr-product {padding: 70px 0 0;}
.left-step-title {width: 68px;}
.right-step-detail{width: 75%;padding: 18px 0 0 10px;}
.right-step-detail h6{ margin-bottom: 0;}
.pr-chose-head p{ margin-bottom: 40px; padding: 0;}
.pr-chose-head {padding: 60px 0 10px;}
.step-tab-img-col img {max-width: 342px;}
.about-three-section .about-content-col {padding: 80px 0 0px;}
.about-three-section .about-screen-col img {max-width: 370px;}
.about-screen-col {padding: 50px 0;}
.about-content-col {padding: 45px 0 60px;}
.about-content-col .app_esteem_Logo1 img{ width: 100px;}
.steps-head-text .heading-5{ font-size: 40px;}
.atep-arrow{ bottom: 70px;}
.pro-left-box{ padding: 95px 30px 53px;}
.faq-content {padding: 50px 0;}
.faq-content .heading-2 {margin-bottom: 10px;}
.faq-content .panel-heading .panel-title a{ font-size: 16px; line-height: 18px; padding: 18px 50px 18px 60px;}
.faq-content .panel-heading .panel-title a .plus-minus{ right: 15px;}
.faq-content .panel{ margin-bottom: 10px;}
.panel-group {margin-bottom: 0;}
.panel-group {margin-bottom: 0;}
.faq-content .panel-body{ padding-left: 60px;}
.download-bt-content{ padding: 60px 0;}
.download-bt-content .heading-5{ font-size: 34px;line-height: 46px;}
.buy-now-right {padding: 25px 0 0;}
.buy-box-content .plan-detail{font-size: 18px;line-height: 26px; padding: 0;}
.buy-now-section .heading{padding-top: 30px;padding-bottom: 20px;}
.buy-box-outer .try{ margin: 20px 0 0;}
.buy-now-section{ padding-bottom: 50px;}
.testimonial-section{ padding: 50px 0;}
.trusted-col-info {max-width: 77%;}
.foo-left .foo-menu li {float: left;padding: 0 12px;}
.colpy-right-row{ padding: 15px 0;}
    .clearmobile {
        content: " ";
        display: block;
        width: 100%;
        float: left;
    }
    .about-photo-recovery .down-btn-outer .down-btn-col a.btns-buy {
        margin-left: 0;
        margin-bottom: 20px;
        
    }  
    .about-photo-recovery .down-btn-outer .down-btn-col { margin-right: 0;}
    .about-photo-recovery .down-btn-outer { width: 280px; }
    .about-photo-recovery .down-btn-outer .down-btn-col a.btn { width: 100%; margin-right: 0px;}
    .step-pr-product {padding: 10px 0 0;}
    
}

/*mobile css*/
 @media (max-width:767px) {
.container {width: 540px;}
.offset-left-none, .offset-right-none{ padding-left:15px; padding-right:15px;}
.navbar-header{ float:left;}
.header-row .navbar-brand.logo{ margin:10px 0 10px 15px; display:block; font-size: 20px;}
.header-row .navbar-brand.logo span {margin-right: 5px;}

.header-row .btn.download-btn1{ width:180px; padding:6px 0 7px;margin: 14px 0; font-size:14px;}
.banner-content .heading-1, .pr-chose-head .heading-2 {font-size: 36px;}
.down-btn-col p {margin-top: 15px;}
.down-btn-col a.buy-btn {width: 160px;font-size: 16px;line-height: 50px;}
.down-btn-col a.download-btn img{ margin-right:6px;}
.header-btn-col {padding: 15px 0;}
.banner-section{ padding-top: 100px;}
.steps-head-text .heading-5, .faq-content .heading-2{font-size: 36px;}
.faq-content .panel-heading .panel-title a{font-size: 16px;line-height: 24px; background-position: 14px 20px;}
.steps-box{ margin-bottom: 40px;}
.atep-arrow{ display: none;}
.easy-steps-section {padding: 50px 0 20px;}
.faq-content .panel-heading .panel-title a .plus-minus{ top:28px;}
.feature-col .heading-5{ margin: 20px 0 9px;}
.about-content-col .down-btn-col {width: 280px;}
.about-content-col .down-btn-col p {font-size: 12px;white-space: nowrap;}
.pr-chose-head {padding: 50px 0 0px;}
.about-screen-col img {max-width: 100%;margin: 0 auto;float: none;}
.choose-photo-recovery{ padding-bottom: 30px;}
.about-screen-col{ padding: 0;}
.about-content-col {padding: 20px 0 30px;}
.pr-step-head-col {padding: 60px 0 0;}
.pr-step-head-col p{ padding: 0; margin: 0 0 5px;}
.pr-step-head-col .heading-2{ margin-bottom: 10px;}
.step-pr-product {padding: 40px 0 0;}
.left-step-title {width: 75px;}
.right-step-detail{ padding: 24px 0 0 10px;}
.nav-tabs>li .nav-link{ margin: 0;}
.step-tab-img-col img {max-width: 100%;margin: 0;}
.step-tab-img-col {text-align: left;padding-bottom: 10px;}
.about-three-section .about-content-col {padding: 60px 0 0px;}
.about-three-section .about-screen-col img { max-width: 100%; margin: 15px 0 0;}
.faq-content .heading-2 {margin-bottom: 5px;}

.about-content-col .heading-5{ margin-bottom: 10px;}
.pro-left-box{ padding: 40px 30px 0;}
.buy-now-right {padding: 20px 30px 40px;}
.tstml-slier .heading-2{ margin-bottom: 15px;}
.pt-nm-col{ padding: 0;}
.tstml-content{ margin-bottom: 30px;}
.testimonial-section {padding: 50px 0 20px;}
.trusted-col-info {max-width: 74%;margin-left: 15px;}
.trusted-col-info p{ margin: 0;}
.trusted-col-info h6{ margin-top: 0;}
.steps-box .step-title{ margin-bottom: 5px;}
.footer-top {padding: 0px 0 15px;}
ul.foo-menu {overflow: hidden;display: table;margin: 0 auto;text-align: center;}
.foo-left .foo-menu li{ padding:0 8px; float: none;display: inline-block;}
.foo-cpr{ padding-left:15px; padding-top:5px;}
.footer-row{ padding:0;}
.foo-left .foo-menu li a{ font-size:13px;}
.foo-cpr .copyright{ text-align: center;}
.foo-cpr{ padding: 10px 0 0;}
.copyright{ text-align: center;}
.foo-right-col {text-align: center;padding-top: 12px;}
.about-photo-recovery .down-btn-outer .down-btn-col {
    width: 50%;
    max-width: 50%;
    margin: 0 auto;
    float: none;
}
.about-photo-recovery .down-btn-outer .down-btn-col a.btns-buy {
    margin-left: 0;
    margin-top: 15px;
}  
.down-btn-col a.btn {float: none; display: inline-block;}
.about-photo-recovery .down-btn-outer .down-btn-col {text-align: center;}
.download-bt-content .down-btn-col {min-width: 100%; max-width: 100%;}
.banner-content .heading-1 br {
    display: none;
  }
  ul.logo-list{ text-align: center;}
  ul.logo-list li{float: none;display: inline-block;}
  .left-step-title, .nav-link.active .left-step-title {
    background: 0 0;
}
 }
   
 @media only screen and (max-width:575px) { 
.container {width: 100%;}
.header-row .btn.download-now{ display: none;}
.bnr-logo {margin:0;}
.header-row .navbar-brand.logo {margin: 15px 15px 10px;font-size: 17px;}
.header-row .btn.download-btn1{ width: 80%;float: none;margin: 5px auto 15px;display: block; box-shadow: 0px 0px 3.8px 0 rgba(0, 0, 0, 0.25); display: none;}
.banner-section{ padding: 90px 0 50px;}
.banner-content .heading-1 {font-size: 28px; margin-top: 10px;}
.banner-content .heading-4{ font-size: 20px;}
.banner-content .banner-feature-list li{ font-size: 18px;padding-left: 30px;padding-bottom: 2px;}
.down-btn-col p {margin-top: 12px;}
.banner-feature-list {margin: 15px 0 0;}
.down-btn-col{ width: auto;}
.btn.download-btn2{width: 90%;font-size: 22px; padding: 15px 0;margin-bottom: 10px; box-shadow: 0px 0px 3.8px 0 rgba(0, 0, 0, 0.25);}
.banner-content {padding: 0 0 30px;}
.header-row.affix {position: relative;}
.pr-chose-head .heading-2, .pr-step-head-col .heading-2{ font-size: 30px; margin-bottom: 5px;}
.nav-tabs {border: none;max-width: 440px;margin: 0 auto;display: table;}
.left-step-title {width: 64px;}
.faq-content {padding: 10px 0 50px;}
.feature-content-col, .feature-col .heading-5{ text-align: center;}
.about-content-col .down-btn-col{ float: none;}
.steps-head-text .heading-5, .faq-content .heading-2,.tstml-slier .heading-2 {font-size: 34px;}
.faq-content .heading-2{margin: 0 0 5px;}
.faq-content .panel-heading .panel-title a{ font-size: 18px; }
.tstml-slier .heading-2{ margin-bottom: 30px;}
.trusted-col-info {max-width: 72%;}
ul.logo-list li {padding: 10px;}
.down-btn-col a.btn {width: 194px;
    min-width: 194px;}
 }

 @media only screen and (max-width:480px){
.header-row .btn.download-now{ display: none;}
.down-btn-col a.download-btn, .down-btn-col a.buy-btn{ display: block;float: none; margin:0 auto 10px;}
.down-btn-outer .down-btn-col a.download-btn,  .down-btn-col a.buy-btn{ width:290px; margin:0 0 10px;}
.down-btn-col p {margin: 0; padding:0;}
.bnr-logo{ max-width: 70%;}
.banner-content .heading-4 {font-size: 16px;font-weight: 400;}
.banner-content .banner-feature-list li{font-size: 15px;line-height: 20px;}
.banner-content .down-btn-col, .about-content-col .down-btn-col{ max-width: 290px; text-align: center;margin-bottom: 20px;}
.banner-img-col .bnr-img {max-width: 100%;}
.banner-content .heading-1{ margin-top: 10px;}
.down-btn-col p{ width: auto;}
.app_esteem_Logo1 {text-align: center;margin: 15px 0 10px;}
.banner-content .heading-1, .pr-chose-head .heading-2, .steps-head-text .heading-5, .faq-content .heading-2, .tstml-slier .heading-2, .buy-now-section .heading {font-size: 30px; }
span.feature-icon, .feature-col img{ width: auto; display: block; float: none; margin: 0 auto;}
.feature-content-col {margin-bottom: 30px;}
.banner-content .top-head-title {font-size: 22px;}
.banner-content .heading-1 {margin-top: 10px;font-size: 22px;line-height: 28px;margin-bottom: 20px;}
.nav-tabs{ max-width: 290px;}
.left-step-title {width: 40px; line-height: 13px;}
.left-step-title .stp-nm-text {font-size: 20px;}
.left-step-title .sttitle, .left-step-title .step-title {font-size: 10px; font-weight: 700;}
.right-step-detail {padding: 18px 0 0 10px;}

.about-content-col> p{ font-size: 16px; line-height: 26px;}
.feature-col .heading-5, .feature-col p{ width: auto; display: block; float: none; text-align: center;}
.faq-content .panel-heading .panel-title a{ font-size: 16px;}
.buy-now-section .heading{ padding-top: 20px;}
.tstml-slier .heading-2 {margin-bottom: 10px;}
.tstml-content{ background-position: 100% 100%;}
.trusted-col-info {max-width: 100%;margin: 15px 0 0; text-align: center;}
.appEsteem-logo {float: none;max-width: 100px;margin: 0 auto;display: block;}
.buy-now-right {padding: 20px 15px 30px;}
.download-bt-content .heading-5 br{ display: none;}
.download-bt-content .heading-5 {font-size: 28px;line-height: 38px;}
.download-bt-content {padding: 40px 0;}
.about-three-section .about-content-col, .about-content-col{ text-align: center;}
.download-bt-content .down-btn-col{ max-width: 290px; min-width: 290px;}
.about-photo-recovery .down-btn-outer .down-btn-col a.btns-buy {margin-left: 0; margin-top: 15px;}
.down-btn-outer .down-btn-col a.btns-buy {margin-right: 0;}
.banner-content .down-btn-col, .about-content-col .down-btn-col {margin: 50px auto 20px; float: none;}
.about-photo-recovery .down-btn-outer { width: 280px; margin-left: auto; margin-right: auto; padding-left: 0px;  }
}


/*mobile small css*/
 @media only screen and (max-width:320px) { 
.banner-content .heading-1 {font-size: 22px;line-height: 32px;}
.banner-content .top-head-title {font-size: 20px;}
.down-btn-outer .down-btn-col a.download-btn{ width: 100% !important; min-width: 100%;}
.down-btn-col {min-width: 100%;}
}