#salehouses-map-layout {
    display: flex;
    flex-wrap: wrap;
}

 /* #map-container {
    
     height: 500px; 
}  */

#property-info {
    flex-basis: 40% !important;
    display: flex;
    flex-direction: column;
}

#top-property-list {
    overflow-y: auto;
}

.property-item {
    box-sizing: border-box;
    /* padding: 10px; */
}

#bottom-property-list {
    display: flex;
    flex-wrap: wrap;
}

#bottom-property-list .property-item {
    width: 48.33333%; /* 3 items in a row */
    box-sizing: border-box;
}

/* Adjustments for smaller screens */
@media (max-width: 768px) {
    #salehouses-map-layout {
        flex-direction: column;
    }

    #map-container,
    #property-info {
        flex-basis: 100%;
    }

    #bottom-property-list .property-item {
        width: 100%; /* Full width for all items on smaller screens */
    }
}



#bottom-property-list {
    margin-top: 10%;
    justify-content: space-around;
    column-gap: 2% !important;
    row-gap: 20px !important;
}

#bottom-property-list .property-item {
    margin: 0 !important;
}

#top-property-list .property-item {
    display: none; /* Initially hide all items */
}

#top-property-list .property-item:nth-child(-n+3) {
    display: block; /* Display only the first three items */
}


#searchbar1 {
    margin-top: 1vw;
}