@media only screen and (max-width: 991px) {
  .nav-toggle {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .hero h1 {
    font-size: 50px;
  }
  .cars-section {
    padding: 5px;
    margin: 10px;
  }
  .car-card {
    width: 80%;
  }
  .nav {
    text-align: center;
  }
}

@media only screen and (max-width: 479px) {
  .hero h1 {
    font-size: 40px;
  }
  .cars-section {
    padding: 5px;
    margin: 10px;
  }
  .car-card {
    width: 80%;
  }
  .nav {
    display: none;
  }
}
@media only screen and (max-width: 375px) {
  .whatsapp-btn {
    width: 240px;
  }
  .dialer {
    width: 240px;
  }
  .car-card {
    padding: 10px;
  }
}