/* =========================================================
   MOBILE COMPACT SPACING (max-width: 767px ONLY)
   Reduces the theme's large section paddings/margins on phones.
   Desktop is untouched.
   ========================================================= */
@media (max-width: 767px) {

  /* --- About --- */
  .about {
    padding: 40px 0 10px !important;
  }

  /* --- Services grid --- */
  #services-section {
    padding-top: 20px !important;
    padding-bottom: 30px !important;
  }

  /* --- Stats counter --- */
  .about-bottom {
    padding: 35px 0 10px !important;
  }

  /* --- Roofing details --- */
  .property-details {
    padding: 30px 0 35px !important;
  }
  .property-details h2 {
    margin: 0 0 20px 0 !important;
  }
  .property-pros {
    margin-bottom: 20px !important;
  }
  .about-bottom {
    padding-bottom: 0 !important;
  }

  /* --- Photo gallery --- */
  .photo-gallery {
    padding-top: 40px !important;
  }

  /* --- Service sectors --- */
  .service-sectors-light {
    padding-top: 40px !important;
    padding-bottom: 10px !important;
  }

  /* --- Section titles: trim default heading margins --- */
  .about h1,
  .photo-gallery h1,
  .latest-property h1,
  .service-sectors-light h1,
  .testimonials-title h1 {
    margin-top: 0 !important;
  }

  /* --- Testimonials --- */
  .testimonials-title {
    margin-top: 40px !important;
    margin-bottom: 20px !important;
  }
  .trust-marquee {
    padding: 0 0 20px 0 !important;
  }
  #testimonial-carousel {
    margin-bottom: 0 !important;
  }
  .testimonials ~ .container-fluid,
  .container-fluid.padding-fix {
    margin-bottom: 0 !important;
  }
  .testimonial-comment p {
    padding: 10px 5px 5px 5px !important;
  }
  .testimonial-carousel .owl-pagination {
    padding: 15px 0 30px 0 !important;
  }

  /* --- Lead form --- */
  .contract-section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  /* --- Footer --- */
  .footer-middle {
    padding: 35px 0 10px 0 !important;
  }
  .footer-widget {
    margin-bottom: 20px !important;
  }
  .footer-widget h3 {
    margin-bottom: 15px !important;
  }
  /* --- Global Mobile H1 Override --- */
  h1, h1.section-heading, .page-title-banner h1, .hero-static-overlay h1 {
    font-size: 30px !important;
    line-height: 1.3 !important;
  }

  /* --- Fix Massive Inline Paddings on New Pages --- */
  .page-title-banner {
    padding: 60px 0 40px 0 !important;
  }
  
  .about-ecoreal, 
  .ecoreal-features, 
  .who-we-are, 
  .project-section, 
  .contact-page-details, 
  .contact-form {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  
  /* Less top padding if it's right under the banner to prevent double gaps */
  .page-title-banner + .about-ecoreal,
  .page-title-banner + .project-section,
  .page-title-banner + .contact-page-details {
    padding-top: 20px !important;
  }

  /* --- Mobile Sticky Navbar --- */
  #my-navbar {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
  
  #navbar-placeholder {
    height: 52px;
    display: block;
  }
}