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

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

  /* start */
  .startBlock {
    width: 25%;
  }

  /* faq */
  .faqBlockTitle {
    font-size: 18px;
    line-height: 28px;
  }
}
@media screen and (max-width: 991px) {
  /* intro */
  .intro {
    background-size: contain;
    background-position: top;
  }
  .introInner {
    flex-direction: column;
  }
  .introImg {
    width: 100%;
  }
  .introImg img {
    transform: none;
    margin: 0 auto;
  }
  .introText {
    width: 100%;
    text-align: center;
    margin-top: -100px;
  }
  #formbox {
    margin: 0 auto;
  }

  /* items */
  .itemBlocks {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .itemBlock {
    width: 45%;
  }

  /* money */
  .moneyInner {
    flex-direction: column;
    row-gap: 30px;
  }
  .moneyLeft {
    width: 100%;
  }
  .moneyRight {
    width: 50%;
  }

  /* start */
  .startBlock {
    width: 30%;
  }
  .startBlockBtn {
    padding: 10px;
    margin-top: 30px;
  }

  /* faq */
  .faqBlocks {
    gap: 18px;
  }
  .faqBlocksColumn {
    width: 100%;
  }

  /* platform */
  .platform {
    margin-top: 50px;
  }

  /* footer */
  .footer {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  /* intro */
  .introText {
    margin-top: 0;
  }
  .introTitle {
    font-size: 27px;
    line-height: 37px;
  }
  .introSub {
    font-size: 15px;
    line-height: 25px;
    margin-top: 20px;
  }
  .introBottom {
    margin-top: 30px;
  }
  .introBottomInner {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  /* items */
  .items {
    margin-top: 30px;
  }
  .itemBlocks {
    padding: 20px;
  }
  .itemBlock {
    width: 100%;
  }

  /* trade */
  .slick-track {
    align-items: stretch;
  }
  .tradeTitle {
    font-size: 27px;
    line-height: 37px;
  }
  .tradeSub {
    font-size: 20px;
  }
  .tradeBoxTop {
    min-height: auto;
    padding: 20px;
  }
  .tradeBoxTopImg {
    flex-direction: column;
    gap: 10px;
  }
  .tradeBoxSub {
    font-size: 16px;
    margin-top: 30px;
  }

  /* money */
  .money {
    margin-top: 30px;
  }
  .moneyTitle {
    font-size: 27px;
    line-height: 37px;
  }
  .moneySub {
    font-size: 20px;
    line-height: 30px;
  }
  .moneyRight {
    width: 100%;
  }

  /* start */
  .start {
    margin-top: 30px;
  }
  .startTitle {
    font-size: 27px;
    line-height: 37px;
  }
  .startSub {
    font-size: 20px;
  }
  .startBlocks {
    flex-direction: column;
    row-gap: 30px;
  }
  .startBlock {
    width: 100%;
  }
  .startBlockSub {
    min-height: auto;
  }

  /* faq */
  .faq {
    margin-top: 30px;
  }
  .faqTitle {
    font-size: 26px;
    line-height: 36px;
  }
  .faqBlockTitleLeft {
    gap: 15px;
  }
  .faqBlock {
    padding: 16px;
  }

  /* platform */
  .platform {
    margin-top: 30px;
  }
  .platformTitle {
    font-size: 27px;
    line-height: 37px;
  }

  /* footer */
  .footer {
    padding: 30px 0;
    margin-top: 30px;
  }
}