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

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

  /* reviews */
  .reviewsImgs {
    justify-content: space-between;
    gap: 0;
  }
  .reviewsImgs img {
    max-width: 100px;
  }
  .reviewsImgs .slick-track {
    display: flex;
    gap: 50px;
  }

  /* users */
  .usersBlocks {
    max-width: 93%;
    margin: 0 auto;
    margin-top: 50px;
  }
}

@media screen and (max-width: 991px) {
  /* intro */
  .introInner {
    height: auto;
  }
  .questions {
    min-height: auto;
  }

  /* why */
  .whyContent {
    flex-direction: column;
    gap: 30px;
  }
  .whyText {
    width: 100%;
  }
  .whySubList {
    width: 100%;
  }

  /* how */
  .howBlocks {
    flex-direction: column;
    gap: 30px;
  }
  .howBlock {
    width: 60%;
    margin: 0 auto;
  }

  /* comments */
  .commentsBlocks {
    flex-direction: column;
    gap: 30px;
  }
  .commentBlock {
    width: 60%;
    margin: 0 auto;
  }

  /* summit */
  .summit {
    margin-top: 50px;
  }
  .summitVideo {
    height: 400px;
  }

  /* reviews */
  .reviewsBottom {
    margin-top: 50px;
  }
  .reviewsBottomImgs img {
    max-width: 150px;
  }

  /* users */
  .users {
    margin: 50px 0;
  }

  /* click */
  .clickBox {
    padding: 50px 0;
  }
  .clickTitle {
    font-size: 30px;
  }

  /* tell */
  .tellInner {
    gap: 50px;
  }
  .tell .formFooter img {
    max-width: 300px;
  }
}
@media screen and (max-width: 767px) {
  /* intro */
  .intro {
    padding: 30px 0;
  }
  .introTitle {
    font-size: 25px;
    line-height: 35px;
  }
  .formTitle {
    font-size: 18px;
    line-height: 28px;
  }
  .formSub {
    font-size: 14px;
  }
  .startBtn,
  .startBtn1 {
    font-size: 20px;
  }
  .questionBox,
  .questionBox1 {
    padding: 20px;
  }
  .questionBoxTitle {
    font-size: 20px;
  }

  /* why */
  .why {
    padding: 30px 0;
  }
  .whyTitle {
    font-size: 22px;
    line-height: 32px;
  }
  .whyContent {
    margin-top: 30px;
  }
  .whyTitle1 {
    font-size: 20px;
    line-height: 30px;
  }

  /* offers */
  .offers {
    margin-top: 30px;
  }
  .offersTitle {
    font-size: 23px;
    line-height: 33px;
  }
  .offersSub {
    font-size: 16px;
    margin-top: 30px;
  }
  .offersBtn {
    margin-top: 30px;
  }

  /* how */
  .how {
    margin-top: 30px;
  }
  .howTitle {
    font-size: 23px;
    line-height: 33px;
  }
  .howBlocks {
    margin-top: 30px;
  }
  .howBlock {
    width: 100%;
  }

  /* comments */
  .comments {
    padding: 30px 0;
    margin-top: 30px;
  }
  .commentsTitle {
    font-size: 25px;
    line-height: 35px; /* 120% */
  }
  .commentsSub {
    font-size: 18px;
    line-height: 28px;
  }
  .commentsBlocks {
    margin-top: 30px;
  }
  .commentBlock {
    width: 100%;
  }

  /* summit */
  .summit {
    margin-top: 30px;
  }
  .summitTitle {
    font-size: 25px;
  }
  .summitVideo {
    height: 189px;
  }
  /* yelp */
  .yelpTitle {
    font-size: 23px;
  }

  /* safety */
  .safety {
    margin-top: 30px;
  }
  .safetyTitle {
    font-size: 22px;
    line-height: 32px;
  }
  .safetySub {
    font-size: 16px;
    line-height: 26px;
  }
  .safetyBtn {
    margin-top: 30px;
  }

  /* ask */
  .ask {
    margin-top: 30px;
    padding: 30px 0;
  }
  .askTitle {
    font-size: 25px;
  }
  .askBlocks {
    margin-top: 30px;
  }
  .askBlockSub {
    font-size: 18px;
  }
  .askBlockSub1 {
    font-size: 15px;
  }

  /* review */
  .reviews {
    margin-top: 30px;
  }
  .reviewsTitle {
    font-size: 25px;
  }
  .reviewsImgs,
  .reviewsBottomImgs {
    flex-wrap: wrap;
  }
  .reviewsBottom {
    margin-top: 30px;
  }
  .reviewsBottomTitle {
    font-size: 20px;
  }

  /* users */
  .users {
    margin: 30px 0;
  }
  .usersBlocks {
    max-width: 100%;
    flex-direction: column;
    margin-top: 30px;
  }

  /* click */
  .click {
    padding: 30px 0;
  }
  .clickBoxInner {
    padding: 0 20px;
  }
  .clickTitleContainer {
    align-items: center;
  }
  .clickTitle {
    font-size: 23px;
  }
  .clickBox {
    padding: 30px 0;
  }

  /* tell */
  .tell {
    padding: 30px 0;
  }
  .tellInner {
    flex-direction: column;
    row-gap: 20px;
  }

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