html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
video,
iframe {
  max-width: 100%;
}

@media (max-width: 991.98px) {
  .header-area .logo img {
    max-width: 150px;
    height: auto;
  }

  .header-area .container,
  .header-area .second-menu {
    width: 100%;
  }

  .header-area .main-menu {
    margin: 0;
  }

  .header-area .mean-container .mean-nav {
    width: 100%;
    left: 0;
    right: 0;
  }

  .header-area .mean-container .mean-nav ul li a {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .slider-content h1,
  .slider-content h2 {
    font-size: 36px;
    line-height: 1.15;
  }

  .container,
  .container-fluid {
    max-width: 100%;
  }

  .section-title h2 {
    font-size: 30px;
    line-height: 1.2;
  }
}

@media (max-width: 575.98px) {
  .header-area .logo img {
    max-width: 125px;
  }

  .slider-content h1,
  .slider-content h2 {
    font-size: 29px;
  }

  .btn,
  button,
  input,
  select,
  textarea {
    max-width: 100%;
  }

  .copyright-wrap {
    text-align: center;
  }
}

/* ---------- PWA / touch refinements ---------- */

/* Keep content clear of notches and home indicator when installed */
@media (display-mode: standalone) {
  body {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
  }

  .footer-bg {
    padding-bottom: calc(70px + env(safe-area-inset-bottom));
  }
}

/* Comfortable touch targets on small screens */
@media (max-width: 991.98px) {
  .footer-link a,
  .footer-social a,
  .header-social a,
  .f-contact a {
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
  }

  .btn,
  button[type="submit"] {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="tel"],
  input[type="search"],
  input[type="number"],
  select,
  textarea {
    min-height: 44px;
    font-size: 16px; /* prevents iOS zoom-on-focus */
  }

  /* Wide tables scroll horizontally instead of breaking layout */
  .card-body > table,
  .card-block > table,
  .table-wrap > table,
  table:not(.table-responsive table) {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  h1, h2, h3, h4, h5, h6, p, a, span, li {
    overflow-wrap: break-word;
  }
}

@media (max-width: 575.98px) {
  .slider-content .btn,
  .section-title {
    margin-left: auto;
    margin-right: auto;
  }

  .header-cta .call-box {
    justify-content: center;
  }

  .footer-widget {
    text-align: center;
  }

  .footer-widget .footer-social,
  .f-contact ul {
    padding-left: 0;
    list-style: none;
  }

  .f-contact ul li {
    justify-content: center;
  }
}