@media (max-width: 991.98px) {
    .navbar-nav {
      text-align: center;
    }
    .nav-button {
      margin-top: 10px;
    }
  }

  /* @media (max-width: 768px) {
    .con-gradiant {
      min-height: 300px; 
    }
  }
  
  @media (max-width: 576px) {
    .con-gradiant {
      min-height: 240px; 
    }
  } */
  @media only screen and (max-width: 768px) {

    .navbar-expand-lg .navbar-nav .nav-link {
      padding: 6px !important;
      text-align: left;
  }
    .pm-box{
      width: 48% !important;
    }

  .vision-box {
      padding: 14px;
      border-radius: 2px;
      height: 133px;
      
    }
  }

  @media (max-width: 480px) {
    .navbar-expand-lg .navbar-nav .nav-link {
      padding: 6px !important;
      text-align: left;
  }

    .btn-ex-small {
      font-size: 16px;
      display: block;
      width: 100%;
      
  }
  .btn-small {
      font-size: 14px;
      display: block;
      width: 100%;
  }
  .btn-med {
      font-size: 16px;
      display: block;
      width: 100%;
  }
  .btn-large {
      font-size: 16px;
      display: block;
      width: 100%;
  }
  
  .custom-btn {
    font-size: 16px;
    display: block;
      width: 100%;
  }

  .banner-text h1 {
      font-size: 36px;
  }
  .banner-text p {
    font-size: 18px;
    width: 100%;
    margin-bottom: 32px;
}
#autopm {
  padding: 64px 0px;
}
.Auto-text h1 {
  font-size: 30px;
  line-height: 2.5rem;
  margin-bottom: 24px;
}
#autopm-2 {
  padding: 64px 16px;
}
#autopm-2 h1 {
  font-size: 30px;
  margin-bottom: 24px;
}
.con-gradiant {
  min-height: 220px;
}
.feature-text h1 {
  text-align: center;
  font-size: 30px;
  margin-bottom: 24px;
}
.pm-box{
  width: 100% !important;
}
#feature {
  padding: 64px 0px;
}

#vision {
  padding: 64px 0px;
}
.vision-heading {
  font-size: 30px;
  line-height: 2.5rem;
  text-align: center;
}
.vision-box {
  padding: 14px;
  border-radius: 8px;
  height: 116px;
}
#vision-2 {
  padding: 64px 0px;
}
.vision-2-heading {
  font-size: 30px;
}
.vision-2-para-1 {
  font-size: 18px;
}
#future {
  padding: 64px 0px;
}
.future-heading {
  font-size: 30px;
}
.spot-box p {
  font-size: 12px;
}
.beside-spot {
  font-size: 11px;
}


#footer{
  padding: 48px 0px;
}
img.waitlist-img {
  display: none;
} 

section#home.join-waitlist {
  padding-top: 60px;
  padding-bottom: 30px;
  height: 100%;
}

  }