@media only screen and (min-width: 360px) and (max-width: 640px) {
    .nav-links {
        flex-direction: column;
        text-align: center; 
        gap: 5px;
    }

    .nav-links a {
        font-size: 14px; 
    }

    .nav-links i {
        margin-bottom: 0.7px; 
    }
    /* -------------- */
    .logo {
        flex-direction: column; 
        text-align: center; 
    }

    .logo p {
        font-size: 16px;
        text-align: center;
    }

    .logo p:first-child {
        margin-bottom: 5px; 
    }
    /* ----------- */
    .nav-bar {
        flex-direction: row;
        align-items: center;
        display: none;
    }

    .nav-bar li {
        width: 100%;
    }

    .nav-bar li:not(:last-child)::after {
        display: none; 
    }

    .nav-bar a {
        padding: 10px;
        text-align: center;
    }
    /* .nav-bar a:hover{
        display: none;
    }
    .nav-bar a:active, .nav-bar a:focus{
        display: none;
    } */
    /* ---------------- */
    .container {
        flex-direction: column;
        padding: 20px;
    }

    .left-section {
        margin: 20px 0;
        text-align: center;
    }

    .left-section h1 {
        font-size: 15px; 
    }

    .right-section {
        margin: 20px 0;
        padding: 15px;
    }

    .find {
        font-size: 15px; 
    }

    .buy {
        font-size: 10px; 
    }

    input[type="text"],
    input[type="number"] {
        width: 100%; 
        padding: 8px;
    }

    .search {
        width: 100%; 
        padding: 12px;
    }

    .grid-container {
        grid-template-columns: 1fr; 
        gap: 5px;
        
    }
    /* ------------------ */
    .best-sale-homes {
        text-align: center;
        background-color: #f8f8f8;
        margin: 15px; 
        /* background-color: #ebe8e8; */
    }

    .section-title {
        font-size: 24px; 
        margin-bottom: 8px;
        padding: 15px; 
        color: #d4a373;
    }

    .sales-home {
        font-size: 24px; 
        margin-bottom: 30px; 
    }
    /* -------removeeee effectt------- */
    .home-cards {
        display: flex;
        flex-direction: column; 
        justify-content: center; 
        align-items: center;
        color: #c1bfbe;
    }

    .home-card {
        width: 100%; 
        height: auto; 
        margin: 10px; 
        padding: 15px; 
    }

    .featured-tag,
    .sale-tag,
    .sale-tag2 {
        position: static;
        margin-bottom: 10px;
    }

    img {
        height: 150px; 
        margin-bottom: 10px;
    }

    .price {
        position: static; 
        text-align: center;
        font-size: 18px; 
        margin-bottom: 10px; 
        padding: 3px 5px; 
    }

    .small-container {
        display: block;
    }

    .reno {
        font-size: 18px; 
        margin-bottom: 5px;
    }

    .add {
        font-size: 14px; 
        margin-bottom: 10px;
    }

    .home-features {
        flex-direction: column; 
        justify-content: flex-start;
        font-size: 11px; 
        margin: 0;
    }

    .home-features li {
        border-right: none; 
        padding-bottom: 5px;
    }

    .apart {
        margin-top: 5px; 
    }
    /* ----------------- */
    .container1 {
        display: flex;
        flex-direction: column; 
        align-items: center; 
        padding: 20px; 
        background-color: #fff;
    }

    .text-section {
        text-align: center; 
        margin-bottom: 20px; 
    }

    .rent {
        margin-top: 10px;
        font-size: 14px; 
        color: #c49c6b;
    }

    .modern {
        font-size: 24px; 
        margin-bottom: 15px;
    }

    .more {
        font-size: 14px; 
        line-height: 1.4;
        margin-bottom: 20px; 
        color: rgb(180, 176, 176);
    }

    .features {
        display: flex;
        flex-direction: column; 
        align-items: center; 
        margin-bottom: 20px; 
    }

    .feature {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 15px; 
    }

    .feature img {
        height: 40px;
        margin-bottom: 5px; 
    }

    .names {
        font-size: 12px; 
    }

    .rentpro {
        background-color: #c49c6b;
        color: white;
        border: none;
        padding: 10px 20px; 
        cursor: pointer;
        font-size: 14px; 
    }

    .image-section {
        width: 100%; 
        margin-top: 20px; 
    }

    .image-section img {
        width: 100%; 
        height: auto; 
    }
    /* ---------- */
    .best-sale-homes1 {
        text-align: center;
        background-color: #f8f8f8;
        margin: 15px;
    }

    .section-title1 {
        font-size: 24px; 
        margin-bottom: 8px; 
        padding: 15px; 
        color: #d4a373;
    }

    .sales-home1 {
        font-size: 24px; 
        margin-bottom: 30px; 
    }

   
    .home-cards1 {
        display: flex;
        flex-direction: column; 
        align-items: center; 
        color: #c1bfbe;
    }

    .home-card1 {
        width: 100%; 
        height: auto; 
        margin: 10px 0; 
        padding: 15px; 
        position: relative; 
    }

    .featured-tag1,
    .sale-tag1,
    .sale-tag2 {
        position: static; 
        margin-bottom: 10px; 
    }

    img {
        height: 150px; 
        margin-bottom: 10px; 
    }

    .price1 {
        position: static; 
        text-align: center;
        font-size: 18px; 
        margin-bottom: 10px; 
        padding: 3px 5px; 
    }

    .small-container1 {
        display: block;
    }

    .reno1 {
        font-size: 18px; 
        margin-bottom: 5px; 
    }

    .add1 {
        font-size: 14px; 
        margin-bottom: 10px; 
    }

    .home-features1 {
        flex-direction: column; 
        justify-content: center; 
        font-size: 11px;
        margin: 0;
    }

    .home-features1 li {
        border-right: none; 
        padding-bottom: 5px; 
    }

    .apart1 {
        margin-top: 5px; 
    }
    /* ----------------- */
    .container3 {
        padding: 10px; 
        text-align: center;
    }

    .black-half, .white-half {
       
    }

    .black-half {
        background-color: rgb(62, 60, 60);
    }

    .white-half {
        background-color: white;
    }

    .heading1 {
        margin-top: 20px; 
        color: #c49c6b;
        font-size: 15px;
    }

    .heading {
        color: #fff;
        font-size: 20px; 
        margin-top: 10px;
    }

    .subheading {
        color: #666;
        font-size: 15px; 
        margin-bottom: 30px; /* Adjusted margin */
    }

    .stats {
        display: flex;
        flex-direction: column; 
        align-items: center; 
        margin-bottom: 30px;
    }

    .stat {
        width: 100%; 
        margin-bottom: 20px; 
    }

    .stat-number {
        font-size: 2.5em; 
        color: #c49c6b;
    }

    .stat-label {
        color: #666;
        font-size: 1em; 
    }

    .cities {
        display: flex;
        flex-direction: column; 
        align-items: center;
        margin-bottom: 30px; 
    }

    .city-img {
        /* width: cover; 
        height: auto; 
        padding-right: 0;  */
        display: none;
        /* margin-bottom: 20px;  */
    }

    .newyork {
        background-color: #c49c6b;
        width: 100%; 
        margin-top: 20px; 
        text-align: center;
    }

    .head {
        margin-top: 10px;
        color: #ccc;
    }

    .properties {
        font-size: 12px; 
        color: #ccc;
    }

    .para {
        margin-top: 20px; 
        color: #ccc;
        font-size: 13px;
    }

    .viewmore {
        margin-top: 20px;
        font-size: 14px; 
        color: #ccc;
    }
    /* ------------- */
    .rent-sec {
        text-align: center;
        margin-top: 30px; 
        width: 100%; 
        max-width: 100%; 
        margin-left: auto;
        margin-right: auto;
    }

    .img-container {
        display: grid;
        margin-top: 20px; 
        grid-template-columns: repeat(auto-fill, minmax(calc(100% - 20px), 1fr)); 
        gap: 10px; 
    }

    .img1 {
        width: 100%;
        height: 200px; 
        margin-bottom: 10px;
        background-color: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)); 
    }
/* ------------------- */
.big-para {
    text-align: center;
    background-color: #ffffff;
    height: auto; 
    padding: 20px; 
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon1 {
    width: 30px; 
    height: 30px; 
    margin-top: 20px; 
    margin-bottom: 10px; 
}

.big {
    margin-top: 10px;
    color: rgb(180, 176, 176);
    font-size: 14px; 
}

.name {
    font-size: 18px; 
    margin-top: 10px; 
}

.client {
    font-size: 12px;
    color: #c49c6b;
}
/* -------------- */
.container9 {
    display: flex;
    flex-direction: column; /* Stack items vertically on mobile */
    justify-content: center;
    align-items: center;
    height: auto; /* Adjust height based on content */
    padding: 20px; /* Add padding for spacing */
    background-color: #2c2c2c;
}

.item {
    text-align: center;
    color: white;
    margin-bottom: 20px; 
}

.icon {
    width: 80px; 
    height: 80px; 
    margin-bottom: 10px;
}

.team {
    text-align: center;
    margin-top: 20px;
    width: 100%;
    padding: 0 10px; 
}

.team1 {
    font-size: 20px; 
    margin-top: 15px; 
    color: #c49c6b;
}

.lead {
    margin-top: 10px;
}

.img {
    width: 100%;
    height: auto; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    background-color: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
}
/* ------------------ */
.best-sale-homes5 {
    text-align: center;
    background-color: #f8f8f8;
    padding: 10px; 
}

.section-title5 {
    font-size: 18px; 
    margin-bottom: 8px; 
    padding: 15px; 
    color: #d4a373;
}

.sales-home5 {
    font-size: 28px; 
    margin-bottom: 30px; 
}

.home-cards5 {
    display: flex;
    flex-direction: column; 
    align-items: center;
    color: #c1bfbe;
}

.home-card5 {
    width: 100%; 
    max-width: 100%; 
    height: auto; 
    margin: 10px 0; 
    padding: 15px; 
    position: relative;
}

img {
    height: 150px; 
    margin-bottom: 10px; 
}

.home-details5 {
    text-align: left;
    color: rgb(180, 176, 176);
}

.reno5 {
    font-size: 12px; 
    color: rgb(180, 176, 176);
}

.add5 {
    font-size: 18px;
    margin-top: 10px; 
    color: #2d2c2c;
}

.apart5 {
    margin-top: 10px;
}

.nametag {
    margin-top: 15px; 
    color: #2d2c2c;
}
/* ---------------- */
footer {
    padding: 10px 0; 
}

.footer-container {
    flex-direction: column; 
    padding: 0 20px; 
}

.footer-left,
.footer-middle,
.footer-right {
    flex: none; 
    margin-bottom: 20px; 
}

.footer-left .logo123 {
    justify-content: center; 
}

.footer-left .logo123 .final-logo {
    width: 40px; 
    height: 40px; 
    margin-right: 5px; 
}

.footer-left p {
    margin: 5px 0; 
    text-align: center; 
}

.social-icons a {
    margin-right: 5px; 
    font-size: 20px; 
}

.footer-middle p {
    margin: 5px 0;
    font-size: 14px; 
    line-height: 1.5; 
}

.footer-right ul {
    padding: 0;
}

.footer-right ul li {
    margin-bottom: 5px; 
}

.footer-right ul li a {
    font-size: 14px; 
}

.footer-right .map {
    margin-top: 10px; 
    margin-bottom: 10px;
    text-align: center; 
    width: 100%;
   
}

.footer-bottom {
    flex-direction: column; 
    padding: 10px 20px; 
    text-align: center; 
}

.footer-bottom p {
    margin: 5px 0; 
    font-size: 14px; 
}

.privacy-policy {
    flex-direction: column; 
    align-items: center;
}

.privacy-policy button {
    margin-bottom: 10px; 
    padding: 8px 15px; 
}

.privacy-policy a {
    font-size: 14px; 
}
}