.banner ul li .desc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 37%;
  width: 100%;
  z-index: 9999;
  text-align: center;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
}

.banner ul li .desc .text {
  color: white;
  max-width: 560px;        /* Use max-width instead of fixed width */
  width: 90%;              /* Responsive width */
  margin: 0 auto;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: slideInUp;
}

/* Optional: Adjust text size on smaller screens */
@media screen and (max-width: 768px) {
  .banner ul li .desc .text {
      font-size: 16px;
  }
  .banner ul li .desc {
    bottom: 10% !important;
  }
  .banner .desc{
    top: 10% !important;
   }
  
} 
.banner ul li .desc {
  z-index: 9999;
  pointer-events: auto;
}

.banner ul li .desc .text {
  pointer-events: auto; /* Ensure it's interactive */
  position: relative;   /* Helps ensure stacking context */
} .callbacks_container {
      margin-bottom:0;
      position: relative;
      float: left;
      width: 100%;
      }
      .banner ul li .desc {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 37%;
        width: 100%;
        z-index: 9999;
        text-align: center;
        letter-spacing: 1px;
        margin: 0;
        padding: 0;
        font-size: 24px; /* Default font size */
    }
    
    /* Responsive font size for tablets */
    @media screen and (max-width: 991px) {
        .banner ul li .desc {
            font-size: 18px;
        }
    }
    
    /* Responsive font size for phones */
    @media screen and (max-width: 576px) {
        .banner ul li .desc {
            font-size: 14px;
        }
    }
    .callbacks {
      position: relative;
      list-style: none;
      overflow: hidden;
      width: 100%;
      padding: 0;
      margin: 0;
      }
    
    .callbacks li {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      }
    
    .callbacks img {
      display: block;
      position: relative;
      z-index: 1;
      height: auto;
      width: 100%;
      border: 0;
      }
    
    .callbacks .caption {
      display: block;
      position: absolute;
      z-index: 2;
      font-size: 20px;
      text-shadow: none;
      color: #fff;
      background: #000;
      background: rgba(0,0,0, .8);
      left: 0;
      right: 0;
      bottom: 0;
      padding: 10px 20px;
      margin: 0;
      max-width: none;
      }
    
    .callbacks_nav {
      position:absolute;
      -webkit-tap-highlight-color:rgba(0,0,0,0);
      top:60%;
      left:50px;
      opacity:1;
      z-index:3;
      text-indent:-9999px;
      overflow:hidden;
      text-decoration:none;
      height:41px;
      width:41px;
      background:transparent url(../images/themes.png) no-repeat left top;
      margin-top:-45px;
      }
    
    .callbacks_nav:active {
      opacity: 1.0;
      }
    
    .callbacks_nav.next {
      left: auto;
      background-position: right top;
      right:55px;
      }
    
    #slider3-pager a {
      display: inline-block;
    }
    
    #slider3-pager img {
      float: left;
    }
    
    #slider3-pager .rslides_here a {
      background: transparent;
      box-shadow: 0 0 0 2px #666;
    }
    
    #slider3-pager a {
      padding: 0;
    }
    
    
    @media screen and (max-width:1300px){
    .callbacks_nav{left:30px;}
    .callbacks_nav.next{right:30px;}
    
    }
    
    @media screen and (max-width:1300px){
      .callbacks_nav{top:72%;}
    
    }
    
    @media screen and (max-width:767px){
    .callbacks_nav{ top:auto; bottom:40%; }
    
    }
    
    
    @media screen and (max-width:600px){
      h1 {
        font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
        }
      /*.callbacks_nav { top: 66%; }*/
    }
    
    @media screen and (max-width:500px){
    .callbacks_nav{ display:none; } 
    }




.banner-video {
  /* padding: 180px 0 90px 0; */
  float: left;
  width: 100%;
}

.banner-video .banner-short-image {
  height: 552px;
}

.banner-video .banner-short-image .project-info {
  margin: 89px 0 0!important;
}

.banner-video .banner-short-image .banner-clock {
  display: none!important;
}

.banner-video .banner-heading h4 {
  font-size: 23px;
  font-weight: 400;
  text-transform: uppercase;
}

.banner-video .banner-heading h2 {
  font-size: 50px;
  font-weight: 500;
  margin: 0;
}

.banner-video .banner-search {
  display: inline-block;
  text-align: center;
  margin-top: 30px;
}

.banner-video .banner-search .dropdown-menu {
  position: initial!important;
  float: none!important;
  margin: -1px 0 0;
  border-radius: 10px 10px 0 0;
}

.banner-video .banner-search input {
  font-family: "Roboto Condensed",sans-serif;
  font-size: 18px;
  height: 43px;
  border: none;
  border-radius: 24px;
  padding: 6px 45px 6px 60px;
  font-weight: 400;
  box-shadow: 0 0 20px rgb(175 175 175 / 20%);
  background-image: url(../images/icon-search.png)!important;
  background-repeat: no-repeat!important;
  background-position: 20px center!important;
  max-width: 426px;
  width: 100%;
  background: #fff;
}

.banner-video .banner-clock {
  display: inline-block;
  width: 100%;
  padding-top: 70px;
}

.banner-video .countdown-clock {
  text-align: center;
  display: inline-block;
}

.banner-video .countdown-clock h4, .screen .screen-header .top-block1 .timer-block .banner-clock.md-block1 .countdown-clock .time_circles h4 {
  font-size: 14px!important;
  font-weight: 400;
  font-family: "Roboto Condensed",sans-serif;
}

.banner-video .countdown-clock .time_circles span, .screen .screen-header .top-block1 .timer-block .banner-clock.md-block1 .countdown-clock .time_circles span {
  font-size: 35px!important;
  font-weight: 600;
  font-family: "Roboto Condensed",sans-serif;
}