/* =================================================================
   WEGA Services — Responsive Stylesheet
   ================================================================= */

/* Large tablets / small desktops */
@media (max-width: 1199px) {
  .hero h1 { font-size: 48px; }
  .section-head h2 { font-size: 34px; }
}

/* Tablets */
@media (max-width: 991px) {
  .section { padding: 70px 0; }

  /* Collapsed nav needs a solid backdrop to stay readable */
  .navbar-wega { padding: 14px 0; background: #fff; box-shadow: 0 6px 24px rgba(16,32,44,.08); }
  .navbar-wega .logo-light { display: none; }
  .navbar-wega .logo-dark { display: inline-block; }
  .navbar-wega .navbar-nav .nav-link { color: #16202C; padding: 10px 4px !important; }
  .navbar-wega .navbar-nav .nav-link::after { display: none; }
  .navbar-wega .navbar-toggler { color: #16202C; }
  .navbar-wega .navbar-collapse {
    background: #fff;
    margin-top: 12px;
    padding: 12px 18px 18px;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(16,32,44,.1);
  }
  .navbar-wega .nav-cta { margin: 12px 0 0; }
  .navbar-wega .nav-cta .btn-accent { display: inline-block; }

  .hero { min-height: auto; }
  .hero-content { padding: 150px 0 90px; text-align: center; }
  .hero .lead { margin-left: auto; margin-right: auto; }
  .hero h1 { font-size: 42px; }

  .about-img-wrap { margin-bottom: 60px; }
  .about-text { margin-bottom: 10px; }

  .counter-item { margin-bottom: 30px; }

  .why-img-wrap { margin-bottom: 40px; }

  .contact-info-card { margin-bottom: 30px; }

  .footer [class*="col-"] { margin-bottom: 36px; }

  .page-header { padding: 150px 0 70px; }
  .page-header h1 { font-size: 38px; }
}

/* Phones */
@media (max-width: 767px) {
  body { font-size: 15px; }
  .section { padding: 56px 0; }
  .section-head { margin-bottom: 42px; }
  .section-head h2 { font-size: 28px; }

  .hero h1 { font-size: 34px; }
  .hero p.lead { font-size: 17px; }
  .hero .hero-btns .btn-wega,
  .hero .hero-btns .btn-accent,
  .hero .hero-btns .btn-outline-light { display: block; width: 100%; margin: 0 0 14px !important; }

  /* Fixed-attachment parallax is janky on mobile */
  .counter-band,
  .page-header,
  .hero { background-attachment: scroll; }

  .counter-item .c-num { font-size: 38px; }

  .service-card { padding: 36px 26px; }

  .cta-strip { text-align: center; }
  .cta-strip .text-right { text-align: center !important; margin-top: 22px; }
  .cta-strip h3 { font-size: 24px; }

  .about-experience { right: 15px; bottom: -20px; padding: 16px 22px; }
  .about-experience .num { font-size: 30px; }

  .to-top { right: 16px; bottom: 16px; }
}

/* Small phones */
@media (max-width: 480px) {
  .hero h1 { font-size: 29px; }
  .section-head h2 { font-size: 24px; }
  .pf-filter button { padding: 7px 14px; font-size: 12px; }
  .contact-info-card,
  .testi-card { padding: 30px 24px; }
}