/* ================= MOBILE ================= */

        @media (max-width: 991px) {

            .navbar {
                height: 80px;
            }

            .menu-box {
                width: 90px;
                height: 80px;
            }

            .logo {
                font-size: 23px;
                margin-left: 15px;
            }

            .nav-right {
                display: none;
            }

            .hero-content {
                left: 8%;
                right: 8%;
                top: 28%;
            }

            .hero-title {
                font-size: 38px;
            }
        }

        @media (max-width: 576px) {

            .hero {
                min-height: 600px;
            }

            .menu-box {
                width: 80px;
            }

            .menu-box span {
                display: none;
            }

            .logo {
                font-size: 20px;
            }

            .hero-content {
                top: 27%;
            }

            .small-title {
                font-size: 9px;
                line-height: 1.5;
            }

            .hero-title {
                font-size: 30px;
                line-height: 1.25;
            }

            .discover-btn {
                padding: 13px 20px;
            }

            .slider-btn {
                width: 48px;
                height: 48px;
            }
        }
/* =========================
           TABLET
        ========================= */

        @media(max-width: 992px) {

            .slider-content {
                left: 8%;
                right: 8%;
            }

            .slider-content h1 {
                font-size: 45px;
            }
        }

        /* =========================
           MOBILE
        ========================= */

        @media(max-width: 576px) {

            .main-slider {
               height: 60vh;
                min-height: 400px;
            }

			.carousel, .carousel-inner, .carousel-item {
    width: 100%;
    
}
            .slider-content {
                left: 7%;
                right: 7%;
            }

            .slider-small-title {
                font-size: 10px;
            }

            .slider-content h1 {
                font-size: 32px;
                line-height: 1.2;
            }

            .custom-arrow {
                width: 55px;
                height: 55px;
            }

        }


        /* ================= MOBILE ================= */

        @media (max-width: 991px) {

            .navbar {
                height: 80px;
            }

            .menu-box {
                width: 90px;
                height: 80px;
            }

            .logo {
                font-size: 23px;
                margin-left: 15px;
            }

            .nav-right {
                display: none;
            }

            .hero-content {
                left: 8%;
                right: 8%;
                top: 28%;
            }

            .hero-title {
                font-size: 38px;
            }
        }

        @media (max-width: 576px) {

            .hero {
                min-height: 600px;
            }

            .menu-box {
                width: 80px;
            }

            .menu-box span {
                display: none;
            }

            .logo {
                font-size: 20px;
            }

            .hero-content {
                top: 27%;
            }

            .small-title {
                font-size: 9px;
                line-height: 1.5;
            }

            .hero-title {
                font-size: 30px;
                line-height: 1.25;
            }

            .discover-btn {
                padding: 13px 20px;
            }

            .slider-btn {
                width: 48px;
                height: 48px;
            }
			
	

/* =================================
   MOBILE
================================= */

@media(max-width: 991px) {

    .top-navbar {

        height: 112px;
    }

    .menu-area {

        width: 85px;

        height: 75px;
    }

    .logo-area {

        margin-left: 15px;
    }

    .logo-text {

        font-size: 21px;
    }

    .phone,
    .social-icons,
    .languages,
    .view-btn {

        display: none;
    }

}


/* =================================
   SMALL MOBILE
================================= */

@media(max-width: 576px) {

    .menu-area {

        width: 70px;
    }

    .menu-btn span {

        display: none;
    }

    .logo-icon {

        width: 28px;
        height: 28px;
    }

    .logo-text {

        font-size: 19px;
    }

}


/* Tablet */
        @media (max-width: 991px) {

            .experience-img {
                height: 500px;
            }

            .experience-content {
                padding: 50px 30px;
            }

            .experience-content h1 {
                font-size: 45px;
                margin-bottom: 35px;
            }

            .experience-content p {
                font-size: 16px;
                line-height: 1.8;
            }
        }

        /* Mobile */
        @media (max-width: 767px) {

            .experience-section {
                padding: 0;
            }

            .experience-img {
                height: 350px;
                margin-bottom: 15px;
            }

            .experience-content {
                padding: 35px 20px;
            }

            .experience-content h1 {
                font-size: 36px;
                line-height: 1.2;
                margin-bottom: 30px;
            }

            .experience-content p {
                font-size: 15px;
                line-height: 1.8;
                margin-bottom: 20px;
            }
        }


/* Mobile */
        @media (max-width: 767px) {

            .houseboat-section {
                padding: 35px 15px;
            }

            .section-title h2 {
                font-size: 26px;
            }

            .houseboat-card img {
                height: 230px;
            }

            .houseboat-info h4 {
                font-size: 17px;
            }
        }

@media (max-width: 767px) {
    .img-ratio {
        height: 550px;
    }
	.video-ratio {
    width: 100%;
    height: 550px;
    object-fit: cover;
    background: #000;
}
}




        /* Mobile */
        @media (max-width: 991px) {

            .visit-section {
                display: block;
            }

            .map-wrapper {
                width: 100%;
                min-height: 400px;
                height: 45vh;
            }

            .map-wrapper iframe {
                min-height: 400px;
                height: 45vh;
            }

            .form-wrapper {
                width: 100%;
                min-height: auto;
                padding: 60px 30px 70px;
            }

            .form-title {
                font-size: 42px;
                margin-bottom: 50px;
            }
        }

        @media (max-width: 576px) {

            .map-wrapper {
                height: 350px;
                min-height: 350px;
            }

            .map-wrapper iframe {
                height: 350px;
                min-height: 350px;
            }

            .form-wrapper {
                padding: 50px 25px 60px;
            }

            .form-title {
                font-size: 36px;
                margin-bottom: 45px;
            }

            .form-group {
                margin-bottom: 30px;
            }
        }


  /* =========================
           TABLET
        ========================= */

        @media (max-width: 991px) {

            .footer-section {
                min-height: 700px;
            }

            .footer-logo {
                width: 220px;
                height: 130px;
                margin-bottom: 35px;
            }

            .footer-phone {
                margin-bottom: 50px;
            }

            .footer-phone a {
                font-size: 42px;
            }

            .footer-bottom {
                padding: 0 5%;
            }

            .back-to-top {
                width: 70px;
                height: 70px;
                right: 20px;
                bottom: 20px;
            }
        }


        /* =========================
           MOBILE
        ========================= */

        @media (max-width: 576px) {

            .footer-section {
                min-height: auto;
                padding: 30px 20px 40px;
            }

            .footer-container {
                min-height: auto;
            }

            .footer-logo {
                width: 190px;
                height: 120px;
                margin-bottom: 25px;
            }

            .footer-phone {
                margin-bottom: 45px;
            }

            .footer-phone a {
                font-size: 29px;
                letter-spacing: 1px;
                margin-bottom: 8px;
            }

            .footer-heading {
                margin-bottom: 18px;
            }

            .footer-address p {
                font-size: 13px;
            }

            .footer-social {
                gap: 25px;
                margin-top: 15px;
            }

            .footer-bottom {
                position: static;
                width: 100%;
                padding: 70px 0 0;
            }

            .footer-bottom-row {
                flex-direction: column;
                gap: 18px;
                text-align: center;
            }

            .footer-links {
                flex-wrap: wrap;
                justify-content: center;
                gap: 15px 22px;
            }

            .back-to-top {
                position: fixed;
                width: 55px;
                height: 55px;
                right: 15px;
                bottom: 15px;
                font-size: 16px;
                z-index: 99;
            }
        }
			
			
			/* Mobile Bottom Buttons */


@media (max-width: 767px) {

    .mobile-bottom-buttons {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 55px;
        display: flex;
        z-index: 9999;
    }

    .mobile-bottom-buttons a {
        width: 50%;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
    }

    .whatsapp-btn {
        background: #25D366;
    }

    .call-btn {
        background: #1684d8;
    }

    .mobile-bottom-buttons i {
        font-size: 20px;
    }

    /* Bottom button cover ചെയ്യാതിരിക്കാൻ */
    body {
        padding-bottom: 55px;
    }
}