@media only screen and (max-width: 992px) {
}

@media only screen and (max-width: 768px) {
  .demo-box .img-container {
    height: 150px;
  }
}

@media only screen and (max-width: 600px) {
  /* navbar */
  .navbar-nav .nav-item .nav-link {
    padding: 0.5rem 1.7rem;
  }

  /* slider */
  .slider-container {
    height: 12rem;
  }
  .slider-container .slidermahindra {
    height: 12rem;
  }
  .slider-container .slidermahindra img {
    height: 12rem;
  }
  .section-demo {
    margin-top: 2rem;
  }

  /* demo box */

  .demo-box {
    /* margin-top: 1rem; */
    border: 1px solid #eee;
  }
  .demo-box img {
    width: 80%;
  }
  /* footer-menu */
  .footer-menu-container {
    display: flex;
    flex-direction: column;
    text-align: center;
  }

  footer .footer-menu {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem;
  }

  footer .credit {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  footer .credit .social-icons {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
  }
  /* form */
  .form {
    width: 90%;
  }
  .dropdown {
    display: none;
  }
  .dropdown-mobile {
    display: block;
  }
}

@media only screen and (max-width: 540px) {
  /* demo box */

  .demo-box {
    /* margin-top: 1rem; */
    border: 1px solid #eee;
  }
  .demo-box img {
    width: 65%;
    padding-bottom: 20px;
  }
  .demo-box .img-container {
    height: 200px;
  }
}