/* Mobile refinements shared by Home, About, Services, FAQ and Contact. */
@media screen and (max-width: 992px) {
  .navbar,
  .navbar.nav-scroll {
    position: absolute !important;
    top: 18px !important;
    padding: 0 !important;
    transform: none !important;
    transition: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: transparent !important;
  }

  .navbar > .container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .navbar .logo {
    width: auto;
    width: 225px;
    max-width: 225px;
    padding: 0;
    border: 0;
  }

  .navbar .logo .onelogo {
    display: block;
    width: 225px;
    max-width: 100%;
    height: auto;
    max-height: 64px;
  }

  .navbar .topnav .butn { display: none !important; }
  .navbar .topnav { width: auto; padding-right: 0; margin-left: auto; }

  .header-sa { padding: 140px 0 72px; }
  .about-hed,
  .serv-hed,
  .pricing-hed,
  .contact-hed { padding-top: 130px !important; }

  .header-sa .caption h1 { font-size: 46px; line-height: 1.08; }
  .about-hed h1,
  .serv-hed h1,
  .pricing-hed .caption h1,
  .contact-hed .caption h1 {
    font-size: 38px !important;
    line-height: 1.18 !important;
    letter-spacing: -1px !important;
  }

  .section-padding { padding-top: 64px; padding-bottom: 64px; }
  .section-padding.pt-0 { padding-top: 0; }
  .section-padding.pb-0 { padding-bottom: 0; }
  .mb-80 { margin-bottom: 48px !important; }
  .mb-100 { margin-bottom: 56px !important; }

  .services-sa .item { margin-bottom: 28px; }
  .services-sa .item .img { margin-top: 20px; }
  .services-mp .serv-title .tab-title h2 { font-size: 48px; line-height: 1.12; }
  .contact-sa .box { padding: 64px 28px; }
  .contact-hed .google-map { height: 380px; }
  .contact-hed .google-map iframe { height: 100%; }

  .footer-sa { padding-bottom: 34px !important; }
  .footer-sa > .container.section-padding { padding-top: 56px; padding-bottom: 36px; }
  .footer-sa .call-action { margin-bottom: 42px !important; }
  .footer-sa .call-action h2 { font-size: 50px; line-height: 1.08; }
  .footer-sa .sec-head { margin-bottom: 28px !important; }
  .footer-sa .sec-head .mb-80,
  .footer-sa .sec-head .mb-50 { margin-bottom: 28px !important; }
  .footer-sa .logo { width: min(300px, 100%); }
  .footer-sa .contact-info .item { margin-top: 22px; margin-bottom: 20px; }
  .footer-sa .contact-info .justify-content-end,
  .footer-sa .sub-footer .justify-content-end { justify-content: flex-start !important; }
  .footer-sa img[src*="ShopifyPartners_Primary_Inverted"] {
    display: block;
    width: 240px !important;
    max-width: 100%;
    height: auto;
    margin-top: 18px !important;
  }
  .footer-sa .sub-footer { padding-top: 22px; }
  .footer-sa .sub-footer .links {
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 14px 22px;
  }
}

@media screen and (max-width: 520px) {
  .navbar { top: 14px !important; }
  .navbar .logo { width: 195px; max-width: 195px; }
  .navbar .logo .onelogo { width: 195px; max-width: 195px; max-height: none; }

  .header-sa { padding: 118px 0 52px; }
  .about-hed,
  .serv-hed,
  .pricing-hed,
  .contact-hed { padding-top: 116px !important; }
  .header-sa .caption h1 { font-size: 38px; }
  .about-hed h1,
  .serv-hed h1,
  .pricing-hed .caption h1,
  .contact-hed .caption h1 { font-size: 32px !important; }

  .section-padding { padding-top: 48px; padding-bottom: 48px; }
  .mb-80 { margin-bottom: 36px !important; }
  .mb-100 { margin-bottom: 42px !important; }
  .services-mp .serv-title .tab-title h2 { font-size: 38px; }
  .contact-sa .box { padding: 48px 20px; }
  .contact-hed .google-map { height: 320px; }

  .footer-sa { padding-bottom: 24px !important; }
  .footer-sa > .container.section-padding { padding-top: 44px; padding-bottom: 28px; }
  .footer-sa .call-action { margin-bottom: 32px !important; }
  .footer-sa .call-action h2 { font-size: 38px; }
  .footer-sa .sec-head { margin-bottom: 20px !important; }
  .footer-sa .sec-head h4 { font-size: 24px; line-height: 1.3; }
  .footer-sa .logo { width: min(240px, 100%); }
  .footer-sa img[src*="ShopifyPartners_Primary_Inverted"] { width: 220px !important; }
  .footer-sa .contact-info .item { margin-top: 18px; margin-bottom: 16px; }
  .footer-sa .sub-footer { padding-top: 18px; }
  .footer-sa .sub-footer .copy { margin-bottom: 16px !important; }
  .footer-sa .sub-footer .links { gap: 10px 18px; }
}