/* 992 min */
@media (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    display: block;
    visibility: hidden;
    top: 100%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    transition: 0.5s;
    opacity: 0;
  }
}

/* 992 max */
@media (max-width: 992px) {
  .my{
        margin: 20px 0;
    }
  h1 {
    font-size: 28px;
  }
  p {
    font-size: 14px;
  }
  .cstm-btn {
    padding: 10px 35px;
}
  .carousel-item {
    min-height: 500px;
  }

  .carousel-item img {
    min-height: 500px;
    object-fit: cover;
  }

  .carousel-item h1 {
    font-size: 40px !important;
  }

  .carousel-item p {
    font-size: 16px !important;
  }
  .carousel-caption .carousel-content a button.carousel-content-btn {
    padding: 13px 40px;
}
  .team-carousel {
    margin-top: 3rem;
  }
  .team-carousel .owl-nav {
    top: -85px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    margin-left: -15px;
  }
}

/* 768 max */
@media (max-width: 768px) {
  .top-info {
    flex-direction: column;
  }
  .carousel-item {
    min-height: 400px;
  }

  .carousel-item img {
    min-height: 400px;
    object-fit: cover;
  }

  .carousel-item h1 {
    font-size: 28px !important;
  }

  .carousel-item p {
    font-size: 14px !important;
  }
  #carouselId .carousel-indicators li {
    width: 14px;
    border-top: 5px solid rgba(0, 0, 0, 0);
  }
  .carousel-caption .carousel-content a button.carousel-content-btn {
    padding: 10px 35px;
    border: 1px solid #f69d01;
}
}
/* 575 max */
@media (max-width:575px) {
  .carousel-control-prev,
  .carousel-control-next {
    display: none;
  }
  .contact-detail {
    padding: 15px;
  }
}
/* 400 max */
@media (max-width:400px){
    .cstm-btn {
        padding: 7px 25px;
    }
    .carousel-item h1 {
        font-size: 20px !important;
    }
    .carousel-item p {
        font-size: 12px !important;
    }
    .container.carousel-content h6 {
        font-size: 16px;
    }
    .carousel-caption .carousel-content a button.carousel-content-btn {
        padding: 7px 25px;
        font-size: 13px;
    }
    .contact-map ,.contact-form {
        padding: 10px;
    }
    .contact-detail {
        padding: 15px;
        position: relative;
    }
}