/* ==========================================================================
   ClicksAdv Responsive Adjustments for cPanel / Mobile Devices
   ========================================================================== */

@media (max-width: 1024px) {
  .hero-title {
    font-size: 2.75rem;
    line-height: 1.15;
  }
}

@media (max-width: 768px) {
  nav {
    height: 4.5rem !important;
  }
  .nav-logo-container {
    height: 3.5rem !important;
    width: auto !important;
  }
  .pt-40 {
    padding-top: 7rem !important;
  }
  .table-responsive-wrapper {
    -webkit-overflow-scrolling: touch;
    border-radius: 0.75rem;
  }
  .site-modal-card {
    width: 92% !important;
    max-width: 28rem !important;
    margin: 1rem auto;
  }
  .footer-logo, footer img[alt*="Logo"] {
    height: 30px !important;
    max-height: 30px !important;
    width: auto !important;
  }
}

@media (max-width: 480px) {
  .hero-title {
    font-size: 2.25rem !important;
  }
  .btn-stack-mobile {
    flex-direction: column !important;
    width: 100% !important;
  }
  .btn-stack-mobile button {
    width: 100% !important;
  }
}