/* ==========================================================================
   TRIO CONNECT PRIVATE LIMITED - Responsive Stylesheet
   ========================================================================== */

/* Large Desktop (1200px and up) */
@media (min-width: 1200px) {
  .hero-title {
    font-size: 3.75rem;
  }
}

/* Medium Desktop / Laptops (992px to 1199px) */
@media (max-width: 1199px) {
  .hero-title {
    font-size: 3rem;
  }
  .section-heading {
    font-size: 2.25rem;
  }
  .megamenu {
    padding: 1.5rem;
  }
}

/* Tablets (768px to 991px) */
@media (max-width: 991px) {
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-wrapper {
    padding: 4rem 0 5rem 0;
  }
  .section-padding {
    padding: 4rem 0;
  }
  .section-heading {
    font-size: 2rem;
  }
  .hero-stats-strip {
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  .megamenu {
    position: static !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    padding: 1rem 0 !important;
  }
  .navbar-tc .nav-link::after {
    display: none;
  }
  .footer-bottom {
    margin-top: 2.5rem;
    text-align: center;
  }
  .footer-bottom .text-md-end {
    text-align: center !important;
    margin-top: 0.75rem;
  }
}

/* Mobile Devices (Under 768px) */
@media (max-width: 767px) {
  .top-bar {
    display: none; /* Hide top utility bar on small mobile screens */
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-description {
    font-size: 1rem;
  }
  .section-heading {
    font-size: 1.75rem;
  }
  .section-padding {
    padding: 3rem 0;
  }
  .btn-tc-primary,
  .btn-tc-teal,
  .btn-tc-outline,
  .btn-tc-outline-white {
    width: 100%;
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
  }
  .industry-card {
    height: 240px;
  }
  .floating-whatsapp {
    bottom: 70px;
    right: 16px;
    width: 42px;
    height: 42px;
    font-size: 1.25rem;
  }
  .back-to-top {
    bottom: 16px;
    right: 16px;
    width: 42px;
    height: 42px;
  }
}

/* Small Phones (Under 480px) */
@media (max-width: 480px) {
  .navbar-brand img {
    height: 38px;
  }
  .hero-stat-number {
    font-size: 1.75rem;
  }
  .testimonial-card {
    padding: 1.5rem;
  }
}