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

  /* work */
  .workBoxs {
    gap: 30px;
  }

  /* why */
  .whyBlocks {
    gap: 0;
    row-gap: 50px;
    justify-content: space-between;
  }
  .whyBlock {
    flex: none;
    width: 47.5%;
  }
}

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

  /* intro */
  .introTitle {
    font-size: 50px;
  }
  .introListItemSub {
    font-size: 18px;
  }
  .formbox {
    padding-bottom: 18px;
  }

  /* work */
  .workBoxs {
    gap: 20px;
  }

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

  /* why */
  .whyBlocks {
    gap: 0;
    row-gap: 50px;
    justify-content: space-between;
  }
  .whyBlock {
    flex: none;
    width: 47.5%;
  }
  .whyBlockImg img {
    display: block;
    max-width: 100%;
  }

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

@media screen and (max-width: 991px) {
  /* intro */
  .intro {
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .introText {
    padding: 25px;
  }
  .introTitle {
    font-size: 35px;
  }
  .btn {
    padding: 12.5px 80px;
  }

  /* click */
  .click {
    padding: 50px 0;
  }
  .clickTitle {
    font-size: 27px;
  }
  .clickBox {
    flex-direction: column;
  }
  .clickBoxImg {
    width: 100%;
  }
  .clickBoxText {
    width: 100%;
  }
  .formbox {
    padding-top: 50px;
  }

  /* work */
  .workBoxs {
    gap: 0;
    row-gap: 30px;
    justify-content: space-between;
  }
  .workBox {
    width: 47%;
  }
  .workBoxImg > img {
    display: block;
    max-width: 100%;
    width: 100%;
  }

  /* tell */
  .tellInner {
    gap: 50px;
  }
  .tell .formFooter img {
    max-width: 300px;
  }

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

  /* need */
  .needImgs img {
    width: 160px;
  }

  /* users */
  .users {
    margin: 50px 0;
  }
  button.slick-prev.slick-arrow {
    left: -30px;
  }
  button.slick-next.slick-arrow {
    right: -50px;
  }

  /* summit */
  .summitVideo {
    max-width: 330px;
  }
}
@media screen and (max-width: 767px) {
  /* header */
  .header {
    padding: 10px 0;
  }
  .logo img {
    max-width: 135px;
  }

  /* intro */
  .intro {
    padding-top: 100px;
    padding-bottom: 50px;
  }
  .introInner {
    flex-direction: column;
  }
  .introTitle br {
    display: none;
  }
  .introText {
    width: 100%;
    padding: 15px;
  }
  .introTitle {
    font-size: 25px;
  }
  .introListItemSub {
    font-size: 16px;
  }
  .submit {
    font-size: 18px;
  }
  .btn {
    font-size: 18px;
    padding: 12.5px 40px;
  }

  /* click */
  .click {
    padding: 30px 0;
  }
  .clickTitleContainer {
    flex-direction: column;
    text-align: center;
  }
  .clickTitleContainer img {
    display: block;
    max-width: 50px;
    margin: 0 auto;
  }
  .clickTitle {
    font-size: 23px;
  }
  .clickBox {
    padding: 20px;
  }
  .clickBoxSub {
    font-size: 15px;
  }
  .clickBoxBtn,
  .clickBoxBtn1 {
    font-size: 16px;
    padding: 14.5px 20px;
  }
  .clickBoxText {
    padding: 0;
  }
  .formbox {
    padding-top: 30px;
  }
  .formTitle {
    font-size: 20px;
  }
  .filed_group {
    margin-top: 30px;
  }

  /* questions */
  .question {
    font-size: 18px;
    margin-top: 20px;
  }
  .answerBoxInner {
    gap: 10px;
  }
  .answerBoxSub {
    font-size: 14px;
  }
  .answerBoxCircle {
    width: 25px;
    height: 25px;
  }
  .answerBoxCircleInner {
    width: 12.5px;
    height: 12.5px;
  }
  .nextBtn,
  .nextBtn1 {
    padding: 14px 25px;
  }
  .answerBox svg {
    max-width: 25px;
    max-height: 25px;
  }
  .zipeCodeBox {
    margin-top: 30px;
  }
  .zipInput,
  .zipInput1 {
    font-size: 15px;
    padding: 10px 40px;
  }
  .zipCodeSub,
  .filedBoxSub {
    font-size: 14px;
  }

  /* work */
  .work {
    margin-top: 30px;
  }
  .workTitle {
    font-size: 25px;
  }
  .workBoxs {
    gap: 30px;
    margin-top: 30px;
  }
  .workBox {
    width: 100%;
  }

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

  /* summit */
  .summit {
    margin-top: 30px;
  }
  .summitTitle {
    font-size: 25px;
  }
  .summitVideo {
    max-width: 100%;
    height: 590px;
  }

  /* about */
  .about,
  .clients {
    margin-top: 30px;
  }
  .aboutTitle,
  .clientsTitle {
    font-size: 25px;
  }
  .aboutImg {
    margin-top: 30px;
  }
  .aboutText {
    margin-top: 30px;
  }

  /* need */
  .needTitle {
    font-size: 20px;
  }
  .needImgs {
    flex-wrap: wrap;
  }

  /* why */
  .why {
    margin-top: 30px;
  }
  .whyTitle {
    font-size: 25px;
  }
  .whyBlocks {
    row-gap: 30px;
    margin-top: 30px;
  }
  .whyBlock {
    width: 100%;
  }
  .whyBlockTitle {
    font-size: 18px;
  }

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

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

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