/*
  AJUTOR_FOOTER_MOBILE_V1_20260709
  Mobile-only footer cleanup.
  Does not touch desktop layout.
*/

@media (max-width: 767.98px) {
  .footer-area,
  footer {
    text-align: center;
  }

  .footer-area .footer-up,
  .footer-area .footer-widget,
  .footer-area .single-footer-widget,
  .footer-area [class*="col-"] {
    margin-bottom: 26px;
  }

  .footer-area img,
  footer img {
    max-width: 190px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-area .footer-logo,
  .footer-area .navbar-brand,
  footer .footer-logo,
  footer .navbar-brand {
    display: inline-block;
    margin: 0 auto 18px auto;
  }

  .footer-area h4,
  .footer-area h5,
  .footer-area .widget-title,
  footer h4,
  footer h5 {
    margin-top: 10px;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 1.25;
  }

  .footer-area ul,
  footer ul {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
  }

  .footer-area ul li,
  footer ul li {
    margin-bottom: 9px;
  }

  .footer-area p,
  footer p {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.65;
  }

  .footer-area form,
  footer form,
  .footer-area .subscribe-form,
  footer .subscribe-form {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-area input[type="email"],
  .footer-area input[type="text"],
  footer input[type="email"],
  footer input[type="text"] {
    width: 100% !important;
    margin-bottom: 12px;
    text-align: center;
  }

  .footer-area button,
  .footer-area input[type="submit"],
  footer button,
  footer input[type="submit"] {
    width: 100%;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }

  .copyright-area,
  .footer-bottom,
  .copyright-line {
    text-align: center !important;
  }

  .copyright-area .row,
  .footer-bottom .row {
    justify-content: center;
  }

  .copyright-area [class*="col-"],
  .footer-bottom [class*="col-"] {
    text-align: center !important;
    margin-bottom: 8px;
  }

  .back-to-top,
  #backTop,
  .backTop {
    right: 16px !important;
    bottom: 16px !important;
  }
}

@media (max-width: 420px) {
  .footer-area,
  footer {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-area img,
  footer img {
    max-width: 178px;
  }

  .footer-area p,
  footer p,
  .footer-area form,
  footer form,
  .footer-area .subscribe-form,
  footer .subscribe-form {
    max-width: 300px;
  }
}