/* ================================
   1. BIG SCREENS (TV, 2K, 4K, Ultrawide)
   ================================ */
@media only screen and (min-width: 1600px) {
    /* Very large monitors, 2K/4K displays, ultrawide screens */
}

/* ================================
   2. LARGE LAPTOPS (1440px range)
   ================================ */
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    /* 15" and 17" laptops, high-res displays */
}

/* ================================
   3. STANDARD LAPTOPS (Large desktop screens)
   ================================ */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    /* 13"–15" laptops, typical desktop screens */
}

/* ================================
   4. TABLETS LANDSCAPE 
      iPad Landscape (10.2", Air, Pro), Samsung Tab Landscape
   ================================ */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #HeroCarousel,
    #HeroCarousel .carousel-inner {
        height: 55vh;
    }
    #HeroCarousel .content h3 {
        font-size: 52px;
        line-height: 60px;
    }
    .text-content-div h1 {
        font-size: 20px;
    }
    #HeroCarousel .content h3 {
        font-size: 38px;
        line-height: 45px;
    }
    .property-card .card-gallery .carousel img {
        height: 200px;
    }
    .text-content-div {
        padding-right: 30px;
        padding-left: 30px;
        margin-top: 20%;
    }
    .text-content-div h1 {
        font-size: 14px;
    }
    .text-content-div p {
        font-size: 14px;
    }
    .cta-content {
        padding: 40px 120px;
    }
    .cta-section .mb-20 {
        margin-bottom: 20px;
    }
    .cta-section .cta-img {
        height: 340px;
    }
    .cta-section-2 .cta-2-content {
        padding: 100px 50px;
    }
    section.news-section .section-title h1 {
        font-size: 18px;
    }
    section.footer-section {
        padding: 25px 50px 25px 50px;
    }
    .newsletter-title h1.title {
        color: #fff;
        font-size: 17px;
    }
    .projects-section .row {
        row-gap: 0px;
    }
    .project-card .card-gallery .carousel img {
        height: 250px;
    }
    .listing-of .avatar img {
        width: 50px;
        height: 50px;
    }
    .project-card .listing-of {
        margin-bottom: 10px;
    }
    .project-card .action-btns ul {
        justify-content: stretch;
        width: 100%;
    }
    .project-card .action-btns ul li {
        width: 100%;
    }
    .project-card .btn-style-one,
    .project-card .btn-style-two {
        width: 100%;
    }
    .project-card {
        margin-bottom: 20px;
    }

    .left-wrapper .content h1,
    .mid-wrapper .content h1,
    .right-wrapper .content h1 {
        font-size: 32px;
    }
    .left-wrapper .content h1,
    .left-wrapper .content p,
    .mid-wrapper .content h1,
    .right-wrapper .content h1,
    .mid-wrapper .content p,
    .right-wrapper .content p {
        margin-bottom: 0;
    }
    .mid-wrapper .content {
        background: var(--primary-color);
        border-radius: 15px;
    }
    .left-wrapper .img,
    .mid-wrapper .img,
    .right-wrapper .img {
        height: 150px;
        border-radius: 15px;
    }
    .left-wrapper .img img,
    .mid-wrapper .img img,
    .right-wrapper .img img,
    .left-wrapper .content,
    .right-wrapper .content {
        border-radius: 15px;
    }
    .luxury-realestate-section .right-media {
        width: 100%;
        height: 350px;
        border-radius: 15px;
        float: right;
    }
    .luxury-realestate-section .left-content h1 {
        font-size: 26px;
        width: 100%;
    }
    .luxury-realestate-section .left-content p {
        font-size: 20px;
        margin-top: 20px;
        width: 95%;
        line-height: 25px;
    }
    .about-cta-section .cta-content {
        padding: 40px 40px;
    }
    .cta-content h1 {
        font-size: 26px;
        line-height: 35px;
    }
    .cta-content p {
        font-size: 20px;
        line-height: 25px;
    }
    .mission-section .left-media {
        width: 100%;
        height: 350px;
        border-radius: 15px;
    }
    .mission-section .left-media {
        width: 100%;
        height: 350px;
        border-radius: 30px;
        float: left;
    }
    .mission-section .right-content h1 {
        font-size: 22px;
        width: 100%;
        text-transform: uppercase;
    }
    .mission-section .right-content p {
        font-size: 22px;
        margin-top: 25px;
        width: 100%;
        line-height: 28px;
    }
    .about-area-section .row.heading-row .heading h1 {
        width: 85%;
        font-size: 22px;
    }
    .about-area-section .row.heading-row .desc p {
        font-size: 16px;
        width: 100%;
    }
    .cta-section-style-2 .txt {
        width: 65%;
        margin: 0 auto;
    }
    .more-about-area-section .right-content {
        margin-left: 20px;
    }
    .more-about-area-section .right-content p {
        font-size: 14px;
        width: 95%;
    }
    .more-about-area-section .right-content h1 {
        font-size: 24px;
        width: 100%;
        line-height: 30px;
    }
    .more-about-area-section .left-media {
        width: 100%;
        height: 350px;
    }

    .cta-section-style-3.contact-cta .content .txt {
        padding: 60px;
    }

    .contact-section .left-content .heading h1 {
        font-size: 20px;
        text-transform: uppercase;
        width: 100%;
    }
    .contact-section .left-content {
        width: 85%;
    }
    .contact-section .left-content .desc p {
        font-size: 14px;
    }
    .contact-location-wrapper .left-content {
        width: 95%;
    }
    .cta-section-style-3.contact-cta .content .txt h1 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 25px;
    }
    .cta-section-style-3.contact-cta .content .txt a {
        width: 75%;
    }
    .cta-section-style-3.contact-cta {
        margin: 50px 0;
        position: relative;
    }

    .page-hero-banner .banner-content-v2 {
        width: 75%;
        margin: 0 auto;
    }
    .partner-section .row.heading-section .desc {
        width: 100%;
        float: right;
    }
    h1.banner-title {
        width: 60%;
        margin: 0 auto;
        font-size: 32px;
    }

    .single-eveloper-details .developer-img {
        width: 100%;
        height: 300px;
    }
    .single-eveloper-details .about-dev-txt {
        padding-left: 55px;
        width: 100%;
    }
    .culture-value-section .core-value-txt {
        padding: 40px 25px;
    }
    .core-value-txt p {
        font-size: 18px;
        width: 100%;
    }
    .floor-plan-section .accordion-item .accordion-body ul {
        gap: 10px;
    }
    .developer-media {
        position: relative;
        padding-right: 0;
    }
    .about-developer-section .developer-media .img {
        width: 100%;
        height: 450px;
    }
    .dev-logo {
        position: absolute;
        top: 30%;
    }
    .cta-section-style-2.h-cta-4 .txt h1 {
        font-size: 34px;
    }
    .cta-section-style-2.h-cta-4 .content .img {
        height: 300px;
    }
    .services-section .left-colmn .left-services-list ul li {
        flex-direction: column;
        align-items: self-start;
    }
    .services-section .left-colmn .left-services-list ul {
        gap: 10px;
    }
    .plr-40 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .services-section .right-services-list ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .services-section .right-services-list ul li {
        gap: 10px;
        align-items: self-start;
        flex-direction: column;
    }
    .services-section .left-colmn .left-services-list ul li p {
        width: 96%;
    }
    .location-frame {
        height: 100%;
        width: 100%;
        border-radius: 30px;
    }
    .amenities-list {
        padding-left: 50px;
    }
    .amenities-lifestyle-section .desc p {
        font-size: 16px;
        padding-left: 50px;
    }
    .project-facts-list ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 25px;
    }
    .single-project-side-bar.fixed {
        width: 45%;
    }
    .single-project-side-bar .price-wrapper .price h1 {
        font-size: 24px;
    }
    .developer-actions {
        margin-top: 20px;
    }
    .intouch-form-wrapper {
        padding: 30px 20px;
    }

    .brochure-icon img {
        width: 60%;
        float: right;
    }
    .download-brochure-wrapper .download-btn a.btn.btn-style-two {
        padding: 10px 35px;
    }
    .payment-options ul {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .property-lifeside .property-brief .title h1 {
        font-size: 32px;
        width: 90%;
    }

    .single-property-side-bar.fixed {
        width: 44%;
    }
    .property-lifeside .features-amenities ul.features-list {
        flex-wrap: wrap;
    }
    .location-information {
        align-items: flex-start;
        flex-direction: column;
    }
    .property-lifeside .property-facts ul,
    .property-lifeside .property-facts ul li {
        flex-wrap: wrap;
    }

    .team-txt-content {
        padding-left: 20px;
        width: 90%;
    }
    .team-media .name-actions .name {
        margin-bottom: 20px;
    }
    .cta-section-style-2 .txt {
        width: 60%;
        margin: 0 auto;
    }
    .team-media .name-actions {
        position: relative;
    }
    .team-section .team-card-v1 .team-img {
        width: 100%;
        height: 280px;
    }
    .team-section .team-card-v1 .team-bio .name {
        width: 100%;
        border-right: 0;
        margin-bottom: 20px;
    }
    .team-section .team-card-v1 .team-bio {
        flex-direction: column;
        align-items: flex-start;
    }
    .team-section .row.heading-section .heading h1 {
        font-size: 26px;
        text-transform: uppercase;
        width: 100%;
    }
    .team-card-v2 .team-short-bio {
        padding: 20px 20px 0 20px;
    }
    .team-card-v2 .team-name {
        padding: 0 20px 20px;
        align-items: self-start;
        justify-content: space-between;
        flex-direction: column;
    }
}

/* ================================
   5. TABLETS PORTRAIT 
      iPad Portrait, Samsung Tab Vertical
   ================================ */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #HeroCarousel,
    #HeroCarousel .carousel-inner {
        height: 55vh;
    }
    #HeroCarousel .content h3 {
        font-size: 52px;
        line-height: 60px;
    }
    .text-content-div h1 {
        font-size: 20px;
    }
    #HeroCarousel .content h3 {
        font-size: 38px;
        line-height: 45px;
    }
    .property-card .card-gallery .carousel img {
        height: 200px;
    }
    .text-content-div {
        padding-right: 30px;
        padding-left: 30px;
        margin-top: 20%;
    }
    .text-content-div h1 {
        font-size: 14px;
    }
    .text-content-div p {
        font-size: 14px;
    }
    .cta-content {
        padding: 40px 120px;
    }
    .cta-section .mb-20 {
        margin-bottom: 20px;
    }
    .cta-section .cta-img {
        height: 340px;
    }
    .cta-section-2 .cta-2-content {
        padding: 100px 50px;
    }
    section.news-section .section-title h1 {
        font-size: 18px;
    }
    section.footer-section {
        padding: 25px 50px 25px 50px;
    }
    .newsletter-title h1.title {
        color: #fff;
        font-size: 17px;
    }
    .projects-section .row {
        row-gap: 0px;
    }
    .project-card .card-gallery .carousel img {
        height: 250px;
    }
    .listing-of .avatar img {
        width: 50px;
        height: 50px;
    }
    .project-card .listing-of {
        margin-bottom: 10px;
    }
    .project-card .action-btns ul {
        justify-content: stretch;
        width: 100%;
    }
    .project-card .action-btns ul li {
        width: 100%;
    }
    .project-card .btn-style-one,
    .project-card .btn-style-two {
        width: 100%;
    }
    .project-card {
        margin-bottom: 20px;
    }

    .left-wrapper .content h1,
    .mid-wrapper .content h1,
    .right-wrapper .content h1 {
        font-size: 32px;
    }
    .left-wrapper .content h1,
    .left-wrapper .content p,
    .mid-wrapper .content h1,
    .right-wrapper .content h1,
    .mid-wrapper .content p,
    .right-wrapper .content p {
        margin-bottom: 0;
    }
    .mid-wrapper .content {
        background: var(--primary-color);
        border-radius: 15px;
    }
    .left-wrapper .img,
    .mid-wrapper .img,
    .right-wrapper .img {
        height: 150px;
        border-radius: 15px;
    }
    .left-wrapper .img img,
    .mid-wrapper .img img,
    .right-wrapper .img img,
    .left-wrapper .content,
    .right-wrapper .content {
        border-radius: 15px;
    }
    .luxury-realestate-section .right-media {
        width: 100%;
        height: 350px;
        border-radius: 15px;
        float: right;
    }
    .luxury-realestate-section .left-content h1 {
        font-size: 26px;
        width: 100%;
    }
    .luxury-realestate-section .left-content p {
        font-size: 20px;
        margin-top: 20px;
        width: 95%;
        line-height: 25px;
    }
    .about-cta-section .cta-content {
        padding: 40px 40px;
    }
    .cta-content h1 {
        font-size: 26px;
        line-height: 35px;
    }
    .cta-content p {
        font-size: 20px;
        line-height: 25px;
    }
    .mission-section .left-media {
        width: 100%;
        height: 350px;
        border-radius: 15px;
    }
    .mission-section .left-media {
        width: 100%;
        height: 350px;
        border-radius: 30px;
        float: left;
    }
    .mission-section .right-content h1 {
        font-size: 22px;
        width: 100%;
        text-transform: uppercase;
    }
    .mission-section .right-content p {
        font-size: 22px;
        margin-top: 25px;
        width: 100%;
        line-height: 28px;
    }
    .about-area-section .row.heading-row .heading h1 {
        width: 85%;
        font-size: 22px;
    }
    .about-area-section .row.heading-row .desc p {
        font-size: 16px;
        width: 100%;
    }
    .cta-section-style-2 .txt {
        width: 65%;
        margin: 0 auto;
    }
    .more-about-area-section .right-content {
        margin-left: 20px;
    }
    .more-about-area-section .right-content p {
        font-size: 14px;
        width: 95%;
    }
    .more-about-area-section .right-content h1 {
        font-size: 24px;
        width: 100%;
        line-height: 30px;
    }
    .more-about-area-section .left-media {
        width: 100%;
        height: 350px;
    }

    .cta-section-style-3.contact-cta .content .txt {
        padding: 60px;
    }

    .contact-section .left-content .heading h1 {
        font-size: 20px;
        text-transform: uppercase;
        width: 100%;
    }
    .contact-section .left-content {
        width: 85%;
    }
    .contact-section .left-content .desc p {
        font-size: 14px;
    }
    .contact-location-wrapper .left-content {
        width: 95%;
    }
    .cta-section-style-3.contact-cta .content .txt h1 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 25px;
    }
    .cta-section-style-3.contact-cta .content .txt a {
        width: 75%;
    }
    .cta-section-style-3.contact-cta {
        margin: 50px 0;
        position: relative;
    }

    .page-hero-banner .banner-content-v2 {
        width: 75%;
        margin: 0 auto;
    }
    .partner-section .row.heading-section .desc {
        width: 100%;
        float: right;
    }
    h1.banner-title {
        width: 60%;
        margin: 0 auto;
        font-size: 32px;
    }

    .single-eveloper-details .developer-img {
        width: 100%;
        height: 300px;
    }
    .single-eveloper-details .about-dev-txt {
        padding-left: 55px;
        width: 100%;
    }
    .culture-value-section .core-value-txt {
        padding: 40px 25px;
    }
    .core-value-txt p {
        font-size: 18px;
        width: 100%;
    }
    .floor-plan-section .accordion-item .accordion-body ul {
        gap: 10px;
    }
    .developer-media {
        position: relative;
        padding-right: 0;
    }
    .about-developer-section .developer-media .img {
        width: 100%;
        height: 450px;
    }
    .dev-logo {
        position: absolute;
        top: 30%;
    }
    .cta-section-style-2.h-cta-4 .txt h1 {
        font-size: 34px;
    }
    .cta-section-style-2.h-cta-4 .content .img {
        height: 300px;
    }
    .services-section .left-colmn .left-services-list ul li {
        flex-direction: column;
        align-items: self-start;
    }
    .services-section .left-colmn .left-services-list ul {
        gap: 10px;
    }
    .plr-40 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .services-section .right-services-list ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .services-section .right-services-list ul li {
        gap: 10px;
        align-items: self-start;
        flex-direction: column;
    }
    .services-section .left-colmn .left-services-list ul li p {
        width: 96%;
    }
    .location-frame {
        height: 100%;
        width: 100%;
        border-radius: 30px;
    }
    .amenities-list {
        padding-left: 50px;
    }
    .amenities-lifestyle-section .desc p {
        font-size: 16px;
        padding-left: 50px;
    }
    .project-facts-list ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 25px;
    }
    .single-project-side-bar.fixed {
        width: 45%;
    }
    .single-project-side-bar .price-wrapper .price h1 {
        font-size: 24px;
    }
    .developer-actions {
        margin-top: 20px;
    }
    .intouch-form-wrapper {
        padding: 30px 20px;
    }

    .brochure-icon img {
        width: 60%;
        float: right;
    }
    .download-brochure-wrapper .download-btn a.btn.btn-style-two {
        padding: 10px 35px;
    }
    .payment-options ul {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .property-lifeside .property-brief .title h1 {
        font-size: 32px;
        width: 90%;
    }

    .single-property-side-bar.fixed {
        width: 44%;
    }
    .property-lifeside .features-amenities ul.features-list {
        flex-wrap: wrap;
    }
    .location-information {
        align-items: flex-start;
        flex-direction: column;
    }
    .property-lifeside .property-facts ul,
    .property-lifeside .property-facts ul li {
        flex-wrap: wrap;
    }
    .team-txt-content {
        padding-left: 20px;
        width: 90%;
    }
    .team-media .name-actions .name {
        margin-bottom: 20px;
    }
    .cta-section-style-2 .txt {
        width: 60%;
        margin: 0 auto;
    }
    .team-media .name-actions {
        position: relative;
    }
    .team-section .team-card-v1 .team-img {
        width: 100%;
        height: 280px;
    }
    .team-section .team-card-v1 .team-bio .name {
        width: 100%;
        border-right: 0;
        margin-bottom: 20px;
    }
    .team-section .team-card-v1 .team-bio {
        flex-direction: column;
        align-items: flex-start;
    }
    .team-section .row.heading-section .heading h1 {
        font-size: 26px;
        text-transform: uppercase;
        width: 100%;
    }
    .team-card-v2 .team-short-bio {
        padding: 20px 20px 0 20px;
    }
    .team-card-v2 .team-name {
        padding: 0 20px 20px;
        align-items: self-start;
        justify-content: space-between;
        flex-direction: column;
    }
}

/* ================================
   6. LARGE MOBILES
      iPhone Pro Max, Samsung Galaxy S/Note Series
   ================================ */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    /* Large mobile devices */
}

/* ================================
   7. MOBILE STANDARD 
      iPhone 12/13/14, Samsung A/M Series
   ================================ */
@media only screen and (min-width: 400px) and (max-width: 575px) {
    .plr-40 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .header .logo img {
        width: 70%;
    }
    .header {
        top: 20px;
    }
    #HeroCarousel {
        height: 60vh;
    }
    #HeroCarousel .carousel-inner {
        height: 60vh;
        border-radius: 15px;
    }
    .menu-items {
        width: 300px;
    }
    .menu-item {
        gap: 5px;
        padding: 6px;
        font-size: 15px;
    }
    #HeroCarousel .carousel-inner .carousel-item img {
        border-radius: 15px;
        height: 60vh;
        object-fit: cover;
    }
    #HeroCarousel .content h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .carousel-caption {
        right: 5%;
        left: 7%;
        width: 85%;
    }
    .carousel-indicators {
        z-index: 1;
    }
    #HeroCarousel .btn {
        min-height: 35px;
        padding: 5px 20px;
    }
    #HeroCarousel .form-control {
        height: 35px;
    }
    #HeroCarousel .input-group img {
        padding-left: 5px;
        width: 20px;
    }

    section.featured-properties-section {
        padding: 50px 0;
        position: relative;
    }
    .section-title h1 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .action-btn a.btn-style-two {
        font-size: 12px;
        display: inline;
    }
    .property-card .card-title-price .location p {
        display: flex;
        font-size: 14px;
        gap: 10px;
    }
    .property-card .card-bottom-content {
        padding: 15px 15px 0 15px;
    }
    .action-btns {
        padding-bottom: 10px;
        justify-content: end;
    }
    .listing-of .avatar img {
        width: 50px;
        height: 50px;
    }
    .action-btns ul li a img {
        width: 32px;
    }
    .text-content-div {
        padding-right: 30px;
        padding-left: 30px;
    }
    .text-content-div h1 {
        font-size: 20px;
    }
    .cta-section {
        position: relative;
        padding-top: 50px;
    }
    .cta-content h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .cta-content p {
        font-size: 18px;
        line-height: 24px;
    }
    .cta-content a {
        font-size: 17px;
    }
    section.cta-section .mb-20 {
        margin-bottom: 20px;
    }
    .cta-img {
        height: 200px;
    }
    .projects-section {
        padding: 50px 0;
    }
    .projects-section .title-row {
        margin-bottom: 20px;
    }
    .project-card .card-gallery .carousel img {
        height: 200px;
    }
    .projects-section .row {
        row-gap: 0;
    }
    .action-btns {
        padding-bottom: 10px;
        justify-content: stretch;
        margin-top: 10px;
        float: right;
        width: 100%;
    }
    section.grid-property-listing .row {
        row-gap: 0;
    }
    .project-card .action-btns ul {
        width: 100%;
    }
    .project-card .action-btns ul li,
    .project-card .action-btns ul li a {
        width: 100%;
    }
    .project-card {
        margin-bottom: 30px;
    }
    .cta-section-2 .cta-2-content {
        padding: 50px 50px;
    }
    .cta-2-content h1 {
        font-size: 24px;
    }
    section.news-section {
        padding: 50px 0;
    }
    .featured-news-content .content {
        width: 85%;
        padding: 20px;
        border-radius: 15px;
    }
    .news-title h1 {
        font-size: 18px;
    }
    .news-desc P {
        font-size: 12px;
        width: 100%;
        display: none;
    }
    section.news-section .section-title h1 {
        font-size: 20px;
    }
    .featured-img {
        height: 350px;
        border-radius: 15px;
    }
    .news-action .news-date {
        margin-bottom: 20px;
    }
    .news-action {
        align-items: self-start;
        flex-direction: column;
    }
    .blog-list .content h1 {
        font-size: 15px;
    }
    .blog-list-wrapper {
        margin-top: 20px;
    }
    section.footer-section {
        padding: 15px;
    }
    .newsletter-title h1.title {
        font-size: 20px;
    }
    .newsletter-form .btn {
        padding: 10px 20px;
    }
    .newsletter-form p {
        font-size: 11px;
    }
    .newsletter-section {
        margin-bottom: 20px;
        padding-top: 50px;
    }
    p.footer-about-txt {
        width: 100%;
        margin-bottom: 30px;
    }
    .company-social-wrapper {
        margin-top: 30px;
    }
    .links-wrapper ul li a {
        font-size: 20px;
    }
    .mlr-40 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .page-hero-banner .banner-content-v2 {
        width: 60%;
        top: 45%;
    }
    .page-hero-banner .banner-content-v2 .banner-title-v2 {
        font-size: 22px;
    }
    section.page-hero-banner,
    section.page-hero-banner .banner-img {
        border-radius: 15px;
        height: 400px;
    }
    .about-section {
        margin: 50px 0;
    }
    .about-section .row.heading-section {
        margin-bottom: 0;
    }
    .left-wrapper,
    .right-wrapper {
        display: flex;
        flex-direction: column;
    }
    .left-wrapper .img,
    .right-wrapper .img {
        order: 2;
        margin: 20px 0;
    }
    .luxury-realestate-section {
        margin-bottom: 50px;
        padding: 0 20px;
    }
    .luxury-realestate-section .left-content h1 {
        font-size: 25px;
        width: 100%;
    }
    .luxury-realestate-section .left-content p {
        font-size: 18px;
        margin-top: 25px;
        width: 100%;
        line-height: 25px;
    }
    .luxury-realestate-section .right-media {
        width: 100%;
        height: 300px;
        border-radius: 15px;
        float: right;
    }
    .luxury-realestate-section .right-media img {
        border-radius: 15px;
    }
    .about-cta-section .cta-media {
        height: 300px;
        position: relative;
        width: 100%;
    }
    .about-cta-section .cta-content {
        position: relative;
        top: -60px;
        padding: 40px;
    }
    .about-cta-section {
        margin-bottom: 20px;
    }
    .mission-section .left-media {
        width: 100%;
        height: 300px;
        border-radius: 15px;
        margin-bottom: 20px;
    }
    .about-cta-section .col-md-7 {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    .about-cta-section .col-md-5 {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    .about-cta-section .cta-media img {
        border-radius: 15px;
    }

    .mission-section .right-content p,
    .mission-section .right-content h1 {
        width: 100%;
    }
    .mission-section {
        margin-bottom: 50px;
        padding: 0 20px;
    }
    .mission-section .right-content p {
        font-size: 17px;
        margin-top: 24px;
    }
    .about-area-section .row.heading-row .heading h1 {
        width: 100%;
        font-size: 22px;
        margin-bottom: 20px;
    }
    .about-area-section .row.heading-row .desc p {
        font-size: 16px;
        width: 100%;
    }
    .about-area-section {
        margin-bottom: 50px;
    }
    .left-wrapper .content h1,
    .mid-wrapper .content h1,
    .right-wrapper .content h1 {
        font-size: 42px;
    }

    .area-section {
        margin: 50px 0;
    }
    .area-section .left-content {
        width: 100%;
    }
    .area-main-facts {
        margin-top: 20px;
    }

    .property-card {
        margin-bottom: 30px;
    }
    .related-projects-section,
    .related-property-section {
        margin: 50px 0;
    }
    .cta-section-style-2 .txt {
        width: 90%;
        margin: 0 auto;
    }
    .cta-section-style-2.area-cta .content h1 {
        font-size: 20px;
    }
    .cta-section-style-2.area-cta .txt a {
        margin-bottom: 10px;
    }
    .cta-section-style-2 {
        margin: 50px 0;
    }
    .more-about-area-section .left-media {
        width: 100%;
        height: 315px;
        border-radius: 15px;
        margin-bottom: 30px;
    }
    .more-about-area-section .right-content {
        margin-left: 0;
    }
    .more-about-area-section .right-content h1,
    .more-about-area-section .right-content p {
        width: 100%;
    }
    .property-card .card-gallery .carousel img {
        height: 250px;
        object-fit: cover;
    }

    .contact-section .left-content .heading h1 {
        font-size: 22px;
        width: 100%;
    }
    .contact-section .left-content {
        width: 100%;
    }
    .contact-section {
        margin: 50px 0;
    }
    section.page-hero-banner .banner-img .overlay-dark {
        border-radius: 15px;
    }
    section.page-hero-banner .banner-img img {
        border-radius: 15px;
    }
    .contact-location-wrapper .left-content .content ul li p {
        font-size: 14px;
        margin-bottom: 0;
    }
    .contact-location-wrapper .right-media img {
        border-radius: 15px;
        margin-top: 40px;
    }
    .contact-location-wrapper .left-content {
        width: 100%;
    }
    .cta-section-style-3.contact-cta .content .txt {
        width: 80%;
        padding: 20px;
    }
    .cta-section-style-3.contact-cta .content .txt h1 {
        color: #fff;
        font-size: 22px;
        line-height: 30px;
    }
    .cta-section-style-3.contact-cta .content .txt a {
        display: inline-block !important;
        width: 85%;
        text-transform: unset;
        font-size: 14px;
    }

    .cta-section-style-3.contact-cta .content .img {
        width: 100%;
        height: 290px;
    }
    .cta-section-style-3.contact-cta {
        margin: 50px 0;
        position: relative;
    }

    .page-hero-banner .banner-content-v2 {
        width: 80%;
        top: 45%;
    }
    .page-hero-banner .banner-content-v2 p {
        font-size: 14px;
    }
    .partner-section .row.heading-section .desc {
        width: 100%;
    }
    h1.banner-title {
        width: 80%;
        margin: 0 auto;
        font-size: 24px;
    }
    .pro-search-form form {
        flex-direction: column;
    }
    .sorting-wrapper {
        flex-direction: column;
        width: 100%;
    }

    .single-eveloper-details {
        padding: 50px 0;
    }
    .single-eveloper-details .developer-img {
        width: 100%;
        height: 300px;
    }
    .single-eveloper-details .about-dev-txt {
        padding-left: 0;
        width: 100%;
        margin-top: 20px;
    }
    .core-value-txt p {
        font-size: 14px;
        width: 95%;
    }
    .core-value-txt h1 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .culture-value-section .img,
    .culture-value-section .img img {
        margin-top: 10px;
    }
    .values-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .culture-value-section .core-value-txt {
        margin-top: 50px;
    }
    .culture-value-section .core-value-txt {
        padding: 30px 20px;
    }
    .our-latest-projects .row.heading-section {
        margin-bottom: 50px;
        margin-left: 0;
    }
    .our-latest-projects .row.heading-section .heading h1 {
        font-size: 22px;
    }
    .single-partner-latest-projects {
        margin-left: 0;
        padding: 0 30px;
    }
    .actn-btn {
        float: left;
        margin-top: 20px;
    }
    section.Strategic-theme-section h1.text-center {
        margin-bottom: 50px;
        font-size: 20px;
    }

    div#partner-carousel,
    div#partner-carousel .carousel-item {
        height: 250px;
        width: 100%;
        border-radius: 30px;
    }

    .our-latest-projects {
        margin-bottom: 50px;
    }
    .timeline-col.content-col.text-end {
        order: 2;
    }

    .page-hero-banner.single-project-banner,
    .page-hero-banner.single-project-banner .banner-img {
        height: 400px;
    }
    .gallery-view-banner {
        position: absolute;
        right: 10%;
    }
    .project-facts-list ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        margin-top: 30px;
    }

    .project-keyinformation {
        padding: 25px 12px;
        border-radius: 15px;
    }
    .project-facts-list ul li p:first-child {
        font-size: 14px;
    }
    .project-facts-list ul li p:nth-child(2) {
        font-size: 12px;
    }
    .single-project-side-bar {
        position: relative;
        width: 100%;
        margin-top: 20px;
    }
    .payment-options ul {
        gap: 10px;
        flex-wrap: wrap;
    }
    .payment-options ul li {
        text-align: center;
        width: 12%;
    }
    .payment-options ul li p:first-child {
        font-size: 20px;
    }
    .payment-options ul li p:nth-child(2) {
        margin: 0;
        font-size: 12px;
        text-align: left;
    }
    .payemnt-tabs {
        padding: 30px 15px;
        border-radius: 15px;
    }
    .amenities-lifestyle-section .desc p {
        font-size: 16px;
        padding-left: 0;
    }
    .amenities-list {
        padding-left: 0;
        margin-top: 30px;
    }
    .amenities-lifestyle-section {
        margin: 50px 0;
    }
    .services-section .left-colmn .left-services-list ul li {
        align-items: flex-start;
        flex-direction: column;
    }
    .services-section .left-colmn .left-services-list ul li p {
        width: 100%;
    }
    .services-section .right-services-list ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .services-section .right-services-list ul li {
        align-items: self-start;
        flex-direction: column;
    }
    .project-cta-section .cta-banner-content .text-content {
        right: 5%;
        padding: 50px 35px;
        width: 90%;
        left: 5%;
    }
    .project-cta-section .cta-banner-content .text-content h1 {
        font-size: 20px;
    }
    .project-cta-section .cta-banner-content .text-content p {
        font-size: 16px;
        width: 85%;
    }
    .project-cta-section .cta-banner-content .text-content .btn-group {
        gap: 10px;
        flex-direction: column;
    }
    .floor-plan-section .accordion-item .accordion-body ul {
        gap: 20px;
    }
    .location-frame {
        margin-bottom: 30px;
    }
    .why-investment-section .why-invest-wrapper .content .txt,
    .why-single-row .txt,
    .design-single-row .txt,
    .design-inspiration-section .design-wrapper .content .txt {
        padding: 50px 25px;
    }
    section.design-inspiration-section .row,
    .why-investment-section .row {
        gap: 20px;
    }
    .developer-media {
        position: relative;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .about-developer-section .developer-media .img {
        width: 100%;
        height: 400px;
    }
    .dev-logo {
        position: absolute;
        top: 25%;
    }
    .developer-txt p {
        width: 100%;
    }
    .cta-section-style-2.h-cta-4 .txt h1 {
        font-size: 26px;
    }

    .property-listing-banner .col-md-4.mob-hide .gallery-img {
        display: none;
    }
    .property-listing-banner .view-all-photos-div .gallery-img {
        display: block !important;
        margin-top: 20px;
    }
    .property-lifeside .property-brief .title h1 {
        font-size: 22px;
        width: 100%;
    }
    .property-lifeside .property-facts ul,
    .property-lifeside .property-facts ul li {
        flex-wrap: wrap;
    }
    .property-lifeside .features-amenities ul.features-list {
        flex-wrap: wrap;
    }
    .single-property-side-bar {
        position: relative;
    }
    .location-information {
        margin-top: 50px;
        display: flex;
        gap: 20px;
        align-items: center;
        flex-direction: column;
    }
    .cta-banner-single-property .banner-img {
        width: 100%;
        height: 235px;
    }
    .cta-banner-single-property .banner-caption h1 {
        font-size: 24px;
    }
    .listed-by .action-btns {
        justify-content: flex-end;
        padding-bottom: 20px;
    }
    .team-media .name-actions .name h1 {
        font-size: 18px;
        margin-bottom: 0px;
    }
    .team-media .name-actions .name p {
        font-size: 15px;
        margin-bottom: 0;
    }
    .team-media .name-actions .name {
        margin-bottom: 15px;
    }
    .actions-links ul li a img {
        width: 30px;
    }
    .team-txt-content {
        padding-left: 0;
        width: 100%;
        margin-top: 30px;
    }
    .consultation-form .form-wrapper h1 {
        font-size: 20px;
        font-family: "objective-bold";
        margin-bottom: 15px;
    }
    .team-section .row.heading-section .heading h1 {
        font-size: 22px;
        text-transform: uppercase;
        width: 100%;
    }
    .team-section {
        margin: 50px 0 0 0;
    }
    .team-section .team-card-v1 .team-img {
        width: 100%;
        height: 300px;
    }
    .team-section .team-card-v1 .team-bio {
        align-items: self-start;
        flex-direction: column;
    }
    .team-section .team-card-v1 .team-bio .name {
        width: 100%;
        border-right: 0;
        margin-bottom: 20px;
    }

    .blog-navigations .previous-blog .img {
    width: 50px;
    height: auto;
}
.blog-navigations .previous-blog .img img {
    border-radius: 5px;
}
.blog-navigations .previous-blog .txt-content p.nav-label {
    font-size: 10px;
}
.blog-navigations .previous-blog .txt-content h1.title {
    font-size: 14px;
}
.blog-navigations .next-blog .img {
    width: 50px;
    height: auto;
}
.blog-navigations .next-blog .img img {
    border-radius: 5px;
}
.blog-navigations .next-blog .txt-content p.nav-label {
    font-size: 10px;
}
.blog-navigations .next-blog .txt-content h1.title {
    font-size: 14px;
}

.blog-navigations .previous-blog {
    gap: 10px;
}
.blog-content-img {
    border-radius: 10px;
    height: 250px;
}
.banner-content-v2.blog-hero-section.single-blog-heading {
    left: 10%;
    bottom: 10%;
}
section.blog-details-section.plr-40 {
    margin: 50px 0;
}
.details-content p {
    font-size: 14px;
}

}

/* ================================
   8. SMALL MOBILE 
      Older iPhones (SE), small Android phones
   ================================ */
@media only screen and (max-width: 399px) {
    .plr-40 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .header .logo img {
        width: 70%;
    }
    .header {
        top: 20px;
    }
    #HeroCarousel {
        height: 60vh;
    }
    #HeroCarousel .carousel-inner {
        height: 60vh;
        border-radius: 15px;
    }
    .menu-items {
        width: 300px;
    }
    .menu-item {
        gap: 5px;
        padding: 6px;
        font-size: 15px;
    }
    #HeroCarousel .carousel-inner .carousel-item img {
        border-radius: 15px;
        height: 60vh;
        object-fit: cover;
    }
    #HeroCarousel .content h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .carousel-caption {
        right: 5%;
        left: 7%;
        width: 85%;
    }
    .carousel-indicators {
        z-index: 1;
    }
    #HeroCarousel .btn {
        min-height: 35px;
        padding: 5px 20px;
    }
    #HeroCarousel .form-control {
        height: 35px;
    }
    #HeroCarousel .input-group img {
        padding-left: 5px;
        width: 20px;
    }

    section.featured-properties-section {
        padding: 50px 0;
        position: relative;
    }
    .section-title h1 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .action-btn a.btn-style-two {
        font-size: 12px;
        display: inline;
    }
    .property-card .card-title-price .location p {
        display: flex;
        font-size: 14px;
        gap: 10px;
    }
    .property-card .card-bottom-content {
        padding: 15px 15px 0 15px;
    }
    .action-btns {
        padding-bottom: 10px;
        justify-content: end;
    }
    .listing-of .avatar img {
        width: 50px;
        height: 50px;
    }
    .action-btns ul li a img {
        width: 32px;
    }
    .text-content-div {
        padding-right: 30px;
        padding-left: 30px;
    }
    .text-content-div h1 {
        font-size: 20px;
    }
    .cta-section {
        position: relative;
        padding-top: 50px;
    }
    .cta-content h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .cta-content p {
        font-size: 18px;
        line-height: 24px;
    }
    .cta-content a {
        font-size: 17px;
    }
    section.cta-section .mb-20 {
        margin-bottom: 20px;
    }
    .cta-img {
        height: 200px;
    }
    .projects-section {
        padding: 50px 0;
    }
    .projects-section .title-row {
        margin-bottom: 20px;
    }
    .project-card .card-gallery .carousel img {
        height: 200px;
    }
    .projects-section .row {
        row-gap: 0;
    }
    .action-btns {
        padding-bottom: 10px;
        justify-content: stretch;
        margin-top: 10px;
        float: right;
        width: 100%;
    }
    section.grid-property-listing .row {
        row-gap: 0;
    }
    .project-card .action-btns ul {
        width: 100%;
    }
    .project-card .action-btns ul li,
    .project-card .action-btns ul li a {
        width: 100%;
    }
    .project-card {
        margin-bottom: 30px;
    }
    .cta-section-2 .cta-2-content {
        padding: 50px 50px;
    }
    .cta-2-content h1 {
        font-size: 24px;
    }
    section.news-section {
        padding: 50px 0;
    }
    .featured-news-content .content {
        width: 85%;
        padding: 20px;
        border-radius: 15px;
    }
    .news-title h1 {
        font-size: 18px;
    }
    .news-desc P {
        font-size: 12px;
        width: 100%;
        display: none;
    }
    section.news-section .section-title h1 {
        font-size: 20px;
    }
    .featured-img {
        height: 350px;
        border-radius: 15px;
    }
    .news-action .news-date {
        margin-bottom: 20px;
    }
    .news-action {
        align-items: self-start;
        flex-direction: column;
    }
    .blog-list .content h1 {
        font-size: 15px;
    }
    .blog-list-wrapper {
        margin-top: 20px;
    }
    section.footer-section {
        padding: 15px;
    }
    .newsletter-title h1.title {
        font-size: 20px;
    }
    .newsletter-form .btn {
        padding: 10px 20px;
    }
    .newsletter-form p {
        font-size: 11px;
    }
    .newsletter-section {
        margin-bottom: 20px;
        padding-top: 50px;
    }
    p.footer-about-txt {
        width: 100%;
        margin-bottom: 30px;
    }
    .company-social-wrapper {
        margin-top: 30px;
    }
    .links-wrapper ul li a {
        font-size: 20px;
    }
    .mlr-40 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .page-hero-banner .banner-content-v2 {
        width: 60%;
        top: 45%;
    }
    .page-hero-banner .banner-content-v2 .banner-title-v2 {
        font-size: 22px;
    }
    section.page-hero-banner,
    section.page-hero-banner .banner-img {
        border-radius: 15px;
        height: 400px;
    }
    .about-section {
        margin: 50px 0;
    }
    .about-section .row.heading-section {
        margin-bottom: 0;
    }
    .left-wrapper,
    .right-wrapper {
        display: flex;
        flex-direction: column;
    }
    .left-wrapper .img,
    .right-wrapper .img {
        order: 2;
        margin: 20px 0;
    }
    .luxury-realestate-section {
        margin-bottom: 50px;
        padding: 0 20px;
    }
    .luxury-realestate-section .left-content h1 {
        font-size: 25px;
        width: 100%;
    }
    .luxury-realestate-section .left-content p {
        font-size: 18px;
        margin-top: 25px;
        width: 100%;
        line-height: 25px;
    }
    .luxury-realestate-section .right-media {
        width: 100%;
        height: 300px;
        border-radius: 15px;
        float: right;
    }
    .luxury-realestate-section .right-media img {
        border-radius: 15px;
    }
    .about-cta-section .cta-media {
        height: 300px;
        position: relative;
        width: 100%;
    }
    .about-cta-section .cta-content {
        position: relative;
        top: -60px;
        padding: 40px;
    }
    .about-cta-section {
        margin-bottom: 20px;
    }
    .mission-section .left-media {
        width: 100%;
        height: 300px;
        border-radius: 15px;
        margin-bottom: 20px;
    }
    .about-cta-section .col-md-7 {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    .about-cta-section .col-md-5 {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    .about-cta-section .cta-media img {
        border-radius: 15px;
    }

    .mission-section .right-content p,
    .mission-section .right-content h1 {
        width: 100%;
    }
    .mission-section {
        margin-bottom: 50px;
        padding: 0 20px;
    }
    .mission-section .right-content p {
        font-size: 17px;
        margin-top: 24px;
    }
    .about-area-section .row.heading-row .heading h1 {
        width: 100%;
        font-size: 22px;
        margin-bottom: 20px;
    }
    .about-area-section .row.heading-row .desc p {
        font-size: 16px;
        width: 100%;
    }
    .about-area-section {
        margin-bottom: 50px;
    }
    .left-wrapper .content h1,
    .mid-wrapper .content h1,
    .right-wrapper .content h1 {
        font-size: 42px;
    }

    .area-section {
        margin: 50px 0;
    }
    .area-section .left-content {
        width: 100%;
    }
    .area-main-facts {
        margin-top: 20px;
    }

    .property-card {
        margin-bottom: 30px;
    }
    .related-projects-section,
    .related-property-section {
        margin: 50px 0;
    }
    .cta-section-style-2 .txt {
        width: 90%;
        margin: 0 auto;
    }
    .cta-section-style-2.area-cta .content h1 {
        font-size: 20px;
    }
    .cta-section-style-2.area-cta .txt a {
        margin-bottom: 10px;
    }
    .cta-section-style-2 {
        margin: 50px 0;
    }
    .more-about-area-section .left-media {
        width: 100%;
        height: 315px;
        border-radius: 15px;
        margin-bottom: 30px;
    }
    .more-about-area-section .right-content {
        margin-left: 0;
    }
    .more-about-area-section .right-content h1,
    .more-about-area-section .right-content p {
        width: 100%;
    }
    .property-card .card-gallery .carousel img {
        height: 250px;
        object-fit: cover;
    }

    .contact-section .left-content .heading h1 {
        font-size: 22px;
        width: 100%;
    }
    .contact-section .left-content {
        width: 100%;
    }
    .contact-section {
        margin: 50px 0;
    }
    section.page-hero-banner .banner-img .overlay-dark {
        border-radius: 15px;
    }
    section.page-hero-banner .banner-img img {
        border-radius: 15px;
    }
    .contact-location-wrapper .left-content .content ul li p {
        font-size: 14px;
        margin-bottom: 0;
    }
    .contact-location-wrapper .right-media img {
        border-radius: 15px;
        margin-top: 40px;
    }
    .contact-location-wrapper .left-content {
        width: 100%;
    }
    .cta-section-style-3.contact-cta .content .txt {
        width: 80%;
        padding: 20px;
    }
    .cta-section-style-3.contact-cta .content .txt h1 {
        color: #fff;
        font-size: 22px;
        line-height: 30px;
    }
    .cta-section-style-3.contact-cta .content .txt a {
        display: inline-block !important;
        width: 85%;
        text-transform: unset;
        font-size: 14px;
    }

    .cta-section-style-3.contact-cta .content .img {
        width: 100%;
        height: 290px;
    }
    .cta-section-style-3.contact-cta {
        margin: 50px 0;
        position: relative;
    }

    .page-hero-banner .banner-content-v2 {
        width: 80%;
        top: 45%;
    }
    .page-hero-banner .banner-content-v2 p {
        font-size: 14px;
    }
    .partner-section .row.heading-section .desc {
        width: 100%;
    }
    h1.banner-title {
        width: 80%;
        margin: 0 auto;
        font-size: 24px;
    }
    .pro-search-form form {
        flex-direction: column;
    }
    .sorting-wrapper {
        flex-direction: column;
        width: 100%;
    }

    .single-eveloper-details {
        padding: 50px 0;
    }
    .single-eveloper-details .developer-img {
        width: 100%;
        height: 300px;
    }
    .single-eveloper-details .about-dev-txt {
        padding-left: 0;
        width: 100%;
        margin-top: 20px;
    }
    .core-value-txt p {
        font-size: 14px;
        width: 95%;
    }
    .core-value-txt h1 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .culture-value-section .img,
    .culture-value-section .img img {
        margin-top: 10px;
    }
    .values-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .culture-value-section .core-value-txt {
        margin-top: 50px;
    }
    .culture-value-section .core-value-txt {
        padding: 30px 20px;
    }
    .our-latest-projects .row.heading-section {
        margin-bottom: 50px;
        margin-left: 0;
    }
    .our-latest-projects .row.heading-section .heading h1 {
        font-size: 22px;
    }
    .single-partner-latest-projects {
        margin-left: 0;
        padding: 0 30px;
    }
    .actn-btn {
        float: left;
        margin-top: 20px;
    }
    section.Strategic-theme-section h1.text-center {
        margin-bottom: 50px;
        font-size: 20px;
    }

    div#partner-carousel,
    div#partner-carousel .carousel-item {
        height: 250px;
        width: 100%;
        border-radius: 30px;
    }

    .our-latest-projects {
        margin-bottom: 50px;
    }
    .timeline-col.content-col.text-end {
        order: 2;
    }

    .page-hero-banner.single-project-banner,
    .page-hero-banner.single-project-banner .banner-img {
        height: 400px;
    }
    .gallery-view-banner {
        position: absolute;
        right: 10%;
    }
    .project-facts-list ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        margin-top: 30px;
    }

    .project-keyinformation {
        padding: 25px 12px;
        border-radius: 15px;
    }
    .project-facts-list ul li p:first-child {
        font-size: 14px;
    }
    .project-facts-list ul li p:nth-child(2) {
        font-size: 12px;
    }
    .single-project-side-bar {
        position: relative;
        width: 100%;
        margin-top: 20px;
    }
    .payment-options ul {
        gap: 10px;
        flex-wrap: wrap;
    }
    .payment-options ul li {
        text-align: center;
        width: 12%;
    }
    .payment-options ul li p:first-child {
        font-size: 20px;
    }
    .payment-options ul li p:nth-child(2) {
        margin: 0;
        font-size: 12px;
        text-align: left;
    }
    .payemnt-tabs {
        padding: 30px 15px;
        border-radius: 15px;
    }
    .amenities-lifestyle-section .desc p {
        font-size: 16px;
        padding-left: 0;
    }
    .amenities-list {
        padding-left: 0;
        margin-top: 30px;
    }
    .amenities-lifestyle-section {
        margin: 50px 0;
    }
    .services-section .left-colmn .left-services-list ul li {
        align-items: flex-start;
        flex-direction: column;
    }
    .services-section .left-colmn .left-services-list ul li p {
        width: 100%;
    }
    .services-section .right-services-list ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .services-section .right-services-list ul li {
        align-items: self-start;
        flex-direction: column;
    }
    .project-cta-section .cta-banner-content .text-content {
        right: 5%;
        padding: 50px 35px;
        width: 90%;
        left: 5%;
    }
    .project-cta-section .cta-banner-content .text-content h1 {
        font-size: 20px;
    }
    .project-cta-section .cta-banner-content .text-content p {
        font-size: 16px;
        width: 85%;
    }
    .project-cta-section .cta-banner-content .text-content .btn-group {
        gap: 10px;
        flex-direction: column;
    }
    .floor-plan-section .accordion-item .accordion-body ul {
        gap: 20px;
    }
    .location-frame {
        margin-bottom: 30px;
    }
    .why-investment-section .why-invest-wrapper .content .txt,
    .why-single-row .txt,
    .design-single-row .txt,
    .design-inspiration-section .design-wrapper .content .txt {
        padding: 50px 25px;
    }
    section.design-inspiration-section .row,
    .why-investment-section .row {
        gap: 20px;
    }
    .developer-media {
        position: relative;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .about-developer-section .developer-media .img {
        width: 100%;
        height: 400px;
    }
    .dev-logo {
        position: absolute;
        top: 25%;
    }
    .developer-txt p {
        width: 100%;
    }
    .cta-section-style-2.h-cta-4 .txt h1 {
        font-size: 26px;
    }

    .property-listing-banner .col-md-4.mob-hide .gallery-img {
        display: none;
    }
    .property-listing-banner .view-all-photos-div .gallery-img {
        display: block !important;
        margin-top: 20px;
    }
    .property-lifeside .property-brief .title h1 {
        font-size: 22px;
        width: 100%;
    }
    .property-lifeside .property-facts ul,
    .property-lifeside .property-facts ul li {
        flex-wrap: wrap;
    }
    .property-lifeside .features-amenities ul.features-list {
        flex-wrap: wrap;
    }
    .single-property-side-bar {
        position: relative;
    }
    .location-information {
        margin-top: 50px;
        display: flex;
        gap: 20px;
        align-items: center;
        flex-direction: column;
    }
    .cta-banner-single-property .banner-img {
        width: 100%;
        height: 235px;
    }
    .cta-banner-single-property .banner-caption h1 {
        font-size: 24px;
    }
    .listed-by .action-btns {
        justify-content: flex-end;
        padding-bottom: 20px;
    }
    .team-media .name-actions .name h1 {
        font-size: 18px;
        margin-bottom: 0px;
    }
    .team-media .name-actions .name p {
        font-size: 15px;
        margin-bottom: 0;
    }
    .team-media .name-actions .name {
        margin-bottom: 15px;
    }
    .actions-links ul li a img {
        width: 30px;
    }
    .team-txt-content {
        padding-left: 0;
        width: 100%;
        margin-top: 30px;
    }
    .consultation-form .form-wrapper h1 {
        font-size: 20px;
        font-family: "objective-bold";
        margin-bottom: 15px;
    }
    .team-section .row.heading-section .heading h1 {
        font-size: 22px;
        text-transform: uppercase;
        width: 100%;
    }
    .team-section {
        margin: 50px 0 0 0;
    }
    .team-section .team-card-v1 .team-img {
        width: 100%;
        height: 300px;
    }
    .team-section .team-card-v1 .team-bio {
        align-items: self-start;
        flex-direction: column;
    }
    .team-section .team-card-v1 .team-bio .name {
        width: 100%;
        border-right: 0;
        margin-bottom: 20px;
    }

    .team-media .name-actions {
        position: relative;
    }
    .team-section .team-card-v1 .team-img {
        width: 100%;
        height: 280px;
    }
    .team-section .team-card-v1 .team-bio .name {
        width: 100%;
        border-right: 0;
        margin-bottom: 20px;
    }
    .team-section .team-card-v1 .team-bio {
        flex-direction: column;
        align-items: flex-start;
    }
    .team-section .row.heading-section .heading h1 {
        font-size: 26px;
        text-transform: uppercase;
        width: 100%;
    }
    .team-card-v2 .team-short-bio {
        padding: 20px 20px 0 20px;
    }
    .team-card-v2 .team-name {
        padding: 0 20px 20px;
        align-items: self-start;
        justify-content: space-between;
        flex-direction: column;
    }


.blog-navigations .previous-blog .img {
    width: 50px;
    height: auto;
}
.blog-navigations .previous-blog .img img {
    border-radius: 5px;
}
.blog-navigations .previous-blog .txt-content p.nav-label {
    font-size: 10px;
}
.blog-navigations .previous-blog .txt-content h1.title {
    font-size: 14px;
}
.blog-navigations .next-blog .img {
    width: 50px;
    height: auto;
}
.blog-navigations .next-blog .img img {
    border-radius: 5px;
}
.blog-navigations .next-blog .txt-content p.nav-label {
    font-size: 10px;
}
.blog-navigations .next-blog .txt-content h1.title {
    font-size: 14px;
}

.blog-navigations .previous-blog {
    gap: 10px;
}
.blog-content-img {
    border-radius: 10px;
    height: 250px;
}
.banner-content-v2.blog-hero-section.single-blog-heading {
    left: 10%;
    bottom: 10%;
}
section.blog-details-section.plr-40 {
    margin: 50px 0;
}
.details-content p {
    font-size: 14px;
}
}