@media (max-width:900px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .hero {
        min-height: 60vh;
        background: url('../images/home-banner-img-m.webp');
        display: flex;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        border-radius: 0 0 8px 8px;
        position: relative;
    }

    .hero h1 {
        font-weight: 400;
        font-size: 24px;
        line-height: 30px;
    }

    .hero p {
        font-size: 12px;
        line-height: 16px;
    }

    .hero-content {
        bottom: 100px;
    }

    .land-vision {
        border-radius: 10px;
        flex-direction: column;
        margin: 0 10px;
    }

    .philosophy-text {
        width: 100%;
        padding: 1rem 2rem;
    }

    .land-vision-img {
        width: 100%;
    }

    .philosophy {
        padding-top: 1rem;
        position: relative;
    }

    .philosophy-text h2 {
        font-size: 22px;
        line-height: 32px;
        margin: 8px 0;
    }

    .philosophy-text p {
        font-size: 12px;
        line-height: 24px;
        margin-top: 10px;
    }

    .land-vision-right-img {
        position: absolute;
        bottom: 40%;
    }

    .land-vision-img img {
        border-radius: 10px;
    }

    .pillars {
        background: url('../images/better-future-m.webp');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        padding: 30px 0;
    }

    .designed-for-better-future {
        font-size: 22px;
        margin-bottom: 1rem;
        line-height: 32px;
    }

    .pillars-grid {
        flex-direction: column;
        gap: 30px;
    }

    .pillar-icon img {
        width: 86px;
        height: 94px;
    }

    .pillar h3 {
        margin: 8px 0 0;
        font-size: 18px;
    }

    .pillar p {
        font-weight: 500;
        font-size: 12px;
    }

    .tagline-banner h2 {
        font-size: 22px;
        margin-bottom: 4px;
        text-transform: uppercase;
    }

    .tagline-banner p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .tagline-banner {
        padding: 14px;
        border-radius: 10px;
        margin: 10px 0;
    }

    .book-now-btn {
        button {
            font-size: 14px;
            padding: 4px 14px;

            img {
                width: 18px;
            }
        }
    }

    .find-the-farmland {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 24px;
    }

    .vision-left-img {
        bottom: -24%;
    }

    .plots {
        padding: 1rem 0 0;

        .visionLand {
            margin-bottom: 1rem;
        }
    }

    .amenities {
        padding: 20px 10px;
    }

    .amenitiesbg {
        border-radius: 10px;
        padding-bottom: 0;
        background-image: url('../images/amenitiesbg-m.png');
    }

    .world-class-amenities {
        font-size: 22px;
        line-height: 32px;
    }

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

    .amenitiesHeader {
        padding: 1rem 0 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .amenity p {
        font-size: 12px;
        line-height: 18px;
    }

    .amenity img {
        width: 30px;
    }

    .amenity span {
        font-size: 0;
        display: block;
        margin-bottom: 6px;
    }

    .amenity {
        border-radius: 4px;
        padding: 10px 10px;
    }

    .glimpse-txt {
        font-size: 22px;
        margin-bottom: 18px;
    }

    .gallery {
        padding: 10px 0px 7rem;
        background: url('../images/gallery-m.webp');
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .testimonials {
        padding: 20px 10px 0;
        /* background-image: url('../images/testimonials-m.png'); */
    }

    .left-avtar {
        position: absolute;
        top: 36%;
        z-index: 9;
    }

    .right-avtar {
        position: absolute;
        right: 0;
        top: 35%;
    }

    .testimonials-head {
        font-size: 22px;
        line-height: 30px;
    }

    .testimonials-text {
        font-size: 14px;
    }

    .footer {
        background-image: url('../images/footer-m.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1rem 0 1rem;
        flex-direction: column;
    }

    .footersec {
        flex-direction: column;
        gap: 20px;
    }

    .footer-brand p {
        text-align: center;
        font-size: 12px;
    }

    .contactus-contact {
        background-image: url('../images/contact-us-bgimg-m.webp');
        background-repeat: no-repeat;
        background-size: cover;
        padding: 1rem 0;
        position: relative;

        .form-contact {
            flex-direction: column-reverse;
            margin: 30px 0;

            form {
                gap: 14px;
            }

            form input {
                font-size: 12px;
                padding: 10px 10px;
            }

            form textarea {
                font-size: 12px;
                padding: 10px 10px;
            }

            .submit-here {
                button {
                    background: #F0E0C6;
                    font-size: 14px;
                    padding: 4px 50px;
                    color: #A1531C;
                    font-family: 'Lufga';
                    font-weight: 500;
                }
            }

            .form-img {
                width: 100%;
            }

            .form-img img {
                border-radius: 0 0 6px 6px;
            }
        }

        .form-enquiry {
            width: 100%;
            border-radius: 6px 6px 0 0;
            padding: 20px 10px;

            p {
                font-size: 18px;
                margin-bottom: 10px;
                text-align: center;
            }
        }

        .stay-farmland-div {
            width: 100%;
            flex-direction: column;
        }

        h2 {
            font-size: 22px;
            line-height: 32px;
            margin-bottom: 1rem;
        }

        .contact-info-head {
            font-size: 18px;
            margin-bottom: 0px;
        }

        .contact-info-txt {
            font-size: 12px;
        }

        .conatct-info img {
            margin-bottom: 10px;
            width: 22px;
        }
    }

    .hero-banner-contact {
        background-image: url('../images/contact-banner-m.png');
        border-radius: 0 0 14px 14px;
        height: 200px;

        .hero-title {
            font-size: 24px;
            font-family: 'Bon Vivant Family Serif';
        }
    }

    .bannerContainer {
        bottom: 10px;
        gap: 20px;
    }

    .contact-left-img {
        position: absolute;
        right: 0;
        z-index: 9;
    }

    nav {
        background: #FFFFFF2E;
        border-radius: 0;
        padding: 2px 0px !important;
        border: 1px solid #ffffff85;

        .menu-toggle {
            background: none;
            border: none;
        }
    }

    .highlights-amenities {
        .highlights-amenites-img {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 30px;
            justify-content: center;
            justify-items: center;
        }
    }

    .hero-banner-highlights {
        background-image: url('../images/highlights-banner-m.webp');
        height: 200px;
        border-radius: 0 0 14px 14px;

        .hero-title {
            font-family: 'Bon Vivant Family Serif';
            font-weight: 400;
            font-size: 24px;
        }
    }

    .about-section {
        .legacies-nature {
            flex-direction: column;
        }
    }

    .sectiontop {
        padding: 1rem 0 2rem;
    }

    .about-section {
        h2 {
            font-size: 22px;
            line-height: 32px;
            text-align: center;
        }

        p {
            font-size: 12px;
            line-height: 24px;
            text-align: center;
            font-weight: 400;
            color: #742E15;
            font-family: 'Lufga';
        }

        .explore-our-project {
            border-radius: 4px;
            font-size: 12px;
            padding: 5px 20px;
            font-family: 'Lufga';
            font-weight: 400;
        }

        .naturediv {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .legacies-img-m {
            margin-top: 24px;
        }
    }

    .legacies-nature-highlights {
        gap: 24px;
    }

    .key-highlights {
        height: fit-content;
        padding: 2rem 0;

        .key-highlights-content {
            width: 100%;
            flex-direction: column;
            gap: 20px;
        }

        .key-highlights-amt {
            font-size: 18px;
        }

        .key-highlights-txt {
            font-size: 12px;
        }

        .key-highlights-context {
            border-radius: 6px;
            height: 80px;
        }

        h2 {
            font-size: 22px;
            bottom: 0px;
            margin-bottom: 20px;
        }
    }

    .stats-section {
        .both-stats-txtimg {
            gap: 24px;
            width: 100%;
            flex-direction: column-reverse;
        }

        .stats-img {
            width: 100%;
        }

        .stats-contxt {
            width: 100%;
        }

        h2 {
            font-size: 22px;
            line-height: 32px;
            text-align: center;
            margin-bottom: 1rem;
        }

        p {
            font-size: 12px;
            line-height: 24px;
            text-align: center;
            margin-bottom: 0;
            color: #742E15;
            font-family: 'Lufga';
            font-weight: 400;
        }

        .stat-card {
            border-radius: 4px;
            height: 160px;
        }

        .stat-number {
            font-size: 20px;
        }

        .stat-label {
            font-weight: 400;
            font-size: 12px;
        }

        .right-tree-m {
            position: absolute;
            top: -20px;
        }
    }

    .highlights-specification {
        .specification-grid {
            grid-template-columns: repeat(1, 1fr);
            row-gap: 30px;
        }

        .project-div-flex {
            flex-direction: column;
        }

        .project-div-flex img {
            width: 42px;
        }

        .specific-number {
            font-size: 18px;
            line-height: 20px;
        }

        .specific-txt {
            font-size: 12px;
            line-height: 20px;
        }

        .project-specifications-img img {
            width: fit-content;
        }

        .project-specifications-img {
            display: flex;
            justify-content: center;
        }

        .project-specifications-left-img {
            position: absolute;
            top: 0;
        }

        .left-tree-m {
            position: absolute;
            right: 0;
            top: -20px;
        }
    }

    .highlights-amenities {
        background-image: url('../images/highlights-amenites-bgimg.webp');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;

        h2 {
            font-size: 22px;
            line-height: 32px;
        }

        .highlights-amenites-img img {
            width: 90%;
        }
    }

    .right-tree {
        top: 0;
        left: 0;
    }

    .schedule-consult button {
        border-radius: 4px;
        font-family: 'Lufga';
        font-weight: 400;
        font-size: 12px;
        letter-spacing: 0px;
        text-align: center;
        text-transform: capitalize;
        color: #A1531C;
        border: none;
        padding: 6px 22px;
        margin-top: 0px;
        background: #F0E0C6;
        position: relative;
        z-index: 99;
    }

    .about-philosophy {
        padding: 1rem 0;

        .land-vision {
            border-radius: 6px;
        }

        .land-vision-img img {
            border-radius: 0px;
        }
    }

    .footer-logos {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-bottom: 1rem;
    }

    .hero-banner-about {
        background-image: url('../images/about-us-banner-m.webp');
        height: 200px;
        border-radius: 0 0 14px 14px;

        .hero-title {
            font-size: 24px;
            font-family: 'Bon Vivant Family Serif';
        }
    }

    .process-section {
        padding: 1rem 0 1rem;

        h2 {
            font-size: 22px;
            line-height: 32px;
            position: relative;
        }

        .process-title {
            margin: 0px 0 5px;
            font-size: 20px;
            font-family: 'Lufga';
        }

        p {
            font-size: 12px;
            line-height: 20px;
            margin-bottom: 10px;
            font-family: 'Lufga';
            font-weight: 400;
        }

        .process-card {
            border-radius: 4px;
            height: 320px;
            gap: 10px;

            img {
                height: 180px;
            }
        }

        .secturm-team {
            margin-top: 20px;
        }

        .left-tree-m {
            position: absolute;
            right: 0;
            top: -20px;
        }
    }

    .team-section {
        padding: 15px 0 0;

        h2 {
            font-size: 22px;
            line-height: 32px;
            position: relative;
        }

        .avtar-card {
            background: #F0E0C6;
            border-radius: 4px;
        }

        .avtar-card-content {
            background: #FFF0D7;
            border-radius: 8px 8px 0 0;
            padding: 10px;
        }

        .avtar-card-txt1 {
            font-family: 'Lufga';
            font-weight: 400;
            font-size: 16px;
            line-height: 21px;
            letter-spacing: 0px;
            text-align: center;
            text-transform: capitalize;
            color: #742E15;
            margin-bottom: 4px;
        }

        .avtar-card-txt2 {
            font-family: 'Lufga';
            font-weight: 400;
            font-size: 12px;
            line-height: 20px;
            letter-spacing: 0px;
            text-align: center;
            text-transform: capitalize;
            color: #023A2D;
            margin-bottom: 0;
        }

        .swiper-pagination {
            position: relative !important;
            margin: 2rem 0;
        }

        .teamSwiper .swiper-pagination-bullet {
            width: 14px;
            height: 14px;
            opacity: 1;
            background: #A1531C;
        }

        .teamSwiper .swiper-pagination-bullet-active {
            background: #023A2D;
        }
    }

    .footer-copyright {
        p {
            font-size: 10px;
            padding: 4px 3px;
        }
    }

    .testi-card img {
        margin-bottom: 16px;
    }

    .testi-card {
        width: 100%;
    }

    .testi-card-p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 1rem;
    }

    .testi-reviewr-name {
        font-size: 18px;
        margin-bottom: 0;
    }

    .testi-review-profession {
        font-size: 12px;
    }

    .testimonials-1 {
        .right-tree {
            top: auto;
        }
    }

    .banner-visit-btn {
        button {
            font-size: 12px;
            gap: 5px;
            padding: 3px 14px;
        }

        img {
            width: 14px;
        }
    }

    .aboutp-us-leaf {
        position: absolute;
        left: -12px;
        top: -8px;
    }

    .mobile-menu {
        position: fixed;
        top: 0;
        right: -300%;
        width: 100%;
        height: 100vh;
        transition: right 0.3s ease;
        background: rgba(72, 70, 70, 0.84);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .mobile-menu.active {
        right: 0;
    }

    body.menu-open {
        overflow-y: hidden;
    }

    .mobile-menu-display {
        background: #FCF5E3;
        border-radius: 6px;
        margin: 10px;
        position: relative;
        width: 90%;
    }

    .menu-close-btn {
        border: none;
        position: absolute;
        right: 0;
        padding: 0;
    }

    .farms-mb-menu {
        padding: 2rem 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 30px;
    }

    .farms-mb-menu ul {
        list-style: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .farms-mb-menu li {
        width: 100%;
        border: 1px solid #A1531C;
        text-align: center;
        border-radius: 4px;
        text-decoration: none;
        font-family: 'Lufga';
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        text-transform: capitalize;
        color: #A1531C;
        padding: 4px 20px;

        a {
            text-decoration: none;
            color: #A1531C;
        }
    }

    .menu-social-links p {
        font-family: 'Lufga';
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 0px;
        text-align: center;
        text-transform: capitalize;
        color: #A1531C;
        margin: 20px 0 12px;
    }

    .menu-links {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        position: relative;
        z-index: 99;
    }

    .menu-bottom-tree {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .nav-links li.active {
        background: #A1531C;

        a {
            color: #FFFFFF;
        }
    }

    .popup-content {
        flex-direction: column-reverse;
        border-radius: 6px;
        position: relative;
        background: transparent;
        gap: 20px;
    }

    .popup-form-content {
        border: none;
        border-radius: 6px;
        width: 100%;
        padding: 10px;
        background: #FCF5E3;
    }

    .book-a-farm-visit {
        font-size: 26px;
        margin-bottom: 0px;
    }

    .popup-form-content {
        form label {
            font-size: 14px;
            margin-bottom: 0px;
        }

        form input {
            font-weight: 300 !important;
            font-size: 14px !important;
            padding: 6px 10px !important;
        }
    }

    .popup-form-content {
        .popupform-submit-now button {
            font-size: 12px;
            padding: 6px 43px;
            background: #A1531C;
            margin-top: 0;
        }
    }

    .own-more-than-land-hd {
        font-size: 26px;
        margin-bottom: 4px;
        text-align: center;
    }

    .own-more-than-land-txt {
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        margin-bottom: 0;
    }

    .popup-form-img img {
        width: 100%;
        height: 40vh;
        object-fit: fill;
    }

    .bgimg-Content {
        width: 100%;
        padding: 20px;
        bottom: 0px;
    }

    .back-to-top {
        font-size: 14px;
        bottom: 80px;
        right: 20px;
        padding: 5px 10px;
    }

    .plot-hd-txt {
        font-size: 20px;
        text-align: left;
    }

    .plot-acre {
        font-size: 18px;
    }

    .visit-our-farmland button {
        font-size: 14px;
        gap: 6px;
        padding: 3px 10px;

        i {
            font-size: 16px;
        }
    }

    .plot-card-text {
        align-items: flex-start;
        padding: 0 10px;
    }

    #showMoreBtn {
        display: block;
    }

    .submit-more-less {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 34px;

        button {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            border-width: 0.2px;
            background: #FFFFFF1A;
            border: 0.2px solid #FFFFFF;
            font-family: 'Lufga';
            font-weight: 400;
            font-size: 12px;
            letter-spacing: 0px;
            text-align: center;
            text-transform: capitalize;
            color: #FFFFFF;
            padding: 3px 14px;
        }
    }

    .footer-logos img {
        width: 24px;
    }

    .menu-links img {
        width: 24px;
    }

    .farm-tree {
        position: absolute;
        top: -10px;
    }

    #closePopup {
        border-top-right-radius: 6px;

        img {
            width: 10px;
        }
    }
    .popup-form-content {
        form textarea {
            font-size: 14px !important;
            padding: 8px 8px !important;
        }
    }
    .trees-planted-clr{
        color: #F0E0C6 !important;
    }
    .thankyou-popup {
        h1 {
            font-size: 12px;
            margin-bottom: 2px;
            margin-top: 0;
        }
        p {
            font-size: 12px;
            line-height: 18px;
        }
    }
    .footer-top-bgimg {
        top: 1px;
        z-index: 9;
    }
    .testi-grid {
        margin-top: 1rem;
    }
    #closeThankyou {
        border-top-right-radius: 6px;
        padding: 1px 5px;
        img{
            width: 16px;
        }
    }
    .thankyou-popup-content {
        border-radius: 6px;
    }
    .thankyou-popup-content {
        height: 40vh;
        padding: 20px 30px;
    }
    .menu-icon {
        width: 30px;
        height: 30px;
        background-color: #1f483d;
        -webkit-mask: url('../images/logos/menu-logo.svg') no-repeat center;
        mask: url('../images/logos/menu-logo.svg') no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain;
    }   
    .bottom-enquiry-bar {
        display: none; 
    }
    .footer-brand .nav-logo {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
    }
}

@media (min-width:901px) {
    .desktop {
        display: block;
    }

    .mobile {
        display: none;
    }

    .stat-card img {
        width: 100%;
    }

    .footer-logos {
        display: flex;
        gap: 20px;
    }

    .nav-links a {
        text-decoration: none;
        font-family: 'Lufga';
        font-weight: 400;
        font-size: 28px;
        letter-spacing: 0px;
        text-align: center;
        text-transform: capitalize;
        color: #A1531C;
    }

    .banner-visit-btn {
        button:hover {
            background-color: #FFFFFF;
            color: #A1531C;
            border: 1px solid #A1531C;
        }
    }

    .book-now-btn {
        button:hover {
            color: #333b1c;
            background-color: #FFFFFF;
            border: 1px solid #FFFFFF26;
        }
    }

    .back-to-top:hover {
        color: #5e782d !important;
        background: #FFF !important;
    }

    .visit-our-farmland button:hover {
        color: #364C24;
        background: #FFFFFF;
        border: 1px solid #364C24;
    }

    .explore-our-project:hover {
        color: #A1531C;
        background-color: #FFFFFF;
        border: 1px solid #A1531C;
    }

    .btn-visit:hover {
        color: #A1531C;
        background-color: #FFFFFF;
        border: 1px solid #A1531C;
    }

    .schedule-consult button:hover {
        color: #FFFFFF;
        background-color: #A1531C;
        border: 1px solid #FFFFFF;
    }

    .popupform-submit-now button:hover {
        color: #A1531C;
        background: #FFFFFF;
        border: 1px solid #A1531C;
    }

    .submit-here button:hover {
        color: #FFFFFF;
        background: #023A2D;
        border: 1px solid #FFFFFF;
    }

    #showMoreBtn {
        display: none;
    }

    .schedule-consult{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 25px;
        position: relative;
        z-index: 99;
    }
    .farmland-mobile-nav-logo{
        width: 80px;
        height: 80px;
    }
}

@media (min-width:1366px) and (max-width:1600px) {
    .container {
        max-width: 1280px;
    }
}

@media (width:1164px) {
    .container {
        max-width: 1050px;
    }

    .hero-content {
        bottom: 100px;
    }

    .land-vision {
        justify-content: center;
        align-items: center;
    }

    .philosophy-text h2 {
        position: relative;
        z-index: 99;
        font-size: 32px;
        line-height: 42px;
        margin: 6px 0;
    }

    .philosophy-text p {
        font-size: 16px;
        line-height: 34px;
        margin: 10px 0;
    }

    .philosophy-text {
        padding: 2rem 3rem;
    }

    .hero-banner-about {
        .hero-title {
            font-size: 52px;
        }
    }

    .bannerContainer img {
        width: 30%;
    }

    .naturediv {
        width: 50%;
    }

    .legacies-img-desktop img {
        width: 100%;
    }

    .legacies-img-desktop {
        width: 50%;
    }

    .about-section {
        h2 {
            font-size: 52px;
            line-height: 71px;
        }
    }

    .about-section {
        p {
            font-size: 22px;
            line-height: 36px;
        }
    }

    .stats-section {
        h2 {
            font-size: 42px;
            line-height: 52px;
        }

        p {
            font-size: 26px;
            line-height: 40px;
        }

        .stat-card .stat-overlay {
            padding: 2rem 1rem;
        }
    }

    .process-section {
        h2 {
            font-size: 42px;
            line-height: 50px;
        }

        .process-card img {
            width: 100%;
        }
    }

    .legacies-highlights {
        width: 50%;
    }

    .legacies-highlights-images {
        width: 50%;
    }

    .legacies-highlights-images img {
        width: 100%;
    }

    .key-highlights {
        .key-highlights-amt {
            font-size: 44px;
        }
    }

    .highlights-specification {
        .both-stats-txtimg {
            width: 100%;
            gap: 2rem;
        }

        .specific-number {
            font-size: 22px;
            line-height: 32px;
        }
    }

    .highlights-amenites-img img {
        width: 100%;
    }

    .contactus-contact {
        .stay-farmland-div {
            width: 90%;
        }

        .conatct-info {
            z-index: 9;
        }
    }

    .contactus-contact {
        .form-img {
            height: -webkit-fill-available;
        }

        .form-img img {
            height: -webkit-fill-available;
            object-fit: cover;
        }
    }

    .testimonials-head {
        padding: 0 70px;
    }

    .testimonials-text {
        padding: 0px 110px;
    }

    .popup-content {
        width: 100%;
    }

    .own-more-than-land-hd {
        font-size: 30px;
    }

    .own-more-than-land-txt {
        font-size: 14px;
        line-height: 20px;
    }

    .book-a-farm-visit {
        font-size: 28px;
    }

    .popup-form-content {
        padding: 20px 30px;
    }

    .popup-form-content {
        form label {
            font-size: 18px;
        }

        form input {
            font-size: 14px !important;
        }

        .popupform-submit-now button {
            font-size: 22px;
        }
    }

    .pillar p {
        font-size: 14px;
    }

    .find-the-farmland {
        margin-bottom: 3rem;
    }

    .testi-card {
        width: 75%;
    }
    .left-avtar {
        top: 33%;
    }
    .right-avtar {
        top: 45%;
    }
    .process-section {
        .process-card {
            padding: 8px;
        }
    }
}

@media (width:1280px) {
    .philosophy-text {
        padding: 30px;
    }

    .philosophy-text p {
        margin-bottom: 0;
        margin-top: 15px;
        font-size: 18px;
    }

    .bannerContainer img {
        width: 30%;
    }

    .about-section {
        h2 {
            font-size: 58px;
            line-height: 76px;
        }

        p {
            font-size: 24px;
            line-height: 40px;
        }
    }

    .stats-section {
        h2 {
            font-size: 54px;
            line-height: 74px;
        }
    }

    .process-card img {
        width: 100%;
    }

    .legacies-highlights {
        width: 50%;
    }

    .legacies-highlights-images {
        width: 50%;
    }

    .legacies-highlights-images img {
        width: 100%;
    }

    .key-highlights {
        .key-highlights-amt {
            font-size: 46px;
        }
    }

    .highlights-specification {
        .specific-number {
            font-size: 20px;
            line-height: 30px;
        }
    }

    .highlights-amenites-img img {
        width: 100%;
    }

    .contactus-contact {
        .form-img {
            height: -webkit-fill-available;
        }

        .form-img img {
            height: -webkit-fill-available;
            object-fit: cover;
        }
    }

    .popup-content {
        width: 100%;
    }

    .own-more-than-land-hd {
        font-size: 34px;
        margin-bottom: 2px;
    }

    .own-more-than-land-txt {
        font-size: 18px;
        line-height: 28px;
    }

    .book-a-farm-visit {
        font-size: 34px;
        margin-bottom: 10px;
    }

    .popup-form-content {
        padding: 16px 30px;

        form label {
            font-size: 18px;
        }

        form input {
            font-size: 14px !important;
            padding: 8px 10px !important;
        }
    }

    .find-the-farmland {
        margin-bottom: 3rem;
    }

    .process-section {
        p {
            font-size: 14px;
        }
    }
}

@media (max-width:320px) {
    .hero-banner-contact {
        .hero-title {
            font-size: 18px;
        }
    }

    .footer-copyright {
        p {
            font-size: 8px;
        }
    }

    .hero-banner-about {
        .hero-title {
            font-size: 22px;
        }
    }

    .tagline-banner {
        height: 340px;
    }

    .hero p {
        font-size: 10px;
        line-height: 14px;
    }

    .left-avtar {
        top: 36%;
    }

    .right-avtar {
        top: 35%;
    }

    .testi-review-profession {
        font-size: 10px;
    }

    .testi-card-p {
        font-size: 12px;
    }
}

@media (min-width:480px) and (max-width:900px) {
    .right-avtar {
        top: 34%;
    }
    .left-avtar {
        top: 34%;
    }
    .banner-visit-btn {
        button {
            font-size: 16px;
            padding: 5px 30px;
        }
    }
}

@media (min-width:1900px) {
    .banner-visit-btn {
        button {
            font-size: 34px;
            padding: 22px 68px;
        }
    }

    .bgimg-Content {
        width: 35%;
    }

    .right-avtar {
        top: 35%;
    }
}

@media (width:1366px) and (height:641px) {
    .hero-content {
        position: absolute;
        bottom: 120px;
    }
}