/* Responsive overrides for footer only */

/* Tablet and small laptops */
@media (max-width: 900px) {
  .contact-main-container { flex-direction: column; gap: 18px; align-items: stretch; }
  .contact-main-left, .contact-main-center, .contact-main-right { width: 100%; min-width: 0; }
  .footer-links { flex-direction: column; gap: 14px; }
  .footer-link-section { width: 100%; }
  .footer-box-img { min-height: 130px; }
  .footer-horizontal-line { margin-top: 20px; width: 96%; }
  .footer-copyright { margin: 16px; }
}

/* Mobile landscape (phones rotated) */
@media (max-width: 812px) and (orientation: landscape) {
  .footer-contact-details { display: flex; flex-direction: column; gap: 6px; }
}

/* Mobile portrait (phones) */
@media (max-width: 480px) {
  .contact-main-container { padding: 18px 12px 8px 12px; }
  .footer-logo { width: 180px; }
  .footer-brand { font-size: 1.05rem; }
  .footer-desc { font-size: 0.92rem; }
  .footer-social-icons { gap: 10px; }
  .footer-social-icons a { width: 38px; height: 38px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
  .footer-social-icons a i { font-size: 16px; }
  .footer-horizontal-line { margin: 22px auto 0 auto; }
  .footer-copyright { margin: 12px; font-size: 0.85rem; padding-bottom: 18px; }
}

/* Small devices (360px and below) */
@media (max-width: 360px) {
  .footer-social-icons a { width: 34px; height: 34px; }
  .footer-social-icons a i { font-size: 15px; }
  .footer-section-title { font-size: 1rem; }
}
/* Default (Desktop) */
.logo-area span {
    color: #1bba0f;
    font-weight: bold;
    font-size: 1.5em;
    margin-left: 10px;
    white-space: nowrap;
}

/* ================= MOBILE & TABLET ================= */
@media (max-width: 720px) {

    .logo-area {
        flex-wrap: nowrap;
    }

    .logo-area img {
        height: 45px; /* reduce logo size */
    }

    .logo-area span {
        font-size: 1.1em;   /* responsive text */
        margin-left: 6px;
    }
}