@media (min-width: 768px) {
  .hero-banner .hb-bg-gradient {
    padding-bottom: 228px;
  }
  .hero-banner .hb-cta-wrapper {
    display: flex;
    gap: 32px;
    flex-direction: row;
    justify-content: center;
  }
  .hero-banner .hb-cta-wrapper + p {
    margin-bottom: 80px;
  }
  .hero-banner + .pull-up .pce-wrapper {
    background: #fff;
    padding: 60px 40px;
    box-shadow: 0px 0px 11px 0px rgba(157, 157, 157, 0.3215686275);
    border-radius: 7px;
    margin-top: -36%;
  }
}
@media (min-width: 992px) {
  .btn-cta {
    font-size: 20px;
    line-height: 26px;
  }
  .sgl-logo {
    max-width: 184px;
  }
  header.header nav .btn-cta {
    font-size: 20px;
    line-height: 26px;
    padding: 16px 40px;
  }
  section {
    padding: 120px 0;
  }
  section.bg-alt {
    padding: 120px 0;
  }
  section.bg-alt + .bg-alt {
    padding-top: 0;
  }
  section:not(.bg-alt) + :not(.bg-alt) {
    padding-top: 0;
  }
  h4 {
    font-size: 24px;
    line-height: 29px;
  }
  .section-title {
    margin-bottom: 80px;
  }
  .section-title h2 {
    font-size: 46px;
    line-height: 55.66px;
  }
  .hero-banner .hb-bg-gradient {
    padding-bottom: 426px;
  }
  .hero-banner .hb-content {
    padding-top: 96px;
  }
  .hero-banner .hb-content h1 {
    font-size: 58px;
    line-height: 70px;
  }
  .hero-banner .hb-content p {
    max-width: 646px;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    line-height: 32px;
  }
  .hero-banner .hb-image {
    margin-top: -344px;
  }
  .image-left-right {
    margin-bottom: 120px;
  }
  .image-left-right .ilr-content {
    margin-bottom: 0px;
  }
  .image-left-right .ilr-content h3 {
    margin-bottom: 28px;
  }
  .image-left-right .ilr-image {
    margin-left: 72px;
  }
  .image-left-right.reverse .ilr-image {
    margin-left: 0;
  }
  .cta-section .cs-wrapper .cw-wrapper {
    padding: 80px 0px;
  }
  .cta-section .cs-wrapper .csw-text h2 {
    font-size: 46px;
    line-height: 55.66px;
  }
  .cta-section .cs-wrapper .csw-text .btn-cta {
    padding: 16px 40px;
  }
  .footer-menu-part ul {
    flex-flow: row;
    justify-content: end;
    gap: 32px;
    padding-left: 0px;
  }
  .footer-menu-part ul li {
    list-style-type: none;
    margin-bottom: 0;
  }
  .footer-menu-part ul li:last-child {
    margin-bottom: 0;
  }
  .footer-base-part ul {
    justify-content: start;
    margin-bottom: 0;
  }
  .footer-base-part p {
    text-align: right;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1230px;
  }
}