/* MakaanNama Logo */
.navbar-brand img,
.logo img,
.site-logo img {
    width: 280px;
    height: auto;
    max-width: none;
}

/* Header / Navbar */
.navbar-brand {
    display: flex;
    align-items: center;
    padding: 5px 0;
}

/* Mobile */
@media (max-width: 768px) {
    .navbar-brand img,
    .logo img,
    .site-logo img {
        width: 220px;
    }
}
* ==========================================================
   Force 2 properties per row on mobile / small screens
   Paste this into: Admin -> Appearance -> Custom CSS
   ========================================================== */

/* Homepage sections built from shortcodes:
   Featured Projects, Properties for Sale, Properties for Rent,
   Properties by Locations */
@media (max-width: 575px) {
    .homehouse .row.rowm10 > [class*="col-"],
    .projecthome .row.rowm10 > [class*="col-"] {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/* Main "Properties" listing/archive page (with filters, /properties) */
@media (max-width: 575px) {
    #properties-list .property-item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/* Optional: tighten up card content a bit so it fits nicely at half width */
@media (max-width: 575px) {
    .hourseitem h3,
    .projecthome .item .description h3 {
        font-size: 0.85em !important;
        height: auto !important;
        line-height: 1.3 !important;
    }

    .hourseitem p,
    .projecthome .item .description p {
        font-size: 0.8em !important;
    }
}