@media screen and (min-width: 1240px) and (max-width: 1360px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
  /* container */
  .container {
    padding: 0 20px;
  }

  /* content */
  .startBox,
  .ageBox,
  .peopleBox,
  .incomeBoxAnswers,
  .questionBoxAnswers,
  .newsBox,
  .achieveBoxAnswers,
  .achieveBoxImg,
  .challengeBoxSub,
  .challengeBoxAnswers,
  .helpBox,
  .satisfiedBoxAnswers,
  .oftenBoxAnswers,
  .oftenBoxImg,
  .moneyBoxAnswers,
  .confidentBoxAnswers,
  .futureBox,
  .wealthyBoxAnswers,
  .wealthyBoxImg,
  .saveBoxAnswers,
  .workBoxAnswers,
  .growBoxAnswers,
  .investBoxAnswers,
  .strategieBox,
  .knowledgeBoxAnswers,
  .rateBoxAnswers,
  .profileBoxInner,
  .wishBoxAnswers,
  .spendBoxAnswers,
  .spendBoxAnswers1,
  .spendBoxImg,
  .spendBoxImg1,
  .personBox,
  .createBox,
  .skilsBox,
  .skilsBoxTitle1,
  .submit,
  .dataBox,
  .lastBox,
  .readiness,
  .blueQubit {
    margin-top: 30px;
  }
  .startBoxAnswers {
    margin-top: 80px;
  }
  .contentBoxTitle {
    font-size: 25px;
  }
  .contentBoxSub3,
  .newsBoxSub,
  .challengeBoxSub,
  .helpBoxSub,
  .futureBoxSub,
  .strategieBoxSub {
    font-size: 16px;
  }
  .btn {
    margin-top: 30px;
  }
  .goalBoxAnswerTitle,
  .incomeBoxAnswerTitle,
  .questionBoxAnswerTitle,
  .achieveBoxAnswerTitle,
  .challengeBoxAnswerTitle,
  .satisfiedBoxAnswerTitle,
  .oftenBoxAnswerTitle,
  .moneyBoxAnswerTitle,
  .confidentBoxAnswerTitle,
  .wealthyBoxAnswerTitle,
  .saveBoxAnswerTitle,
  .workBoxAnswerTitle,
  .growBoxAnswerTitle,
  .investBoxAnswerTitle,
  .knowledgeBoxAnswerTitle,
  .rateBoxAnswerTitle,
  .wishBoxAnswerTitle,
  .spendBoxAnswerTitle,
  .spendBoxAnswerTitle1,
  .readinessSub,
  .blueQubitTitle,
  .learnTitle {
    font-size: 20px;
  }
  .goalBoxAnswer .contentBoxAnswerImg img,
  .incomeBoxAnswer .contentBoxAnswerImg img,
  .questionBoxAnswer .contentBoxAnswerImg img,
  .challengeBoxAnswer .contentBoxAnswerImg img,
  .satisfiedBoxAnswer .contentBoxAnswerImg img,
  .moneyBoxAnswer .contentBoxAnswerImg img,
  .confidentBoxAnswer .contentBoxAnswerImg img,
  .saveBoxAnswer .contentBoxAnswerImg img,
  .workBoxAnswer .contentBoxAnswerImg img,
  .growBoxAnswer .contentBoxAnswerImg img,
  .investBoxAnswer .contentBoxAnswerImg img,
  .knowledgeBoxAnswer .contentBoxAnswerImg img,
  .rateBoxAnswer .contentBoxAnswerImg img,
  .wishBoxAnswer .contentBoxAnswerImg img {
    width: 80px;
    height: 80px;
  }
  .achieveBoxAnswer,
  .oftenBoxAnswer,
  .wealthyBoxAnswer,
  .spendBoxAnswer,
  .spendBoxAnswer1 {
    padding: 20px;
  }
  .knowledgeBoxAnswer,
  .moneyBoxAnswer,
  .saveBoxAnswer,
  .workBoxAnswer,
  .investBoxAnswer {
    padding: 10px 8px;
  }
  .companiesBoxAnswer {
    width: 45%;
  }
  .wishBoxSub,
  .personBoxSub,
  .personBoxTitle1,
  .createBoxSub {
    font-size: 18px;
    margin-top: 30px;
  }
  .createBoxTitle {
    font-size: 25px;
    margin-top: 30px;
  }
  .readinessBottom {
    padding: 20px;
  }
  .blueQubitItems {
    flex-direction: column;
  }
  .blueQubitItem {
    width: 100%;
  }
}