@media (max-width: 2560px) {
    .hero-text .btn {
        color: white;
        border: solid 2px white;
    }
    
    .why-choose-section {
        height: 50vh !important;
    }
    
    .about-row2 {
        margin: 5rem 35rem 0px -1rem;
    }
    
    .about-img .abt-img1 {
        width: 30rem;
        left: 90rem;
        top: 4rem;
    }

    .about-img .abt-img2 {
        width: 30rem;
        left: 90rem;
        top: 23rem;
    }
}



@media (max-width: 1980px) {
    .hero-text .btn {
        color: white;
        border: solid 2px white;
    }
    
    .why-choose-section {
        height: 60vh;
    }
    
    .about-img .abt-img1 {
        width: 25rem;
        left: 75rem;
        top: 4rem;
    }

    .about-img .abt-img2 {
        width: 25rem;
        left: 75rem;
        top: 23rem;
    }
}




@media (max-width: 1600px) {
    .hero-text .btn {
        color: white;
        border: solid 2px white;
    }
    
    .about-img .abt-img1 {
        left: 55rem;
        top: 13rem;
    }

    .about-img .abt-img2 {
        left: 55rem;
        top: 32rem;
    }
}




@media (max-width: 1550px) {
    .hero-text .btn {
        color: white;
        border: solid 2px white;
    }
    
    .about-img .abt-img1 {
        left: 55rem;
        top: 13rem;
    }

    .about-img .abt-img2 {
        left: 55rem;
        top: 32rem;
    }
}




@media (max-width: 1440px) {
    .hero-text .btn {
        color: white;
        border: solid 2px white;
    }
    
    .about-img .abt-img1 {
        left: 55rem;
        top: 4rem;
    }

    .about-img .abt-img2 {
        left: 55rem;
        top: 23rem;
    }
   
}






@media (max-width: 1024px) {
    .hero-text .btn {
        color: white;
        border: solid 2px white;
    }
    
    
    /* Our Story */
    .about-row1 {
        margin: 6rem 30rem 0rem 3rem;
    }
    
    .about-row2 {
        margin: 5rem 30rem 0px 3rem;
    }
    
    .about-img .abt-img1 {
        left: 40rem;
        top: 11rem;
    }

    .about-img .abt-img2 {
        left: 40rem;
         top: 34rem;
    }
    
    
    /* Contact Page */
    .contact-section {
        height: 20vh;    
    }
    
    .form {
        margin: 0 0 0 0 !important;
    }
    
    .contact-container {
        width: fit-content !important;
        height: fit-content !important;
        margin: 0 !important;
    }
}






@media (max-width: 768px) {
    .hero-text p {
        padding: 0 0 0 0;
    }
    
    .about-text {
        width: 25rem;
        text-align: justify;
    }
    
    .about-img .abt-img1 {
        left: 31rem;
        top: 12.7rem;
    }

    .about-img .abt-img2 {
        left: 31rem;
        top: 38.2rem;
    }
}



@media (max-width: 425px) {
    .hero-text .btn {
        color: white;
        border: solid 2px white;
        background-color: transparent;
        width: 8rem;
        height: 2rem;
    }
    
    .about-content {
        padding: 0 0 0 0;
    }
    
    .about-row1 {
        margin: 0 30rem 10rem 3rem;
    }
    
    .abt-img {
        width: 20rem;
    }
    
    .about-img .abt-img1 {
        left: 3rem;
        top: 19.7rem;
        height: 10rem;
    }
    
    .about-img .abt-img2 {
        left: 15.5rem;
        top: 19.7rem;
        height: 10rem;
    }
    
    .about-content .container p {
        font-size: 1rem;
        margin: 0 70px 50px 0;
    }
    
    .about-text3 h2 {
        font-size: 2.5rem;
        padding: 0 10.5rem 0 0;
    }
    
    .about-text3 p {
        font-size: 1rem;
        padding: 0 10.5rem 0 0;
    }
    
    
    
    .luxury-tags .tag-btn {
        width: 6rem;
    }
    
    
    /* Experience details Pages */
    .experience-gallery {
        height: 37vh !important;
        margin: 10rem 0 1rem 0;
        border-radius: 0;
    } 
    
    .exp-details {
        height: 37vh !important;
        display: flex;
        flex-direction: column;
        padding: 1rem 1rem 1rem 1rem;
    }
    
    #tour-title {
        margin: 0.5rem 0 0.5rem 0 !important;
    }
    
    #tour-tagline {
        height: 3rem;
        width: 22rem !important;
        font-size: 11px !important;
    }
    
    #tour-description {
        width: 22rem !important;
        padding: 0 1rem 1rem 1rem !important;
        margin: 0 0 2rem 0 !important;
        font-size: 15px !important;
    }
    
    /* Gallery Page */
    .grid-gallery {
        margin-top: 0;
        align-content: center;
    }
    
    
    
    
    /* Contact Page */
    .contact-container {
        width: fit-content !important;
        height: fit-content !important;
        margin: 0 !important;
    }
    
    .contact-container h2 {
        margin-bottom: 20px;
        margin-left: 0.5rem;
    }
    
    #contact-form {
        width: 21rem;
        gap: 5px;
        padding: 10px;
    }
    
    
    
}


@media (max-width: 390px) {
    /* About Us Page */
    .hero-text h1 {
        width: 14rem;
        padding: 0 0 0 0;
    }
    
    .about-content .container p {
        font-size: 1rem;
        margin: 0 100px 50px 0px;
    }
    
    .about-img .abt-img1 {
        left: 3rem;
        top: 21rem;
        height: 10rem;
    }
    
    .about-img .abt-img2 {
        left: 14.5rem;
        top: 21rem;
        height: 10rem;
    }
    
    /* Why Choos Us Section (About Us Page) */
    .why-choose-section {
        height: 50vh;
    }
    
    /* Gallery Page */
    .gallery-section {
        margin: 0 0 0 0;
    }
    
    .gallery-hero h1 {
        padding: 0 0 0 0;
    }
    
    .gallery-hero p {
        font-size: 1rem;
        padding: 0 50px 0 50px;
    }
    
    .grid-gallery {
        margin-top: 0;
        align-content: center;
    }
    
    /* Experience details Pages */
    .experience-gallery {
        height: 40vh !important;
    } 
    
    .exp-details {
        height: 40vh !important;
        display: flex;
        flex-direction: column;
        padding: 1rem 1rem 2.5rem 1rem;
    }
    
    #tour-title {
        margin: 0.5rem 0 0.5rem 0 !important;
    }
    
    #tour-tagline {
        height: 3rem;
        width: 22rem !important;
        font-size: 11px !important;
    }
    
    #tour-description {
        width: 22rem !important;
        padding: 0 1rem 1rem 1rem !important;
        margin: 0 0 3rem 0 !important;
        font-size: 15px !important;
    }
    
    
    
    /* Contact Page */
    .contact-container {
        width: fit-content !important;
        height: fit-content !important;
        margin: 0 !important;
        top: 5rem !important;
    }
    
    #contact-form {
        width: 19rem;
        gap: 5px;
        padding: 10px;
    }
    
    
}




@media (max-width: 375px) {
    .about-content {
        padding: 0 0 0 0;
    }
    
    .about-content .container {
        text-align: center;
        margin-top: -50px;
    }
    
    .about-content .container p {
        font-size: 1rem;
        margin: 0 80px 50px 0;
    }
    
    .about-row1 {
        margin: 6rem 49rem 10rem 2rem;
    }
    
    .about-row2 {
        margin: 13rem 49rem 0px 2rem;
    }
    
    .about-img .abt-img1 {
        left: 3rem;
        top: 23rem;
        height: 12rem;
    }
    
    .about-img .abt-img2 {
        left: 13rem;
        top: 23rem;
        height: 12rem;
    }
    
    /* Gallery Page */
    .gallery-section {
        margin: 0 0 0 0;
    }
    
    .gallery-hero h1 {
        padding: 0 0 0 0;
    }
    
    .gallery-hero p {
        font-size: 1rem;
        padding: 0 50px 0 50px;
    }
    
    .grid-gallery {
        margin-top: 0;
        align-content: center;
    }
    
    /* Experience details Pages */
    .experience-gallery {
        height: 40vh !important;
    } 
    
    .exp-details {
        height: 40vh !important;
        display: flex;
        flex-direction: column;
        padding: 1rem 1rem 2.5rem 1rem;
    }
    
    #tour-title {
        margin: 0.5rem 0 0.5rem 0 !important;
    }
    
    #tour-tagline {
        height: 3rem;
        width: 22rem !important;
        font-size: 11px !important;
    }
    
    #tour-description {
        width: 22rem !important;
        padding: 0 1rem 1rem 1rem !important;
        margin: 0 0 3rem 0 !important;
        font-size: 15px !important;
    }
    
    
    /* Contact Page */
    .contact-container {
        width: fit-content !important;
        height: fit-content !important;
        margin: 0 !important;
    }
    
    #contact-form {
        width: 18.3rem;
        gap: 5px;
        padding: 10px;
    }
    
    
}




@media (max-width: 320px) {
    .about-content .container p {
        font-size: 0.9rem;
        margin: 0 125px 50px 0px;
    }
    
    .about-img .abt-img1 {
        left: 2rem;
        top: 21rem;
        height: 12rem;
    }
    
    .about-img .abt-img2 {
        left: 12rem;
        top: 21rem;
        height: 12rem;
    }
    
    .about-text3 h2 {
        font-size: 2rem;
        padding: 0 10.5rem 0 0;
    }
    
    .about-text3 p {
        font-size: 0.9rem;
        padding: 0 10.5rem 0 0;
    }
    
    
    /* Gallery Page */
    .gallery-hero p {
        font-size: 1rem;
        padding: 0 30px 0 30px;
    }
    
    .gallery-hero h1 {
        padding: 0 0 0 0;
    }
    
    .grid-gallery {
        margin-top: 0;
        align-content: center;
    }
    
    
    /* Experience details Pages */
    .experience-gallery {
        height: 60vh !important;
    } 
    
    .exp-details {
        height: 40vh !important;
        display: flex;
        flex-direction: column;
        padding: 1rem 1rem 2.5rem 1rem;
    }
    
    #tour-title {
        margin: 0.5rem 0 0.5rem 2rem !important;
    }
    
    #tour-tagline {
        height: 3rem;
        width: 20rem !important;
        font-size: 11px !important;
    }
    
    #tour-description {
        width: 20rem !important;
        padding: 0 1rem 1rem 1rem !important;
        margin: 0 0 3rem 0 !important;
        font-size: 15px !important;
    }
    
    
    
    /* Contact Page */
    .contact-container {
        width: fit-content !important;
        height: fit-content !important;
        margin: 0 !important;
    }
    
    #contact-form {
        width: 15rem;
        gap: 5px;
        padding: 10px;
    }
}