/* Extra small devices (phones, 600px and down) */ /* Small devices (portrait tablets and large phones, 600px and up) */
/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 767px) {
  *{
      margin:0px;
      padding:0;
      outline:0;
  }
    body{
      overflow-x:hidden !important;
  }
  
  .main-menu-bg{
      display: none;
  }
  
  
  /*=======  hero section rsponsive ==*/
  .hero-section {
  position: relative;
  width: 100%;
}

/* Slider full height responsive */
.slider-item {
  position: relative;
   /* Full screen height */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Image full width + full height */
.slider-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;        /* Crop without distortion */
  object-position: center;  /* Always centered */
}

/* Light glass overlay */
.slider-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.1),
    rgba(0,0,0,0.25)
  );
}

/* Glass card */
.slider-content {
  position: absolute;
  max-width: 900px;
  padding: 40px;
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.10);
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.25);
  color: #fff;
  text-align: center;
  animation: fadeInUp 1.2s ease;
}


/* -----------------------------------------
      🔥 Modern Animated Text Styles
------------------------------------------ */

/* Small Title - Gradient + Slide Animation */
.slide-title {
  font-size: 1.3rem !important;
  font-weight: 600;
  letter-spacing: 2px;
  background: linear-gradient(45deg, #ffdf6f, #ff9e3d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textSlide 1.4s ease;
   color: #fff;
}

/* Heading - Smooth glow + fade */
.slide-heading {
  font-size: 1.5rem !important;
  font-weight: 800;
  margin: 10px 0;
  color: #000;
  text-shadow: 0 0 12px rgba(255,255,255,0.65);
  animation: glowFade 2s ease;
}

/* Caption - Soft fade */
.slide-caption {
  font-size: 1.2rem !important;
  opacity: 0.95;
  animation: fadeIn 2.2s ease;
  margin-bottom: 25px;
}

/* Modern Button */
.slide-btn {
  padding: 10px 22px;
  background: linear-gradient(45deg, #22c55e, #16a34a);
  color: #fff;
  border-radius: 50px;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s ease;
}

.slide-btn:hover {
  background: linear-gradient(45deg, #15803d, #166534);
  transform: translateY(-4px);
}
  /*=======  hero section rsponsive ==*/
  
  
  
  
  

/*======  hero section =========*/
  
  .hc-nav-trigger span {
    display: block !important;
    width: 30px !important;
    top: 5px !important;
    left: 0px !important;
    transform: translateY(-50%);
    transform-origin: 50% 50%;
    background: #fff;
    margin: 0px 0px;
  }
  
  
  
  .slider-text-immi p {
    width: 100%;
  }
    .slider-item img {
    position: relative;
   height: 50vh ;
    width: auto;
    overflow:hidden;
  } 
  /*slider text hidden */
  .slider-text {
    display:none;
  }
#mobile-slider-section{
    display:block;
}
  
  
   /*slider dots hidden */
  #slider .main-slider .owl-dots {
    position: absolute;
    bottom: 50px;
    right: 30%;
  }
  
  /*over lay */
.overlay{
    display:none;
}
.overlay-about {
    display:none;
}
.text3d{
    font-size:30px;
}


} /* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  *{
      margin:0px;
      padding:0;
      outline:0;
  }
  body{
      overflow-x:hidden !important;
  }

  .hc-nav-trigger span {
    display: block !important;
    width: 30px !important;
    top: 5px !important;
    left: 0px !important;
    transform: translateY(-50%);
    transform-origin: 50% 50%;
    background: #fff;
    margin: 0px 0px;
  }
  .top-bar {
    display: block;
  }
  .slider-text-immi p {
    width: 100%;
  }
} /* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  *{
      margin:0px;
      padding:0;
      outline:0;
  }
  body{
      overflow-x:hidden !important;
  }
  .top-menu {
    display: block;
  }
  .top-menu ul {
    display: block;
  }
  .hc-nav-trigger span {
    display: block !important;
    width: 45px !important;
    top: 62px !important;
    left: 0px !important;
    transform: translateY(-50%);
    transform-origin: 50% 50%;
    background: #fff;
    margin: 0px 0px;
  }
  
  /*animation */
  
  
  
} /* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  *{
      margin:0px;
      padding:0;
      outline:0;
  }
  body{
      overflow-x:hidden !important;
  }
  .welcome a {
    display: block;
  }
  .top-menu {
    display: inline-block;
  }
  .top-menu ul li {
    display: inline-block;
  }
  .main-menu-2 {
    display: block;
  }
  .main-menu-bg {
    display: block;
  }
  .hc-nav-trigger span {
    display: none !important;
    width: 45px !important;
    top: 62px !important;
    left: 0px !important;
    transform: translateY(-50%);
    transform-origin: 50% 50%;
    background: #fff;
    margin: 0px 0px;
  }
  
 
} /* .hc-nav-trigger span{display: block !important; width: 30px !important; top: 5px !important; left: 0px !important; transform: translateY(-50%); transform-origin: 50% 50%; background: #fff; margin: 0px 0px ;}*/