html, body {
  max-width: 100%;
  overflow-x: hidden; 
}

img, video {
  max-width: 100%;
  height: auto;
  display: block;
}


@media (max-width: 992px) {

  .navbar-nav {
    text-align: center;
    width: 100%;
  }

  .navbar-nav .nav-item {
    display: inline-block; 
    margin: 5px 10px;
  }

  .custom-navbar .btn {
    display: block;
    margin: 10px auto; 
    text-align: center;
    width: 100%;
  }

  .mentor-info{
    margin-left: 0px;
  }

  .kb-track{
    margin-top: 250px;
  }

  .kb-track img{
    margin-bottom: 70px;
  }

  .tool-card img{
    height: 30px;
    width: 30px;
    margin-bottom: 0px;
  }
}