@media screen and (min-width: 1875px) {
  /* intro */
  .introTitle {
    font-size: 75px;
  }

  /* income */
  .incomeSliderBlock {
    background-size: cover;
    height: 28vw;
  }

  /* wrapper */
  .wrapper {
    padding-top: 20vw;
  }

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

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

  /* intro */
  .intro {
    padding: 100px 50px 150px;
  }

  /* income */
  .incomeSliderBlock {
    height: 28vw;
    padding-top: 4vw;
    padding-bottom: 2vw;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    gap: 15px;
  }
  .incomeSliderBlockSub {
    margin-top: 0;
  }

  /* wrapper */
  .wrapper {
    padding: 200px 0;
    padding-top: 150px;
  }
  .infoText {
    width: 55%;
    margin-left: 310px;
  }
}

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

  /* intro */
  .intro {
    padding: 100px 0;
  }
  .introTitle br {
    display: none;
  }
  .introTitle {
    font-size: 50px;
  }
  #fname,
  #lname,
  #email,
  #phone {
    font-size: 18px;
    padding: 17px;
  }
  #phone {
    padding-left: 60px;
  }
  .introBoxTitle {
    font-size: 30px;
    line-height: 40px;
  }
  .introBoxSub {
    font-size: 20px;
  }
  .introBoxSub1 {
    font-size: 18px;
    line-height: 28px;
  }

  /* income */
  .income {
    padding-bottom: 250px;
  }
  .incomeTitle {
    font-size: 30px;
    line-height: 40px;
  }
  .incomeSub {
    font-size: 20px;
  }
  .incomeSliderBlockName {
    font-size: 20px;
    line-height: 30px;
  }
  .incomeSliderBlockPrice {
    font-size: 20px;
    line-height: 30px;
  }
  .incomeSliderBlockImg img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
  }
  .incomeSliderBlockSub {
    font-size: 11px;
    line-height: 22px;
  }

  /* items */
  .itemsBlocks {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    row-gap: 30px;
  }
  .itemBlock {
    width: 48%;
    max-width: 100%;
    margin: 0 auto;
  }

  /* info */
  .infoText {
    width: 55%;
    margin-left: 385px;
  }

  /* comment */
  .commentBlockSub br {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  /* intro */
  .intro {
    padding: 50px 0;
  }
  .introTop {
    flex-direction: column;
    gap: 30px;
  }
  .introText {
    width: 100%;
  }
  .introContent {
    flex-direction: column;
    row-gap: 30px;
    margin-top: 50px;
  }
  .introBox {
    max-width: 100%;
  }
  .introBoxText {
    min-height: 280px;
  }

  /* income */
  .income {
    padding: 50px 20px;
    padding-bottom: 0;
  }
  .btn {
    font-size: 25px;
    line-height: 35px;
    padding: 25px 50px;
  }
  .incomeBtn {
    margin-top: 50px;
  }
  .incomeSlider {
    position: static;
    top: 0;
  }
  .incomeSliderBlock {
    position: static;
    width: 100%;
    left: 0;
    transform: none;
    height: 600px;
    filter: none;
    opacity: 1;
    padding: 40px;
  }
  .incomeSliderBlockName {
    font-size: 45px;
    line-height: 55px;
  }
  .incomeSliderBlockImg img {
    width: 100px;
    height: 100px;
  }
  .incomeSliderBlockPrice {
    font-size: 35px;
    line-height: 45px;
  }
  .incomeSliderBlockSub {
    font-size: 25px;
    line-height: 35px;
  }
  .incomeSliderControls {
    display: none;
  }
  .incomeSub br {
    display: none;
  }
  .incomeSub {
    margin: 20px 0;
  }

  /* items */
  .wrapper {
    padding: 600px 0;
    padding-top: 50px;
  }
  .itemsBlocks {
    margin-top: 0;
  }
  .itemBlock {
    width: 100%;
  }

  /* info */
  .info {
    margin-top: 50px;
    padding: 0 20px;
  }
  .infoText {
    width: 100%;
    margin-left: 0;
  }

  /* crypto */
  .crypto {
    margin-top: -115px;
  }

  /* comments */
  .comment {
    padding: 50px 0;
  }
  .commentTitle,
  .registerTitle {
    font-size: 30px;
    line-height: 40px;
  }
  .commentBlocks {
    margin-top: 50px;
  }
  .register {
    margin-top: 50px;
  }
  .registerBtn {
    margin-top: 50px;
  }

  /* how */
  .how {
    padding: 50px 20px;
  }
}
@media screen and (max-width: 767px) {
  /* intro */
  .intro {
    padding: 30px 0;
  }
  .introTitle {
    font-size: 28px;
  }
  .introContent {
    margin-top: 30px;
  }
  .introBox {
    min-height: 600px;
    background-position: center;
  }
  .introBoxText {
    min-height: 280px;
  }
  .introBoxTitle {
    font-size: 20px;
    line-height: 30px;
  }
  .introBoxSub {
    font-size: 18px;
    line-height: 28px;
  }
  .introBoxSub1 {
    font-size: 16px;
    line-height: 26px;
  }

  /* income */
  .income {
    padding: 30px 20px;
    padding-bottom: 0;
  }
  .incomeTitle br {
    display: none;
  }
  .incomeTitle {
    font-size: 20px;
    line-height: 30px;
  }
  .incomeSub {
    font-size: 16px;
  }
  .btn {
    font-size: 20px;
    line-height: 30px;
    padding: 20px 40px;
  }
  .incomeBtn {
    margin-top: 30px;
  }
  .incomeSliderBlock {
    justify-content: flex-start;
    width: 92vw;
    height: 70vw;
    padding: 5px 10px;
    gap: 5px;
  }
  .incomeSliderBlockName,
  .incomeSliderBlockPrice {
    font-size: 16px;
    line-height: 26px;
    margin-top: 0px;
  }
  .incomeSliderBlockImg img {
    width: 50px;
    height: 50px;
  }
  .incomeSliderBlockSub {
    font-size: 11px;
    line-height: 22px;
  }

  /* items */
  .wrapper {
    padding: 600px 0;
    padding-top: 30px;
  }
  .itemBlockTitle {
    font-size: 18px;
    line-height: 28px;
    min-height: auto;
  }
  .itemBlockSub {
    font-size: 16px;
    line-height: 26px;
    height: auto;
  }

  /* info */
  .info {
    margin-top: 30px;
  }
  .infoTitle {
    font-size: 23px;
    line-height: 33px;
  }
  .infoSub {
    font-size: 17px;
    line-height: 27px;
  }

  /* crypto */
  .cryptoInner img {
    display: block;
    max-width: 40px;
  }

  /* comments */
  .comment {
    padding: 30px 0;
    background-position: 0 0;
  }
  .commentBlocks {
    margin-top: 30px;
  }
  .commentBlock {
    flex-direction: column;
  }
  .commentBlockSub {
    font-size: 18px;
    line-height: 28px;
    margin-top: 30px;
  }
  .commentTitle,
  .registerTitle {
    font-size: 20px;
    line-height: 30px;
  }
  .commentBlockName {
    font-size: 25px;
    line-height: 35px;
  }
  .commentBlockBottomSub {
    font-size: 20px;
    line-height: 30px;
  }
  .registerBtn {
    margin-top: 30px;
  }

  /* how */
  .how {
    padding: 30px 20px;
  }
  .howLink {
    font-size: 20px;
    line-height: 30px;
  }
  .howSub {
    font-size: 20px;
    line-height: 30px;
  }

  /* footer */
  .footerSub {
    font-size: 14px;
    line-height: 24px;
  }
}