@media only screen and (max-width: 767px) {
  body,
  html {
    overflow-x: hidden;
  }
  div#navbarNav {
    background-color: var(--theme-primary-color);
    margin-right: 10px;
  }
  .navbar-toggler {
    position: absolute;
    top: 10px;
    right: 10px;
    outline: none;
  }
  .booking-sec {
    position: relative !important;
  }
  .bg-trans {
    background-color: var(--theme-primary-color) !important;
  }
  .swiper-slide {
    height: 70vh;
  }
  .dropdown:hover .dropdown-menu {
    max-width: 300px;
  }
  .logo {
    width: 150px;
  }
  .lang {
    position: absolute;
    left: 45%;
    top: 10px;
  }
  .navbar-collapse.show {
    background-color: #fff !important;
  }

  video {
    height: 70vh !important;
  }
  .counter-section {
    display: block !important;
    padding: 30px !important;
  }
  .counter {
    margin: 0 auto 20px !important;
    width: 150px !important;
    height: 150px !important;
  }
}

@media only screen and (min-width: 768px) {
  .dropdown,
  .dropdown-center,
  .dropend,
  .dropstart,
  .dropup,
  .dropup-center {
    position: unset;
  }
  /* header#header:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #9E9E9E;
    width: 100%;
    height: 100%;
    filter: blur(75px);
    z-index: -1;
} */
  /*  .index-banner::before{
    background: linear-gradient(to bottom, #08142d 0%, rgba(255, 0, 0, 0) 80%); 
    width: 100%;
    margin-left: 0;
    height: 50%;
    position: absolute;
    top: 0;
    z-index: 5;
    overflow: hidden;
    content: '';
}*/
  /* .index-banner::before{
    background: #0b0146 0 0 no-repeat padding-box;
        width: 100%;
        margin-left: 0;
        position: absolute;
        bottom: 0;
        z-index: 2;
        overflow: hidden;
        content: '';
        top: 0;
        opacity: 0.61;} */
  .index-banner::after {
    background: linear-gradient(to top, #192c43 0%, rgba(255, 0, 0, 0) 60%);
    width: 100%;
    margin-left: 0;
    height: 60%;
    position: absolute;
    bottom: 0;
    z-index: 2;
    overflow: hidden;
    content: "";
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .navbar-toggler {
    position: absolute;
    top: 10px;
    left: 91.5%;
    outline: none;
    background-color: #fff;
  }
  video {
    height: 50vh;
  }
  .dropdown-menu[data-bs-popper] {
    top: auto;
    left: auto;
  }
}
@media only screen and (min-width: 993px) {
  video {
    height: 100vh;
  }
}