@media screen and (min-width: 1024px) and (max-width: 1360px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
  /* header */
  .logo {
    font-size: 20px;
    line-height: 30px;
  }

  /* content */
  .content {
    padding-top: 80px;
  }
  .contentTitle br {
    display: none;
  }
  .contentTitle {
    font-size: 22px;
    line-height: 32px;
  }
  .contentBox1 {
    margin-top: 30px;
  }
  .contentSub1 {
    font-size: 16px;
    line-height: 26px;
  }
  .eligibilityBox {
    margin-top: 30px;
  }
  .eligibilityBoxTitle {
    font-size: 20px;
    line-height: 30px;
  }
  .eligibilityLinks {
    flex-direction: column;
  }
  .eligibilityLink {
    height: 80px;
    font-size: 18px;
    line-height: 28px;
    padding: 20px;
  }
  .benefits {
    margin-top: 30px;
  }
  .benefitsTitle {
    font-size: 20px;
    line-height: 30px;
  }
  .benefitsSubs {
    padding: 20px;
    margin-top: 30px;
  }
  .benefitSub {
    font-size: 16px;
    line-height: 26px;
  }
  .benefitsBtn {
    font-size: 18px;
    padding: 20px;
    margin-top: 30px;
  }
  .contentSubs1,
  .benefitsSubs1 {
    margin-top: 30px;
  }
  .contentTitle1 {
    font-size: 20px;
    line-height: 30px;
  }
  .benefitsBtn1 {
    font-size: 18px;
    padding: 20px;
    margin-top: 30px;
  }
  #formbox {
    padding: 20px;
  }
  .formTitle p {
    font-size: 20px;
    line-height: 30px;
  }
  .footerTop {
    gap: 30px;
    padding: 20px;
  }

  /* popups */
  .popupBox {
    padding: 20px;
    padding-top: 50px;
  }
  .popupTitle {
    font-size: 23px;
  }
  .popupTitle1 {
    font-size: 18px;
  }
}
