@media (min-width: 576px) {
    .kb-caption{
        max-width: 540px;
    }
}
@media (min-width:768px) {
    .arrow-pointer{
        left:200px;
    }
    .kb-caption  {
        max-width: 720px;
    }
.kb-carousel .carousel-indicators {
        flex-direction: column;
        row-gap:10px;
        margin: 0px;
        bottom: 50%;
        transform: translateY(50%);
        width: fit-content;
        right:30px;
        left:auto;
        column-gap:0px;
    }
    .kb-carousel .carousel-item::after{
         background-image:linear-gradient(90deg, RGBA(0,0,0, 0.6) 0%, RGBA(0,0,0,.2) 75%, RGBA(0,0,0, .85) 100%);
    }
    .kb-carousel .carousel-indicators::before {
    content: '';
    width:1px;
    height:80px;
    position: absolute;
    top:-100px;
    left:50%;
    bottom:auto;
    transform: translatex(-50%);
    background: rgba(255, 255, 255, .5);
}
.kb-carousel .carousel-indicators::after{
    content: '';
    width:1px;
    height:80px;
    position: absolute;
    top:auto;
    bottom:-100px;
    left:50%;
    transform: translatex(-50%);
    background: rgba(255, 255, 255, .5);
}
.kb-carousel .carousel-control-next, .carousel-control-prev{
    bottom: 80px;
    right: 30px;
    transform: translate(0);
}
.kb-carousel .carousel-control-prev{
    right:100px;
    left:auto;
    transform: translate(0);
}
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right:20px;
        padding-left:20px;
        margin:0px 8px;
    }
    .custom-navbar{
        height:90px;
    }
    .navbar-brand{
    padding: 10px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    margin-top:50px;
}
    .navbar-brand img{
width:115px;
}
.nav-link{
    font-size:18px;
}
}
@media (min-width: 992px) {
   .kb-caption {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
     .kb-caption {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
     .kb-caption{
        max-width: 1320px;
    }
}


@media (max-height:500px) {
    .kb-carousel{
    height:600px;
}
}
@media (max-width:768px) and (max-height:500px) {
    .kb-carousel{
    height:640px;
}
}
@media (max-width:768px){

    .kb-carousel {
    min-height: calc(100vh);
    height: 100vh;
    min-height:550px;
        height:550px;
        max-height:550px;
}
    .nav-link{
        padding-left:16px;
        padding-right:16px;
        margin:3px 0px;
    }
    .nav-link.book-now {
    margin-bottom: 16px;
}
.kb-caption{
    left:0px;
    text-align: left;
    width:100%;
    padding-left: 20px;
    padding-right: 20px;
    top:30px;
}
.kb-caption h1,.kb-caption h2{
     font-size:38px; 
     text-align: left;
}
.fixed-banner h1{
    font-size:38px !important;
}
h1,h2{
    font-size:32px;
}
h3{
    font-size:20px;
}
.kb-caption p{
    font-size:16px;
}

.arrow-pointer img{
    position: absolute;
    right:20px;
}
.arrow-pointer{
    margin:0px 0px 0px auto;
    margin-top:30px;
}
.video-play-button {
    position: relative;
    z-index: 10;
    top: 50%;
    right:0px;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 24px; /* Adjusted width */
    height: 33px; /* Adjusted height proportionally */
    border-radius: 50%;
    padding: 13.5px 15px 13.5px 21px; /* Scaled padding values */
    cursor: pointer;
            margin-top: 100px;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px; /* Scaled width */
    height: 60px; /* Scaled height */
    background:#1a396b;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px; /* Scaled width */
    height: 60px; /* Scaled height */
    background:#15a4f5;
    border-radius: 50%;
    transition: all 200ms;
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 24px solid #fff; /* Scaled border */
    border-top: 16.5px solid transparent; /* Scaled border */
    border-bottom: 16.5px solid transparent; /* Scaled border */
}
.section-padding{
    padding-top:80px;
    padding-bottom:80px;
}
.image-cover {
    border-radius: 3px;
    border: 5px solid #ffffff;
}
.video-cover-content{
    width:100%;
    padding:25px 20px;
    border-radius:8px;
            padding-bottom: 185px;
            margin-bottom:0px;
}
.video-cover video{
    margin-top:30px;
    border-radius:4px;
            height: 400px;
        object-fit: cover
}
h4.modal-title{
    font-size:16px;
}
.custom-card p{
    font-size:18px;
}
.icon-cover,.faq-section .faqs-col .icon-cover{
    margin-bottom:24px;
}
.faq-section .icon-cover{
    margin:0 auto;
    margin-bottom:24px;
}
.btn-default{
    padding:12px 30px 12px 30px;
}
.booking-section form{
    padding:20px 10px;
}
.faq-section .custom-accordion-button{
    font-size:16px;
    padding-right:5px;
    line-height:24px;
}
.fixed-banner.fixed-banner-3 {
    padding-top: 108.82px;
    padding-bottom: 100px;
}
.service-card-content{
    margin-bottom:0px;
}
.service-card-footer{
    position: static;
}
ul.social-icons{
   flex-wrap: wrap;
}
.circle-dots{
    right:30px;
}
.animation-3{
    left:0px;
    top:500px;
}
.circle-dots1{
    bottom:500px;
}
.animation-4{
    top:auto;
    bottom:0px;
    width:100%;
}
.footer-item1 a{
    font-size:14px;
}
.footer-item2 a{
    font-size:14px;
}
.booking-package .booking-package-image img{
    width:80px;
}
   .faqs-col h3{
        text-align: center;
    }
    .play-with-sound{
        font-size:18px;
    }
}
@media (max-width:300px) {
    .kb-carousel {
        min-height: 480px;
        height: 4580px;
        max-height:480px;
    }
    .kb-caption h1, .kb-caption h2 {
        font-size: 30px;
        text-align: left;
    }
   .kb-carousel .carousel-control-next, .carousel-control-prev{
        bottom:30px;
    }
    .kb-carousel .carousel-indicators{
        bottom:60px;
    }
        .btn-default {
        padding: 8px 12px 8px 12px;
    }
        h1, h2 {
        font-size: 28px;
    }
        h3 {
        font-size: 18px;
    }
    .fixed-banner {
    padding-top: 130px;
    padding-bottom: 130px;
}
    .fixed-banner h1 {
        font-size: 30px !important;
    }
    .fixed-banner.fixed-banner-3 {
        padding-top: 82px;
        padding-bottom: 70px;
    }
}