/* =====================
   Responsive Styles
===================== */

/* Large Tablets / Small Laptops */
@media (max-width: 1100px) {

  /* Services */
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}

/* Tablets */
@media (max-width: 992px) {

  body::before {
    background-size: 200px;
  }

  /* Hide Top Bar */
  .top-bar {
    display: none;
  }

  /* Header */
  header {
    top: 0;
  }

  .logo img {
    height: 65px;
  }

  /* Header Layout */
  .header-container {
    padding: 12px 14px;
  }

  .call-link,
  .cta-btn {
    display: none;
  }

  .menu-toggle {
    font-size: 1.6rem;
  }

  /* Banner */
  .banner {
    padding: 145px 16px 0;
    background: radial-gradient(
      circle at 30% 30%,
      rgba(212, 175, 55, 0.19),
      transparent 60%
    );
  }

  .banner-container {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .banner-content {
    text-align: center;
  }

  .banner-content h1 {
    font-size: 1.8rem;
    margin-bottom: -19px;
    line-height: 28px;
  }

  .banner-content h2{
    margin-top: 30px;
    font-size: 1.2rem;
    line-height: 28px;
    letter-spacing: 2px;
    margin-bottom: 10px;
  }

  .banner-content p {
    margin: 0 auto;
    margin-bottom: 15px;
    font-size: 0.9rem;
    line-height: 23px;
  }

  /* Case Studies */
  .case-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Testimonials */
  .testimonial-card {
    flex: 0 0 50%;
  }
}

/* Tablets & Large Phones */
@media (max-width: 900px) {

  /* Footer */
  .footer-container {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .footer-cta,
  .footer-about p {
    text-align: center;
    margin: -40px 0 auto;
  }
  .footer-text{
    margin-bottom: 12px;
  }

  .contact-item {
    justify-content: center;
  }
  .footer-quote{
    line-height: 28px;
  }
}

/* Mobile */
@media (max-width: 600px) {

  /* Services & Case Studies */
  .services-grid,
  .case-grid {
    grid-template-columns: 1fr;
  }

  .services,
  .case-studies,
  .faq-section {
    padding: 0 16px;
  }

  /* Headings */
  .services-header h2,
  .testimonials-header h2,
  .faq-header h2,
  .case-header h2 {
    font-size: 1.9rem;
  }

  /* Cards */
  .service-card,
  .case-card {
    padding: 30px 22px;
  }

  .price {
    font-size: 1.4rem;
  }

  .features li {
    font-size: 0.88rem;
  }

  /* Banner Form */
  .banner-form {
    padding: 10px 22px;
    transform: translateY(-10px);
  }

  .banner-form h3 {
    font-size: 1.2rem;
  }

  .banner-form select {
    font-size: 0.9rem;
  }

  /* Sidebar */
  .sidebar {
    width: 100%;
    padding: 22px;
  }

  .sidebar nav a {
    font-size: 1.15rem;
  }

  /* FAQ */
  .faq-item,
  .faq-question {
    text-align: left;
  }

  .faq-question {
    padding: 7px 18px;
  }

  .faq-item.active .faq-answer {
    padding: 0 30px 10px 19px;
  }

  /* Testimonials */
  .testimonial-card {
    flex: 0 0 100%;
    margin-right: 0px;
  }
  .footer-about{
    margin: -40px;
  }
}
/* Desktop floating animation */
@media (min-width: 769px) {
  .galaxy i{ animation: floatGalaxyDesktop 22s linear infinite; }
}

/* Mobile lighter animation */
@media (max-width: 768px) {
  .galaxy i{ animation: floatGalaxyMobile 30s linear infinite; opacity:.12; }
}