@media (max-width: 967px) {
    .navbar-wrapper {
        display: block;
    }

    .navbar {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        padding: 20px;

    }

    .menu-toggle {
        display: block;
        position: absolute;
        top: -60px;
        right: 33px;
    }

    .navbar ul {
        flex-direction: column;
        gap: 15px;
    }

    .navbar.active {
        display: block;
    }

    .navbar-handle {
        background: none;
        backdrop-filter: blur(0);
        border-bottom: none;
        border-radius: 50px;
        justify-content: end;
    }

       .img-fluids {
        max-width: 29%;
        margin-left: 10px;
    }
    .form-type{
        display: none;
    }

    .support-me,
    .me-2 {
        display: none;
    }
}

@media (max-width: 768px) {
    .navbar-wrapper {
        display: block;
    }

    .navbar {
        position: absolute;
        top: 2px;
        left: 0;
        width: 100%;
        padding: 20px;
        background: #000;
    }

    .menu-toggle {
        display: block;
        position: absolute;
        top: -39px;
        right: 33px;
    }

    .navbar ul {
        flex-direction: column;
        gap: 15px;
    }

    .navbar.active {
        display: block;
    }

    .navbar-handle {
        background: none;
        backdrop-filter: blur(0);
        border-bottom: none;
        border-radius: 50px;
        justify-content: end;
    }

    .img-fluids {
        max-width: 18%;
        margin-left: 10px;
    }

    .form-type {
        display: none;
    }

    .neon-text {
        font-size: 21px;
    }

    .para-text {
        font-size: 10px;

    }

    .banner-slider {
        width: 100%;
        height: 100%;
    }

    .prev,
    .next {
        display: none;
    }

    .pd-100 {
        padding: 20px 20px;
    }

    .text-wrap {
        margin-bottom: 15px;
    }

    .feature-item {
        margin-bottom: 15px;
    }
    .abt-img {
    margin-bottom: 27px;
}
  .booking-container {
    flex-direction: column;
  }

  .form-group {
    width: 100%;
  }
  .contact-section {
        flex-direction: column;
        padding: 40px 20px;
    }

    .info {
        flex-direction: column;
        gap: 15px;
    }
}


/* @media (min-width: 576px){
    .container{
        max-width: 540px;
    }
}
@media (min-width: 768px){
    .container{
        max-width: 720px;
    }
}
@media (min-width: 992px){
    .container{
        max-width: 960px;
    }
}
@media (min-width: 1200px){
    .container{
        max-width: 1140px;
    }
}  */