@media (max-width: 768px) {
    html , body {
      overflow-x: hidden!important;
    }
    .bkrm-top-scx-slide {
        min-height: 70vh;
    }
    .bkrm-top-scx-content { 
        padding-top: 150px;
        padding-bottom: 100px;
    }
    .bkrm-hm-form-scx-tabs .nav-item {
        width: 100%;
    }
    .bkrm-hm-form-scx form {
        margin-bottom: 5px;
    }
    .bkrm-hm-form-scx-feature { 
        margin-bottom: 30px;
    }
    .bkrm-hm-form-scx-features { 
        padding-bottom: 0px;
    }
    .bkrm-top-scx-content .bkrm-top-scx-btn.bkrm-top-scx-btn-outline {
        background: #fff;
        color: #000;
    }
    .bkrm-top-scx-btn {
        display: block;  
        margin-bottom: 15px;
    }
    .bkrm-hm-form-scx-tabs .nav-link.active { 
        width: 100%;
    }



}


@media (max-width: 991.98px) {
    .nav-container {
        border-radius: 24px;
        padding: 15px 20px;
    }
}

/* 7. Responsiveness Media Queries */
@media (max-width: 991.98px) {
    .brand-logo {
        height: 44px;
    }
    .navbar-nav .dropdown-menu { 
        visibility: visible;
        opacity: 1; 
        background: #ffffff69;
        color: #fff;
    }
    .hero-content {
        margin-top: 130px;
    }

    .card-tl {
        left: 6%;
        top: 44%;
    }

    .card-tr {
        right: 6%;
        top: 44%;
    }

    .card-bl {
        left: 2%;
        top: 62%;
    }

    .card-br {
        right: 2%;
        top: 62%;
    }
}

/* Tablet only hero adjustments */
@media (min-width: 768px) and (max-width: 991.98px) {
    .hero-section {
        min-height: 80dvh !important;
        padding-bottom: 70px !important;
    }
}

@media (max-width: 767.98px) {
    .brand-logo {
        height: 38px;
    }

    .navbar {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .nav-container {
        padding: 8px 16px !important;
        width: 90% !important;
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
 
    .navbar-toggler {
        padding: 4px 8px !important;
        font-size: 0.85rem !important;
    }

    .hero-section {
        min-height: 70dvh;
        padding-bottom: 60px;
    }

    .hero-content {
        margin-top: 120px;
    }

    .floating-card {
        width: 75px;
    }

    .card-tl {
        left: 3%;
        top: 38%;
    }

    .card-tr {
        right: 4%;
        top: 38%;
    }

    .card-bl,
    .card-br {
        display: none;
    }

    .btn-hero-primary {
        font-size: 14px !important;
        padding: 10px 28px !important;
    }

    .bkrm-footer-scx-news-form {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        padding: 24px 20px;
        border-radius: 24px;
        background: rgba(255,255,255,.03);
        border: 1px solid rgba(255,255,255,.06);
    }

    .bkrm-footer-scx-news-form input {
        height: 54px;
        font-size: 15px;
        padding: 0 10px;
        color: #fff;
        border-bottom: 1.5px solid rgba(255, 255, 255, 0.15) !important;
    }

    .bkrm-footer-scx-news-form button {
        height: 52px;
        justify-content: center;
        align-items: center;
        font-size: 15px;
        font-weight: 600;
        background: #0D63E5 !important;
        color: #fff !important;
        border-radius: 16px;
        padding: 0 20px;
        gap: 8px;
    }

    .bkrm-footer-scx-about {
        text-align: center;
    }

    .bkrm-footer-scx-logo {
        display: block;
        margin: 0 auto 28px;
    }

    .bkrm-footer-scx-logo img {
        margin: 0 auto;
    }

    .bkrm-footer-scx-about p {
        text-align: center;
    }

    .bkrm-footer-scx-social {
        justify-content: center;
    }

    .bkrm-footer-scx-links {
        text-align: center;
    }

    .bkrm-footer-scx-links h4,
    .bkrm-footer-scx-contact h4 {
        text-align: center;
    }

    .bkrm-footer-scx-links h4::after,
    .bkrm-footer-scx-contact h4::after {
        left: 50% !important;
        transform: translateX(-50%);
    }

    .bkrm-footer-scx-links ul {
        display: inline-block;
        text-align: center;
    }

    .bkrm-footer-scx-links li {
        text-align: center;
    }

    .bkrm-footer-scx-links a {
        justify-content: center;
    }

    .bkrm-footer-scx-contact {
        text-align: center;
    }

    .bkrm-footer-scx-contact ul {
        display: inline-block;
        text-align: center;
        padding: 0;
    }

    .bkrm-footer-scx-contact li {
        justify-content: center;
        text-align: center;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    .bkrm-footer-scx-bottom p {
        text-align: center;
    }

    .bkrm-footer-scx-news {
        padding-top: 50px !important;
        padding-bottom: 30px !important;
    }

    .bkrm-footer-scx-main {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .who-we-are-redesign,
    .achievements-section,
    .why-choose-section {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .our-story-section {
        padding-top: 15px !important;
        padding-bottom: 40px !important;
    }

    body.page-contact-us .hero-section {
        min-height: 50dvh !important;
    }

    /* Testimonial card overrides on mobile */
    .page-package .testimonial-stack-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .page-package .testimonial-card-item {
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
        padding: 16px 20px !important;
    }

    .page-package .testimonial-avatar {
        width: 50px !important;
        height: 50px !important;
    }

    .page-package .testimonial-name {
        font-size: 16px !important;
    }

    .page-package .testimonial-text {
        font-size: 13.5px !important;
    }

    .page-package .quote-icon {
        font-size: 1.8rem !important;
    }
}

@media (max-width: 575.98px) {
    .hero-section {
        background-position: 45% bottom;
        padding-bottom: 40px;
    }

    .hero-content {
        margin-top: 100px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .floating-cards-container {
        display: none;
    }

    .hero-ctas {
        width: 100%;
    }

    .btn-hero-primary {
        width: auto !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        padding: 10px 28px !important;
        font-size: 14px !important;
    }

    .hero-title {
        text-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    }

    .hero-desc {
        color: rgba(255, 255, 255, 0.95);
        font-weight: 400;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    }
}

/* Responsiveness for Search Widget */
@media (max-width: 575.98px) {
    .search-form-single {
        flex-direction: column;
        border-radius: 20px;
        padding: 16px;
        gap: 16px;
    }
    
    .search-input-wrapper {
        width: 100%;
        padding-left: 8px;
    }
    
    .btn-search-single {
        width: 100%;
        padding: 12px;
        text-align: center;
    }
}









/* --------------------------------------------------
   Page-Specific Stylesheet - home-responsive.css
   -------------------------------------------------- */

/* Responsive adjustment for stacked viewports */
@media (max-width: 991.98px) {
    .trending-image-column {
    }
}

/* Responsive adjustment for stacked viewports */
@media (max-width: 991.98px) {
    .collage-container-column {
        min-height: 480px;
        max-width: 500px;
        margin: 40px auto 0;
    }
    
    .bubble-collage-grid {
        height: 450px;
    }
    
    .bubble-circle.circle-lg {
        width: 200px;
        height: 200px;
    }
    
    .bubble-circle.circle-md {
        width: 140px;
        height: 140px;
    }
    
    .bubble-circle.circle-sm {
        width: 95px;
        height: 95px;
    }
    
    .bubble-circle.circle-1 {
        top: 40px;
        left: 30px;
    }
    
    .bubble-circle.circle-2 {
        top: 15px;
        right: 15px;
    }
    
    .bubble-circle.circle-3 {
        top: 200px;
        left: 15px;
    }
    
    .bubble-circle.circle-4 {
        top: 280px;
        right: 60px;
    }
}

/* Staggered Offsets on Desktop Viewports */
@media (min-width: 992px) {
    .attraction-col-up {
        transform: translateY(-25px);
    }
    
    .attraction-col-down {
        transform: translateY(25px);
    }
}

/* Mobile responsive adjustments */
@media (max-width: 991.98px) {
    .attractions-section {
        padding-bottom: 50px;
    }
    
    .attraction-col-up {
        transform: translateY(-15px);
    }
    
    .attraction-col-down {
        transform: translateY(15px);
    }
}


/* Stacking Rules (Mobile/Tablet viewports) */
@media (max-width: 991.98px) {
    .itinerary-card {
        margin: 20px auto;
        transform: none;
    }
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .gallery-section {
        padding: 60px 0;
    }
    
    .gallery-custom-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
    
    .gallery-text-card {
        grid-column: span 2;
        height: auto;
        margin-bottom: 20px;
    }
    
    .gallery-img-1, .gallery-img-2, .gallery-img-3, .gallery-img-4, .gallery-img-5, .gallery-img-6, .gallery-img-7, .gallery-img-8 {
        grid-column: span 1;
        grid-row: auto;
        height: 220px;
    }
    
    .gallery-info-card {
        grid-column: span 2;
        grid-row: auto;
        height: auto;
        margin-top: 20px;
    }
}

@media (max-width: 575.98px) {
    .gallery-custom-grid {
        grid-template-columns: 1fr;
        grid-gap: 16px;
    }
    
    .gallery-text-card, .gallery-info-card {
        grid-column: span 1;
    }
    
    .gallery-img-1, .gallery-img-2, .gallery-img-3, .gallery-img-4, .gallery-img-5, .gallery-img-6, .gallery-img-7, .gallery-img-8 {
        grid-column: span 1;
        height: 180px;
    }
}

/* Staggered offset positioning on desktop */
@media (min-width: 992px) {
    .testimonial-card-item.card-top {
        transform: translateX(40px);
    }

    
    .testimonial-card-item:hover {
        transform: scale(1.03) translateY(-5px);
        box-shadow: 0 15px 40px rgba(15, 16, 22, 0.08);
    }
    
    .testimonial-card-item.card-top:hover {
        transform: translateX(40px) scale(1.03) translateY(-5px);
    }
    .testimonial-card-item.card-bottom:hover {
        transform: translateX(40px) scale(1.03) translateY(-5px);
    }
}

/* Mobile responsive adjustments */
@media (max-width: 991.98px) {
    .testimonial-stack-container {
        padding-left: 0;
        margin-top: 40px;
    }
    .testimonial-card-item {
        max-width: 100%;
    }
}

/* Responsive fixes */
@media (max-width: 991.98px) {
    .guide-badge-card {
        position: relative;
        bottom: 0;
        right: 0;
        width: 100%;
        margin-top: 20px;
    }
}

/* Mobile view container padding adjustment for index, package, about-us, contact-us, packages-listing, rooms-booking and rooms-listing pages */
@media (max-width: 767.98px) {
    .page-index .container,
    .page-package .container,
    .page-about-us .container,
    .page-contact-us .container,
    .page-packages-listing .container,
    .page-rooms-booking .container,
    .page-rooms-listing .container {
        padding-left: 24px;
        padding-right: 24px;
    }

    .page-about-us .btn-wcu-explore {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: fit-content !important;
    }
}

/* --------------------------------------------------
   Page-Specific Stylesheet - about-us-responsive.css
   -------------------------------------------------- */

@media (max-width: 991.98px) {
    .collage-container-column {
        min-height: 480px;
        max-width: 500px;
        margin: 40px auto 0;
    }

    .bubble-collage-grid {
        height: 450px;
    }

    .bubble-circle.circle-lg {
        width: 200px;
        height: 200px;
    }

    .bubble-circle.circle-md {
        width: 140px;
        height: 140px;
    }

    .bubble-circle.circle-sm {
        width: 95px;
        height: 95px;
    }

    .bubble-circle.circle-1 {
        top: 40px;
        left: 30px;
    }

    .bubble-circle.circle-2 {
        top: 15px;
        right: 15px;
    }

    .bubble-circle.circle-3 {
        top: 200px;
        left: 15px;
    }

    .bubble-circle.circle-4 {
        top: 280px;
        right: 60px;
    }
}

@media (min-width: 992px) {
    .attraction-col-up {
        transform: translateY(-25px);
    }

    .attraction-col-down {
        transform: translateY(25px);
    }
}

@media (max-width: 991.98px) {
    .attractions-section {
        padding-bottom: 50px;
    }

    .attraction-col-up {
        transform: translateY(-15px);
    }

    .attraction-col-down {
        transform: translateY(15px);
    }
}


@media (max-width: 991.98px) {
    .itinerary-card {
        margin: 20px auto !important;
        transform: none !important;
    }
}

@media (max-width: 991.98px) {
    .gallery-section {
        padding: 60px 0;
    }

    .gallery-custom-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    .gallery-text-card {
        grid-column: span 2;
        height: auto;
        margin-bottom: 20px;
    }

    .gallery-img-1,
    .gallery-img-2,
    .gallery-img-3,
    .gallery-img-4,
    .gallery-img-5,
    .gallery-img-6,
    .gallery-img-7,
    .gallery-img-8 {
        grid-column: span 1 !important;
        grid-row: auto !important;
        height: 220px !important;
    }

    .gallery-info-card {
        grid-column: span 2 !important;
        grid-row: auto !important;
        height: auto;
        margin-top: 20px;
    }
}

@media (max-width: 575.98px) {
    .gallery-custom-grid {
        grid-template-columns: 1fr;
        grid-gap: 16px;
    }

    .gallery-text-card,
    .gallery-info-card {
        grid-column: span 1 !important;
    }

    .gallery-img-1,
    .gallery-img-2,
    .gallery-img-3,
    .gallery-img-4,
    .gallery-img-5,
    .gallery-img-6,
    .gallery-img-7,
    .gallery-img-8 {
        grid-column: span 1 !important;
        height: 180px !important;
    }
}

@media (min-width: 992px) {
    .testimonial-card-item.card-top {
        transform: translateX(40px);
    }

    .testimonial-card-item.card-middle {
        transform: translateX(0);
    }

    .testimonial-card-item.card-bottom {
        transform: translateX(40px);
    }

    .testimonial-card-item:hover {
        transform: scale(1.03) translateY(-5px);
        box-shadow: 0 15px 40px rgba(15, 16, 22, 0.08);
    }

    .testimonial-card-item.card-top:hover {
        transform: translateX(40px) scale(1.03) translateY(-5px);
    }

    .testimonial-card-item.card-bottom:hover {
        transform: translateX(40px) scale(1.03) translateY(-5px);
    }
}

@media (max-width: 991.98px) {
    .testimonial-stack-container {
        padding-left: 0;
        margin-top: 40px;
    }

    .testimonial-card-item {
        max-width: 100%;
    }
}

@media (max-width: 991.98px) {
    .guide-badge-card {
        position: relative;
        bottom: 0;
        right: 0;
        width: 100%;
        margin-top: 20px;
    }
}

@media (max-width: 991.98px) {
    .wcu-detail-title {
        font-size: 22px;
    }
}

@media (max-width: 991.98px) {
    .who-we-are-redesign {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .wcu-main-heading {
        font-size: 32px;
    }

    .wcu-collage-container {
        height: 420px;
        margin-top: 40px;
    }

    .wcu-box-travelers {
        width: 65%;
        height: 300px;
    }

    .wcu-box-resort {
        width: 55%;
        height: 220px;
    }

    .wcu-balloon-graphic {
        width: 80px;
        top: 20px;
        right: 10px;
    }
}

@media (max-width: 991.98px) {
    .story-quote {
        font-size: 17px;
    }

    .story-capsules-container {
        margin-top: 40px;
    }
}

@media (max-width: 991.98px) {
    .ach-image-card {
        min-height: 360px;
    }
}

@media (max-width: 991.98px) {

    .who-we-are-redesign,
    .our-story-section,
    .achievements-section,
    .why-choose-section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}






/* ==================================================
   BookInRoom Contact Page Responsiveness
   ================================================== */

@media (max-width: 991.98px) {
    .contact-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contact-heading {
        font-size: 32px;
        white-space: normal;
    }

    .contact-desc {
        margin-bottom: 35px;
    }

    .contact-grid {
        gap: 24px;
    }

    .contact-card {
        padding: 35px 25px;
        margin-top: 40px;
        border-radius: 20px;
    }

    .map-section {
        padding-bottom: 60px;
    }

    .map-container {
        height: 360px;
        border-radius: 20px;
    }
}

@media (max-width: 767.98px) {
    .contact-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .contact-heading {
        font-size: 28px;
        white-space: normal !important;
    }

    .contact-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .contact-info-block p {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-all;
    }

    .contact-card {
        padding: 30px 20px;
        margin-top: 30px;
        border-radius: 20px;
    }

    .btn-contact-submit {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .map-section {
        padding-bottom: 50px;
    }

    .map-container {
        height: 280px;
        border-radius: 16px;
    }
}




/* ==================================================
   BookInRoom Combined Listings Stylesheet - Responsiveness
   (Contains Namespaced Packages and Rooms Responsive Styling)
   ================================================== */

/* Responsive adjustment for stacked viewports */
@media (max-width: 991.98px) {
    .page-rooms-listing .trending-image-column{
        min-height: 400px;
    }
}

/* Responsive Overrides */
@media (max-width: 991.98px) {
    .page-rooms-listing .property-slider-container{
        height: 380px;
    }
    
    .page-rooms-listing .property-slide.pos-left{
        height: 310px;
    }
    
    .page-rooms-listing .property-slide.pos-right{
        height: 380px;
    }
    
    .page-rooms-listing .property-slide.entering-left{
        height: 310px;
    }
    
    .page-rooms-listing .property-slide.exiting-right{
        height: 380px;
    }
    
    .page-rooms-listing .highlight-col{
        border-right: none;
        border-bottom: 1px solid #f1f5f9;
    }
    
    .page-rooms-listing .highlight-col:last-child{
        border-bottom: none;
    }
}

@media (max-width: 767.98px) {
    .page-rooms-listing .property-slider-container{
        height: 300px;
    }
    
    .page-rooms-listing .property-slide.pos-left{
        height: 240px;
    }
    
    .page-rooms-listing .property-slide.pos-right{
        height: 300px;
    }
    
    .page-rooms-listing .property-slide.entering-left{
        height: 240px;
    }
    
    .page-rooms-listing .property-slide.exiting-right{
        height: 300px;
    }
}

/* Responsive details spacing */
@media (max-width: 991.98px) {
    .page-rooms-listing .room-carousel-img{
        height: 360px;
    }
}

@media (max-width: 767.98px) {
    .page-rooms-listing .room-carousel-img{
        height: 300px;
    }
    
    .page-rooms-listing .room-details-actions{
        border-radius: 16px;
        flex-direction: column;
        gap: 15px;
        padding: 15px;
    }
    
    .page-rooms-listing .room-details-actions > div{
        padding-left: 0;
        width: 100%;
        justify-content: center;
    }
    
    .page-rooms-listing .btn-details-book{
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

/* Responsive Why Choose spacing */
@media (max-width: 991.98px) {
    .page-rooms-listing .vertical-cursive-text{
        position: static;
        display: block;
        transform: none;
        margin-top: 15px;
        text-align: center;
    }
    .page-rooms-listing .choose-row-card:hover{
        transform: translateY(-3px);
    }
}

/* Staggered offset positioning on desktop */
@media (min-width: 992px) {
    .page-rooms-listing .testimonial-card-item.card-top{
        transform: translateX(40px);
    }
    .page-rooms-listing .testimonial-card-item.card-middle{
        transform: translateX(0);
    }
    .page-rooms-listing .testimonial-card-item.card-bottom{
        transform: translateX(40px);
    }
    
    .page-rooms-listing .testimonial-card-item:hover{
        transform: scale(1.03) translateY(-5px);
        box-shadow: 0 15px 40px rgba(15, 16, 22, 0.08);
    }
    
    .page-rooms-listing .testimonial-card-item.card-top:hover{
        transform: translateX(40px) scale(1.03) translateY(-5px);
    }
    .page-rooms-listing .testimonial-card-item.card-bottom:hover{
        transform: translateX(40px) scale(1.03) translateY(-5px);
    }
}

/* Mobile responsive adjustments */
@media (max-width: 991.98px) {
    .page-rooms-listing .testimonial-stack-container{
        padding-left: 0;
        margin-top: 40px;
    }
    .page-rooms-listing .testimonial-card-item{
        max-width: 100%;
    }
}






/* --------------------------------------------------
   Page-Specific Stylesheet - rooms-booking-responsive.css
   -------------------------------------------------- */

@media (max-width: 991.98px) {

    .trending-image-column {

        min-height: 400px;

    }

}

@media (max-width: 991.98px) {

    .property-slider-container {

        height: 380px;

    }

    

    .property-slide.slide-left {

        height: 310px;

    }

    

    .property-slide.slide-right {

        height: 380px;

    }

    

    .property-slide.slide-enter-left {

        height: 310px;

    }

    

    .property-slide.slide-exit-right {

        height: 380px;

    }

    

    .highlight-col {

        border-right: none;

        border-bottom: 1px solid #f1f5f9;

    }

    

    .highlight-col:last-child {

        border-bottom: none;

    }

}

@media (max-width: 767.98px) {

    .property-slider-container {

        height: 300px;

    }

    

    .property-slide.slide-left {

        height: 240px;

    }

    

    .property-slide.slide-right {

        height: 300px;

    }

    

    .property-slide.slide-enter-left {

        height: 240px;

    }

    

    .property-slide.slide-exit-right {

        height: 300px;

    }

}

@media (max-width: 991.98px) {

    .room-carousel-img {

        height: 360px;

    }

}

@media (max-width: 767.98px) {

    .room-carousel-img {

        height: 300px;

    }

    

    .room-details-actions {

    border-radius: 16px;

    flex-direction: column;

    gap: 15px;

    padding: 15px;

}

    

    .room-details-actions > div {

    padding-left: 0;

    width: 100%;

    justify-content: center;

}

    

    .btn-details-book {

        width: 100%;

        text-align: center;

        justify-content: center;

    }

}

@media (max-width: 991.98px) {

    .vertical-cursive-text {

        position: static;

        display: block;

        transform: none;

        margin-top: 15px;

        text-align: center;

    }

    .choose-row-card:hover {

        transform: translateY(-3px);

    }

}

@media (min-width: 992px) {

    .testimonial-card-item.card-top {

        transform: translateX(40px);

    }

    .testimonial-card-item.card-middle {

        transform: translateX(0);

    }

    .testimonial-card-item.card-bottom {

        transform: translateX(40px);

    }

    

    .testimonial-card-item:hover {

        transform: scale(1.03) translateY(-5px);

        box-shadow: 0 15px 40px rgba(15, 16, 22, 0.08);

    }

    

    .testimonial-card-item.card-top:hover {

        transform: translateX(40px) scale(1.03) translateY(-5px);

    }

    .testimonial-card-item.card-bottom:hover {

        transform: translateX(40px) scale(1.03) translateY(-5px);

    }

}

@media (max-width: 991.98px) {

    .testimonial-stack-container {

        padding-left: 0;

        margin-top: 40px;

    }

    .testimonial-card-item {

        max-width: 100%;

    }

}

/* ==================================================
   BOOKINROOM INDEX PAGE RESPONSIVE STYLESHEET
   ================================================== */

@media(max-width:991px) {
    .bkrm-top-scx-content h1 {
        font-size: 46px
    }

    .bkrm-top-scx-arrow {
        display: none !important
    }
}

@media(max-width:991px){
    .bkrm-package-scx-title h2{
        font-size:34px;
    }

    .bkrm-package-scx-head{
        justify-content:center;
        text-align:center;
    }
}

@media(max-width:767px){
    .bkrm-package-scx{
        padding:70px 0;
    }

    .bkrm-package-scx-title h2{
        font-size:30px;
    }

    .bkrm-package-scx-img{
        height:380px;
    }

    .bkrm-package-scx-content{
        padding:22px;
    }

    .bkrm-package-scx-info h3{
        font-size:28px;
    }

    .bkrm-package-scx-btn{
        width:100%;
    }

    .bkrm-package-scx-btn a{
        width:100%;
        justify-content:center;
    }
}

@media(max-width:991px){
    .bkrm-wwa-scx{
        padding:80px 0;
    }

    .bkrm-wwa-scx-head h2{
        font-size:38px;
    }

    .bkrm-wwa-scx-card{
        margin-bottom:30px;
    }

    .bkrm-wwa-scx-center{
        margin-bottom:30px;
    }

    .bkrm-wwa-scx-center img{
        height:450px;
    }
}

@media(max-width:767px){
    .bkrm-wwa-scx-head{
        margin-bottom:50px;
    }

    .bkrm-wwa-scx-head h2{
        font-size:30px;
    }

    .bkrm-wwa-scx-head p{
        font-size:17px;
    }

    .bkrm-wwa-scx-top h3{
        font-size:34px;
    }

    .bkrm-wwa-scx-center img{
        height:350px;
    }

    .bkrm-wwa-scx-image img{
        height:220px;
    }
}

@media(max-width:991px){
    .bkrm-rooms-scx-image{
        height:520px;
    }

    .bkrm-rooms-scx-head h2{
        font-size:36px;
    }
}

@media(max-width:767px){
    .bkrm-rooms-scx{
        padding:70px 0;
    }

    .bkrm-rooms-scx-head h2{
        font-size:30px;
    }

    .bkrm-rooms-scx-image{
        height:450px;
    }

    .bkrm-rooms-scx-content{
        padding:25px;
    }

    .bkrm-rooms-scx-content h3{
        font-size:34px;
    }

    .bkrm-rooms-scx-content h4{
        font-size:20px;
    }

    .bkrm-rooms-scx-content ul{
        flex-direction:column;
        gap:12px;
    }

    .bkrm-rooms-scx-btn{
        width:100%;
    }
}

@media(max-width:991px){
    .bkrm-cta-scx-content{
        padding:50px 40px;
    }

    .bkrm-cta-scx-content h2{
        font-size:40px;
    }

    .bkrm-cta-scx-image img{
        min-height:380px;
    }
}

@media(max-width:767px){
    .bkrm-cta-scx{
        padding:70px 0;
    }

    .bkrm-cta-scx-content{
        padding:35px 25px;
    }

    .bkrm-cta-scx-content h2{
        font-size:30px;
    }

    .bkrm-cta-scx-content p{
        font-size:16px;
    }

    .bkrm-cta-scx-btn{
        width:100%;
        justify-content:center;
    }

    .bkrm-cta-scx-image img{
        min-height:280px;
    }
}