@media screen and (max-width: 480px) {
    .hero .logo {
        /* top: 137px; */
        top: 298px !important;
        height: 107px;
    }

    .banner-img {
        height: 940px;
    }

    .form-overlay {
        top: 61%;
    }

    .image-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 0px 13px;
    }

    .bottom-link {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

    img.glambing-img {
        width: 100%;
        margin-top: 35px;
        object-fit: cover;
        height: 380px;
    }

    .responsive-row-1>div {
        display: none;
        /* Hide all cards in Row 1 by default */
    }

    .responsive-row-1>div:nth-child(1) {
        display: block;
        /* Show only the first card */
        margin: 0 auto;
        /* Center the card */
    }

    img.footer-s-img {
        display: none;
    }

    
    .form-img-container {
        height: 1070px;
    }   

    img.form-img {
        height: 1070px;
    }

    .blur-back {
        flex-direction: column;
        /* Stack the content in a column layout for smaller screens */
    }

    .book-img {
        width: 100%;
        height: auto;
        /* Make sure the image is responsive on smaller screens */
    }

    .parent-container {
        position: relative;     
        top: 247px;
    }
    .margin-book {
        margin-top: 488px;
    }

    .book-content h1{
        font-size: 34px;
    }


    .map {
        padding: 0px;  
    }

    .contect-text {
        margin-left: 5px;
    }
    .map-inner iframe {
        height: 200px; /* Further reduce height on very small screens */
    }
    .map {
        padding: 10px; /* Further reduce padding */
    }

    .margin-lg {
        margin: 0px !important;
    }
    .gallery-container {
        column-count: 1; /* Single column layout on small screens */
    }

    .scrolling-gallery-container{
        height: 55dvh;
    }    
    .wood-img {
        position: relative;
        top: -58px;
    }
    .serv-backblue{
        margin-top: 36px;
    }
    .upper-content h1{
        font-size: 31px !important;
    }
    .load-btn{
        margin-bottom: 18px;
    }
    .uk-width-4-5{
    width: 82% !important;
    margin-left: 12px !important;
    }
    .slide-slide {
        display: flex;
        gap: 0px;
    }
    .uk-active .slide-number{
        left: -19px;
    }
    .upper-content p {
      
        margin-left: 0px; 
        margin-right: 0px;
         margin-bottom: 20px;   
    }
    .slider-item{
        width: 100%;
    }
    div#location-margin {
        margin-right: 0px;          
    }
    div#phone-margin {
        margin-right: 121px;
    }
    .column img{
        height: 100px;
    }

.special-content p {
    padding: 0px;            
}
.image-name p{
    font-size: 7px;
}
.book-content button{
    margin-left: 30%;
}
.map2 iframe{
    margin-bottom: 50px;
}
.hero .logo {
    top: 200px;
}
.weater-wow {
     top: 23px;
    width: 100%;
}
div#video-section {
    display: none;
}
.about-custom-slider-wrapper img{
    width: 100%;
    height: auto;
}
h1.serv-h1{
    margin-top: 15px;
}
.only-slider{
    animation: none;
}
/* .serv-backblue{
    height: 97vh;
} */

.serv-backblue {
    max-height: 70% !important;
}
.uk-grid>* {
    padding-left: 1px !important;
}

.uk-grid-column-small>*, .uk-grid-small>* {
    padding-left: 26px;
}
.uk-grid-small>* {
    padding-left: 0px;
}
.slider-item h1{
    text-align: center;
}
.image-grid img {
    margin-bottom: 4px;
    padding-right: 4px;
}
.form-blue {
    margin-bottom: 74px;
}
.second-gallery {
    margin-bottom: 35px;
}
.contect-text h1 {
    font-size: 30px;
}
.contact-sm-logo img {
    height: 38px;
    margin-right: 22px;
    margin-top: 1px;
}
img#mail\.box {
    margin-top: 6px;
    margin-right: 29px;
    position: relative;
    left: 10px;
}
div#seggest {
    margin-right: 24px;
}
div#reser-margin {
    margin-right: 9px;
}
.map2 iframe {
    width: 100%;
    height: 375px;
    border: 0;
}
.video-element {
    width: 100%;
    height: 435px;
    object-fit: cover;
}
/* .row-rev{
    display: flex;
    flex-direction: column-reverse;
} */
.gallery22-image {
    height: 250px;
    width: 330px;
    object-fit: cover;
}
.index-gallery-slide {
    height: 195px;
}
.experience p {
    font-size: 23px;
}
.experience h2{
    font-size: 35px;
}
.rev-row{
    flex-direction: column-reverse;
}
.serv-backblue{
    border-bottom-left-radius: 100% 80px;
    border-bottom-right-radius: 100% 80px;
}

 .bonefire {
        width: 335px;
    }
    .modal-content {
      max-width: 100%;
    }

}
   
    


@media (min-width: 768px) {
    .transparent-bg.form-overlay.formm2 {
        top: 180% !important; /* Adjust for tablets */
    }
    .only-slider{
        animation: none;
    }
}

/* Adjust for desktop screens */
@media (min-width: 1024px) {
    .transparent-bg.form-overlay.formm2 {
        top: 168% !important; /* Adjust for larger desktops */
    }
}

/* Adjust for smaller screens */
@media (max-width: 480px) {
    .transparent-bg.form-overlay.formm2 {
        top: 187% !important;
    }
    .only-slider{
        animation: none;
    }
}




