.banner {
  height: 400px;
  width: 100%;
  object-fit: cover;
  margin-top: 50px;
  margin-bottom: 50px;
}
.mac-img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.control {
  position: relative;
  margin-right: 30px;
  min-height: 50px;
}
.control i {
  position: absolute;
  top: 50%;
  left: 105%;
  transform: translate(0%,-50%);
  -ms-transform: translate(0%,-50%);
}
@media (max-width:1024px) {
  /* .banner {
    height: 500px;
  } */
  .mac-img {
    height: auto;
  }
}
@media (max-width:425px) {
  .banner {
    height: 200px;
    margin-top: 0px;
  }
  .mac-img {
    height: auto;
  }
  .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active {
    /* padding: 10px 10px 8px 10px;
    color: #ffffff; */
    color: black !important;
  }
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #7f0c53;
}