@media (max-width: 767px) {
  /* hero section css */
  .hero .container {
    width: 100%;
    max-width: 100%;
    padding-top: 60px;
  }
  .hero {
    min-height: 70vh;
  }
  .hero .btn-get-started {
    font-size: 12px;
    padding: 10px 15px;
  }
  .hero .btn-watch-video {
    font-size: 15px;
    margin-left: 15px;
  }
  .hero h2 {
    font-size: 28px;
  }
  .hero p {
    font-size: 16px;
  }
  h2.blur-heading {
    font-size: 65px;
    top: 57px;
  }
  .stats h2.blur-heading {
    font-size: 41px;
    top: 88px;
  }
  .scroll-top {
    right: 6px;
    bottom: 17px;
    width: 25px;
    height: 29px;
  }

  .section-gapping {
    padding: 90px 0px 60px;
  }
  .stats .section-title h2 {
    color: #333;
    font-size: 30px;
  }
  #mission .blur-heading {
    opacity: 0.24;
    top: 55px;
    font-size: 55px;
  }
  .banner {
    padding: 100px 0px;
  }
}