/* Mobile-only responsive overrides */

/* Comparison table on narrow screens */
@media (max-width: 600px) {
  .cmp-cell {
    padding: 12px 10px;
    font-size: 14px;
  }

  .cmp-header .cmp-cell {
    font-size: 12px;
  }

  .cmp-check {
    display: none;
  }
}

/* --- <=767px: Mobile --- */
@media screen and (max-width: 767px) {
  .footer-social-list {
    justify-content: flex-start;
  }

  .footer_social {
    text-align: left !important;
  }

  .container, .container-fluid {
    padding-left: 32px;
    padding-right: 32px;
  }

  /* Keep long-form content readable on mobile */
  .cta_area .single_blog_content {
    text-align: left;
  }

  /* Prevent hero image overlap on mobile */
  .welcome_area .illas_box {
    display: none;
  }

  .welcome_area {
    padding-top: 100px !important;
    padding-bottom: 60px !important;
  }

  .title2 .hero-subtitle {
    font-size: 18px;
    line-height: 26px;
  }

  .submit_btn, .signup_btn2, .signup_btn3, .action_btn, .btn2 {
    font-size: 14px;
    padding: 12px 16px;
  }

  .btn2_group a {
    display: inline-block;
    min-height: 44px;
  }

  .btn2_group img {
    min-height: 44px;
    height: 44px;
    width: auto;
  }

  .subscribe_form input,
  .subscribe_form button.submit_btn {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    float: none;
  }
}

/* --- <=425px: Small phones --- */
@media screen and (max-width: 425px) {
  .container, .container-fluid {
    padding-left: 32px;
    padding-right: 32px;
  }

  .title2 h1 {
    font-size: 32px;
    line-height: 40px;
  }

  .title2 .hero-subtitle {
    font-size: 16px;
    line-height: 22px;
  }
}