@media (max-width: 1700px) {
  .hero {
    padding: 50px 0 75px;
  }
  .hero .wrap {
    gap: 75px;
  }
  .sci,
  .contact,
  .band {
    gap: 75px;
  }
  section {
    padding: 75px 0;
  }
  footer {
    padding: 75px 0 0px;
  }
  footer .footer-links {
    margin-top: 0;
  }
}
@media (max-width: 1500px) {
  .sci,
  .contact {
    gap: 50px;
  }
  .hero .wrap,
  .band {
    gap: 50px;
  }
}
@media (max-width: 1400px) {
  .book-card {
    padding: 35px;
  }
  section {
    padding: 50px 0;
  }
}
@media (max-width: 1300px) {
  header .wrap {
    padding: 15px 50px;
  }
  .wrap {
    padding: 0 50px;
  }
  h1 {
    font-size: 50px;
  }
  .hero .lead {
    margin: 20px 0 30px;
  }
  .hero-checks {
    margin-top: 35px;
    padding-top: 25px;
  }
}
/* Tablet (Landscape) / Medium Screens */
@media (max-width: 1020px) {
  .grid-5 {
    grid-template-columns: repeat(3, 1fr);
  }
  .strip .inner {
    grid-template-columns: 1fr 1fr;
  }
  .strip .it:nth-child(2) {
    border-right: 0;
  }
  .strip .it:nth-child(-n+2) {
    border-bottom: 1px solid var(--line);
  }
}
/* Tablet (Portrait) */
@media (max-width: 960px) {
  .hero .wrap,
  .grid-2,
  .sci,
  .contact {
    grid-template-columns: 1fr;
  }
  .grid-3,
  .grid-4 {
    grid-template-columns: 1fr 1fr;
  }
  .steps {
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
  }
  .steps::before {
    display: none;
  }
  .band {
    flex-direction: column;
  }
  .band .acts {
    width: 100%;
  }
  .hdr-phone {
    display: none;
  }
  .book-card {
    padding: 28px 24px;
  }
  .logo img {
    width: 150px;
  }
  .banner-text {
    text-align: center;
  }
  .pill {
    font-size: 12px;
  }
  .hero {
    padding: 30px 0 50px;
  }
  .pill {
    margin-bottom: 15px;
  }
  h1 {
    font-size: 35px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 22px;
  }
  .eyebrow {
    font-size: 12px;
  }
  h5 {
    font-size: 16px;
  }
  a,
  p,
  li,
  label,
  body {
    font-size: 14px;
  }
  .hero-ctas {
    justify-content: center;
  }
  .conditions-c .grid-2 {
    margin-top: 25px;
  }
  .band {
    text-align: center;
    padding: 50px;
  }
  .band .mid-cta-text {
    width: 100%;
  }
}
/* Desktop Modal Position Alignment */
@media (min-width: 720px) {
  .modal {
    align-items: center;
  }
  .modal .card {
    border-radius: 20px;
  }
}
/* Mobile Devices */
@media (max-width: 640px) {
  section {
    padding: 30px 0;
  }
  /* Header */
  /* Hero */
  .hero {
    padding: 20px 0 30px;
  }
  .hero-ctas {
    display: flex;
  }
  .hero-ctas .btn {
    flex: 1;
    padding: 12px 8px;
    font-size: 14px;
    white-space: nowrap;
  }
  .proof {
    display: none;
  }
  .pill {
    padding: 7px 12px;
    gap: 5px;
  }
  .hero-checks {
    grid-template-columns: 1fr;
  }
  .chips {
    gap: 6px;
  }
  .chip {
    flex-direction: column;
    text-align: center;
    padding: 10px 6px;
    gap: 6px;
  }
  .chip span {
    display: none;
  }
  .chip b {
    font-size: 12.5px;
  }
  .chip .ic {
    width: 32px;
    height: 32px;
  }
  /* Layout Grids */
  .grid-3,
  .grid-4,
  .mini,
  .signs {
    grid-template-columns: 1fr;
  }
  .grid-5 {
    grid-template-columns: 1fr;
  }
  .opts.two {
    grid-template-columns: 1fr 1fr;
  }
  /* Visual Elements & Cards */
  .strip .it {
    padding: 14px;
    flex-direction: column;
    text-align: center;
    gap: 8px;
  }
  .strip span {
    display: none;
  }
  .band {
    padding: 28px;
  }
  .visual {
    min-height: 0;
    padding: 24px;
  }
  .book-card {
    padding: 24px 18px;
    border-radius: 20px;
  }
  /* Floating UI / Footer */
  .sticky {
    display: flex;
  }
  .sticky .btn {
    white-space: nowrap;
    font-size: 13.5px;
  }
  .fab {
    display: none;
  }
  footer.foot .copy {
    padding-bottom: 90px;
  }
  header .wrap {
    padding: 10px 20px;
  }
  .logo img {
    width: 125px;
  }
  .wrap {
    padding: 0 20px;
  }
  .pill {
    border-radius: 10px;
    justify-content: center;
  }
  h1 {
    font-size: 25px;
  }
  .f-btn {
    width: 100%;
    max-width: 100%;
  }
  .hero-checks {
    margin-top: 25px;
    padding-top: 25px;
  }
  .hero .wrap,
  .band {
    gap: 30px;
  }
  h4 {
    font-size: 16px;
  }
  h2 {
    font-size: 22px;
  }
  .strip b {
    font-size: 14px;
  }
  .cond .top {
    padding: 20px;
  }
  .eye-art {
    margin-bottom: 15px;
  }
  h3 {
    font-size: 18px;
  }
  .signs {
    padding: 20px;
  }
  .sci,
  .contact {
    gap: 30px;
  }
  .fitbox {
    padding: 20px;
  }
  .fitbox li {
    padding: 10px 0 10px 30px;
  }
  .aud .tile .head {
    padding: 20px;
  }
  .aud .tile ul {
    padding: 20px;
  }
  .why-bynocs-c .grid-3 {
    margin-top: 30px;
  }
  footer {
    padding: 50px 0 0px;
  }
  footer .logo img {
    width: 150px;
  }
  footer .privacy-terms {
    padding: 20px 0;
  }
  .why-c .grid-5 {
    margin-top: 20px;
  }
  .whats-btn {
    background: #4caf50;
    color: #fff;
  }
  .row-btn {
    flex-direction: column-reverse;
  }
}/*# sourceMappingURL=responsive.css.map */