@media screen and (min-width: 1240px) and (max-width: 1360px) {
  /* header */
  .headerLinks {
    display: none;
  }

  /* container */
  .container {
    padding: 0 16px;
  }
}
@media screen and (max-width: 1024px) {
  /* container */
  .container {
    padding: 0 16px;
  }

  /* header */
  .headerLinks {
    display: none;
  }

  /* start */
  .startText {
    padding: 72px;
  }
}
@media screen and (max-width: 991px) {
  /* intro */
  .introTop {
    flex-direction: column-reverse;
    padding: 50px 0;
    gap: 30px;
  }
  .introText {
    width: 100%;
  }
  .introImg {
    width: 100%;
  }
  .introImg img {
    margin: 0 auto;
  }

  /* account */
  .accountsLinks {
    overflow-x: scroll;
    width: 70%;
  }
  .accountLink {
    text-wrap: nowrap;
  }

  /* offers */
  .offers {
    margin-top: 0;
  }

  /* what */
  .what {
    padding-bottom: 50px;
  }
  .whatBoxBottom {
    flex-wrap: wrap;
    margin-top: 20px;
  }

  /* grow */
  .grow {
    padding-bottom: 50px;
  }

  /* open */
  .open {
    padding-bottom: 50px;
  }

  /* features */
  .features {
    padding-bottom: 50px;
  }

  /* info */
  .info {
    padding-bottom: 50px;
  }

  /* items */
  .items {
    padding-bottom: 50px;
  }

  /* start */
  .start {
    padding-bottom: 50px;
  }
  .startText {
    padding: 30px;
  }
  .startTitle {
    font-size: 29px;
    line-height: 39px;
  }

  /* save */
  .save {
    padding-bottom: 50px;
  }

  /* fund */
  .fund {
    padding-bottom: 50px;
  }

  /* profit */
  .profit {
    padding-bottom: 50px;
  }
  .profitBoxs {
    gap: 50px;
    margin-top: 50px;
  }

  /* faq */
  .faq {
    padding-bottom: 50px;
  }

  /* footer */
  .footerTop {
    flex-direction: column;
    gap: 30px;
  }
  .footerTopLeft {
    width: 100%;
  }
  .footerLinksBoxs {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  /* header */
  .headerRight {
    display: none;
  }

  /* intro */
  .introTop {
    padding: 30px 0;
  }
  .introTitle {
    font-size: 25px;
    line-height: 35px;
  }
  .introSubs {
    margin-top: 30px;
  }
  .introUsers {
    margin-top: 30px;
  }
  .introUsersBoxs {
    flex-direction: column;
  }
  .introTextBottom {
    flex-direction: column;
    gap: 10px;
    margin-top: 39px;
  }
  .introSub {
    font-size: 16px;
    line-height: 26px;
  }

  /* account */
  .accountsLinks {
    width: 100%;
  }
  .accountsBtn {
    display: none;
  }

  /* offers */
  .offers {
    margin-top: 0;
  }
  .offersInner {
    flex-direction: column;
    gap: 20px;
  }
  .offerBox {
    width: 100%;
  }
  .offerBoxBottom {
    padding: 20px;
  }

  /* page */
  .page {
    padding: 30px 0;
  }
  .pageSubs {
    flex-direction: column;
  }
  .pageSub {
    padding: 8px 16px;
  }
  .pageSubsInner {
    width: 100%;
  }

  /* what */
  .what {
    padding: 30px 0;
  }
  .whatTitle {
    font-size: 24px;
    line-height: 34px;
  }
  .whatTextBottom {
    flex-direction: column;
    gap: 20px;
  }

  /* grow */
  .grow {
    padding: 30px 0;
  }
  .growTitle {
    font-size: 24px;
    line-height: 34px;
  }

  /* open */
  .open {
    padding: 30px 0;
  }
  .openTitle {
    font-size: 24px;
    line-height: 34px;
  }

  /* features */
  .features {
    padding: 30px 0;
  }
  .featuresTitle {
    font-size: 24px;
    line-height: 34px;
  }

  /* info */
  .info {
    padding: 30px 0;
  }
  .infoTitle {
    font-size: 24px;
    line-height: 34px;
  }

  /* items */
  .items {
    padding: 30px 0;
  }
  .itemsTitle {
    font-size: 24px;
    line-height: 34px;
  }
  .itemBlock {
    width: 100%;
    padding: 20px;
  }

  /* save */
  .save {
    padding: 30px 0;
  }
  .saveTitle {
    font-size: 24px;
    line-height: 34px;
  }

  /* fund */
  .fund {
    padding-bottom: 30px;
  }

  /* start */
  .start {
    padding-bottom: 30px;
  }
  .startInner {
    flex-direction: column;
  }
  .startText {
    width: 100%;
    padding: 20px;
  }
  .startTitle {
    font-size: 24px;
    line-height: 34px;
  }
  .startImg {
    width: 100%;
  }
  .startImg img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0 0 8px 8px;
  }

  /* profit */
  .profit {
    padding-bottom: 30px;
  }
  .profitTitle {
    font-size: 24px;
    line-height: 34px;
  }
  .profitBoxs {
    gap: 30px;
    margin-top: 30px;
  }
  .profitInfoSub {
    margin-top: 30px;
  }

  /* faq */
  .faq {
    padding-bottom: 30px;
  }
  .faqTitle {
    font-size: 24px;
    line-height: 34px;
  }

  /* comments */
  .comments {
    padding: 30px 0;
  }
  .commentsTitle {
    font-size: 24px;
    line-height: 34px;
  }
  .commentsLinks {
    overflow-x: auto;
  }
  .commentLink {
    text-wrap: nowrap;
  }
  .commentsBlocks {
    padding: 15px;
  }
  .commentsBottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .commentsBottomLinks {
    flex-wrap: wrap;
  }

  /* footer */
  .footer {
    padding: 30px 0;
  }
  .footerLinksBoxs {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .footerLinksBox {
    width: 48%;
  }
  .footerMiddle {
    flex-direction: column;
  }
  .footerSubs {
    width: 100% !important;
  }
  .footerBottom {
    flex-direction: column;
    gap: 20px;
  }
}