/* ==========================================================================
   CHARDONIC OIL & GAS LIMITED - RESPONSIVE BREAKPOINTS
   ========================================================================== */

/* Large Laptops & Desktops (1200px and below) */
@media (max-width: 1200px) {
  .hero-title { font-size: 2.75rem; }
  .section-title { font-size: 2.25rem; }
  .page-title { font-size: 2.75rem; }
  .cards-grid-3 { grid-template-columns: repeat(2, 1fr); }
  .process-horizontal-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Tablets (992px and below) */
@media (max-width: 992px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-media-card { min-height: 380px; }
  .grid-split-2 { grid-template-columns: 1fr; }
  .impact-grid { grid-template-columns: 1fr; }
  .process-steps-grid { grid-template-columns: repeat(2, 1fr); }
  .principles-grid { grid-template-columns: repeat(2, 1fr); }
  .disciplines-grid { grid-template-columns: repeat(2, 1fr); }
  .service-card-grid { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .modal-body-grid { grid-template-columns: 1fr; }
  .modal-info-side { padding: 32px; }
  .modal-form-side { padding: 32px; }
  .contact-page-grid { grid-template-columns: 1fr; }

  /* Mobile Nav Bar */
  .hamburger-btn { display: flex; }

  .section-padding {
  padding-top: 0px;
}
  .nav-menu {
    position: fixed;
    width: 100%;
    
    top: 80px;
    left: 0.2%;
    right: 0.2%;
    background: var(--color-dark);
    padding: 30px;
    border-radius: var(--radius-pill);
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
    transition: var(--transition-smooth);
    box-shadow: var(--shadow-lg);
  }

  .nav-menu.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .nav-menu .nav-link { color: var(--color-white); font-size: 1.1rem; }
  .nav-phone { display: none; }
  .getin { display: none; }
  .getnav { display: block;}
}

/* Small Tablets & Large Phones (768px and below) */
@media (max-width: 768px) {
  .section-padding { padding: 60px 0; }
  .hero-title { font-size: 2.25rem; }
  .page-title { font-size: 2.25rem; }
  .section-title { font-size: 1.85rem; }
  .cta-heading { font-size: 2rem; }
  .cards-grid-3 { grid-template-columns: 1fr; }
  .cards-grid-2 { grid-template-columns: 1fr; }
  .process-steps-grid { grid-template-columns: 1fr; }
  .process-horizontal-grid { grid-template-columns: 1fr; }
  .principles-grid { grid-template-columns: 1fr; }
  .disciplines-grid { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: 1fr; }
  .contact-details-panel, .contact-form-panel { padding: 36px 24px; }
  
  .hero-content-card { padding: 36px 24px; }
  .service-detail-card { padding: 28px 20px; }
  .card { padding: 32px 24px; min-height: auto; }
}

/* Mobile Phones (576px and below) */
@media (max-width: 576px) {
  .hero-title { font-size: 1.85rem; }
  .page-title { font-size: 1.85rem; }
  .hero-btn-group { flex-direction: column; align-items: stretch; }
  .btn { width: 100%; text-align: center; }
  .filter-btn-group { flex-direction: ; }
  .filter-btn { width: 100%; }
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .map-frame, .map-frame iframe { min-height: 320px; height: 320px; }
  
  .lightbox-prev { left: 10px; }
  .lightbox-next { right: 10px; }
}

/* Ultra Small Screens (400px and below) */
@media (max-width: 400px) {
  .logo-text { font-size: 1.05rem; }
  .section-title { font-size: 1.6rem; }
  .cta-banner-card { padding: 36px 20px; }
}