@media screen and (max-width: 1280px) {
  .d-txt p {
    font-size: 14px;
  }

  .design-box {
    height: 340px;
  }
  .d-txt {
    top: 44%;
  }
  .d-txt h5 {
    font-size: 16px;
  }

  .n-txt {
    padding: 22px 20px;
  }
}

@media screen and (max-width: 1024px) {
  .feature-parent {
    height: 252px;
  }

  .feature-txt {
    padding: 15px 20px;
  }
  .feature-txt h5 {
    font-size: 22px;
  }

  .feature-txt p {
    font-size: 14px;
    margin-top: 26px;
    line-height: 18px;
  }
  .d-txt {
    top: 46%;
  }

  .n-parent {
    height: 309px;
  }

  .j-txt {
    padding: 22px 20px;
  }
}

@media screen and (max-width: 912px) {
  .feature-parent {
    height: auto;
    flex-wrap: wrap;
  }

  .feature-txt {
    width: 100%;
    padding: 26px 20px;
  }

  .feature-txt h5 {
    text-align: center;
  }

  .feature-txt p {
    text-align: center;
    line-height: 21px;
  }

  .feature-img {
    width: 100%;
  }

  .design-con {
    justify-content: space-between;
  }

  .design-box {
    width: 48% !important;
    height: auto;
    /* margin-right: 30px; */
  }

  .d-txt {
    top: 62%;
  }

  .app-img {
    width: 70% !important;
    margin: 0 auto 0 auto !important;
  }

  .f-list {
    margin-top: 0px !important;
  }
}

@media screen and (max-width: 820px) {
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 786px) {
  .d-txt {
    top: 61%;
  }
}

@media screen and (max-width: 712px) {
  .feature-txt p {
    line-height: 20px;
  }
  .feature-txt h5 {
    font-size: 20px;
  }
  .design-box {
    width: 48% !important;
  }
  .d-txt {
    top: 56%;
  }
  .app {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 600px) {
  .feature-txt h5 {
    font-size: 18px;
  }
  .scooter-banner {
    height: 400px;
  }
}

@media screen and (max-width: 540px) {
}

@media screen and (max-width: 430px) {
  .design-box {
    width: 74% !important;
  }
  .d-txt {
    top: 61%;
  }
}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 412px) {
}

@media screen and (max-width: 393px) {
}

@media screen and (max-width: 375px) {
  .feature-txt {
    padding: 26px 13px;
  }
}

@media screen and (max-width: 360px) {
}
