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

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

  /* intro */
  .title {
    font-size: 35px;
  }
  .sub {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  /* intro */
  .intro {
    padding-bottom: 50px;
  }
  .introLink {
    width: 100px;
  }
  .introContent {
    flex-direction: column-reverse;
    row-gap: 30px;
    margin-top: 50px;
  }
  .introText {
    width: 100%;
    text-align: center;
  }
  .introVideo {
    width: 100%;
    height: 410px;
  }

  /* wrapper */
  .wrapper {
    padding: 50px 0;
  }

  /* what */
  .whatInner {
    flex-direction: column-reverse;
    row-gap: 30px;
  }
  .whatText {
    width: 100%;
    text-align: center;
  }
  .whatImg {
    width: 100%;
  }
  .whatImg img {
    margin: 0 auto;
  }

  /* platform */
  .platform {
    margin-top: 50px;
  }
  .platformInner {
    flex-direction: column;
    gap: 30px;
  }
  .platformText {
    width: 100%;
    text-align: center;
  }
  .platformImg {
    width: 100%;
  }
  .platformImg img {
    margin: 0 auto;
  }

  /* items */
  .items {
    padding: 50px 0;
  }
  .itemsBlocks {
    flex-direction: column;
    row-gap: 30px;
    margin-top: 50px;
  }
  .itemBlock {
    width: 50%;
    margin: 0 auto;
  }

  /* numbers */
  .numbers {
    padding: 50px 0;
  }
  .numbersSub1 {
    font-size: 20px;
  }
  .numbersBlocks {
    flex-wrap: wrap;
    row-gap: 30px;
    margin-top: 50px;
  }
  .numberBlock {
    width: 40%;
    margin: 0 auto;
  }

  /* start */
  .start {
    padding: 50px 0;
  }
  .startBlocks {
    flex-direction: column;
    row-gap: 30px;
    margin-top: 50px;
  }
  .startBlock {
    width: 50%;
    margin: 0 auto;
  }

  /* get */
  .get {
    padding: 50px 0;
  }
  .getInner {
    flex-direction: column;
    row-gap: 30px;
  }
  .getText {
    width: 100%;
    text-align: center;
  }
  .getTitle br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  /* intro */
  .intro {
    padding: 30px 0;
  }
  .introLinks {
    display: none;
  }
  .introContent {
    margin-top: 30px;
  }
  .introVideo {
    width: 100%;
    height: 189px;
  }
  .title {
    font-size: 25px;
  }
  .sub {
    font-size: 16px;
  }
  .btn {
    padding: 20px 0;
  }

  /* wrapper */
  .wrapper {
    padding: 30px 0;
  }

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

  /* items */
  .items {
    padding: 30px 0;
  }
  .itemsTitle {
    font-size: 25px;
  }
  .itemsBlocks {
    margin-top: 30px;
  }
  .itemBlock {
    width: 100%;
  }

  /* numbers */
  .numbers {
    padding: 30px 0;
  }
  .numbersTitle {
    font-size: 30px;
    margin-top: 30px;
  }
  .numbersSub1 {
    font-size: 18px;
  }
  .numbersBlocks {
    margin-top: 30px;
  }
  .numberBlock {
    width: 100%;
  }
  .numberBlockTitle {
    font-size: 40px;
    text-align: center;
  }
  .numberBlockSub {
    font-size: 16px;
    text-align: center;
  }

  /* start */
  .start {
    padding: 30px 0;
  }
  .startTitle {
    font-size: 30px;
  }
  .startBlocks {
    margin-top: 30px;
  }
  .startBlock {
    width: 100%;
  }

  /* get */
  .get {
    padding: 30px 0;
  }

  /* footer */
  .footerTop {
    flex-direction: column;
    gap: 20px;
  }
}