/* ==========================================================================
   Homepage mobile spacing / responsive fixes
   Loaded only by index.php, after responsive.css, so it wins on specificity
   ties and does not affect any other page.
   ========================================================================== */

@media (max-width: 767px) {

  /* --------------------------------------------------------------------
     1. One vertical rhythm for every top-level home section.
        responsive.css gives .section-xl 60px top + 60px bottom, so two
        stacked sections were leaving a 120px gap on a phone.
     -------------------------------------------------------------------- */
  .page-content > section.section-xl {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  /* Testimonials keep their flush bottom (slider sits against the next block) */
  .page-content > section.testimonial-custom {
    padding-top: 40px;
    padding-bottom: 0;
  }

  /* --------------------------------------------------------------------
     2. The two "About us" blocks carry margin:50px 0 of their own, which
        stacked on top of the neighbouring section padding.
     -------------------------------------------------------------------- */
  .about-us-section_two {
    margin: 40px 0;
  }

  .about-us-section_two + .about-us-section_two {
    margin-top: 0;
  }

  .about-us-section_two .pbmit-sticky-special {
    margin-bottom: 24px;
  }

  /* --------------------------------------------------------------------
     3. Counters were the worst offender: 60px margin-top on top of their
        own 60px padding, right under the tab section's 60px bottom padding.
     -------------------------------------------------------------------- */
  .fid-section_three {
    margin-top: 0;
    padding: 40px 0;
  }

  /* --------------------------------------------------------------------
     4. Specialities: sticky header column is pointless once the two
        columns stack, and it was pushing a gap before the service list.
     -------------------------------------------------------------------- */
  .pbmit-sticky-section .pbmit-ele-header-area {
    position: static;
    top: auto;
  }

  .pbmit-sticky-section .pbmit-servicebox-right {
    margin-top: 30px;
  }

  /* --------------------------------------------------------------------
     5. Responsive fixes (not gap related)
     -------------------------------------------------------------------- */

  /* Fixed 200px quote box either clipped long reviews or left dead space */
  .testimonial-custom-container .pbminfotech-box-desc {
    height: auto;
    min-height: 0;
  }

  /* Hero card was inset 20px each side — too much on a 360px screen */
  .pbmit-slider-item {
    margin: 16px 12px;
  }
}

@media (max-width: 480px) {

  .page-content > section.section-xl {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .page-content > section.testimonial-custom {
    padding-top: 32px;
    padding-bottom: 0;
  }

  .about-us-section_two {
    margin: 32px 0;
  }

  .fid-section_three {
    padding: 32px 0;
  }
}