@media screen and (min-width: 768px) {
    .shp-content {
      max-width: 398px !important;
      max-height: 301px !important;
      min-height: 301px !important;
      padding-left: 20px !important;
      padding-right: 20px !important;
      padding-top: 20px !important;
      padding-bottom: 20px !important;
    }
    .no-login-hp .singlehero-content {
      padding: 0px !important;
      max-height: 261px !important;
      min-height: 261px !important;
      width: 358px !important;
    }
    .shc-content .margin-t {
      margin-top: 0px !important;
    }
    .header-md-up {
      max-height: 75px !important;
      min-height: 75px !important;
      margin-bottom: 30px !important;
    }
    .shc-content .body-3 {
      max-height: 43px !important;
    }
    .hero-terms {
      line-height: 13px !important;
    }
    .hero-tagline {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
}
@media screen and (min-width: 1024px) {
    .shp-content {
      max-width: 414px !important;
    }
    .no-login-hp .singlehero-content {
      padding-left: 0px !important;
      padding-right: 0px !important;
      width: 374px !important;
    }
}
@media screen and (min-width: 1280px) {
    .shp-content {
      max-width: 445px !important;
    }
    .no-login-hp .singlehero-content {
      padding-left: 0px !important;
      padding-right: 0px !important;
      width: 405px !important;
    }
}
@media screen and (max-width: 767px) {
  .hero {
    padding-bottom: 20px !important;
  }
  .shp-content {
    margin-bottom: 0px !important;
  }
  .no-login-hp .singlehero-content {
    padding-bottom: 20px !important;
  }
  .hero-tagline {
    margin-bottom: 0px !important;
    margin-top: 20px !important
  }
}