@media ( min-width: 0px) and ( max-width: 1199px) {
	.container-padding{padding: 0px 20px;}
	.signup-form-container .title{font-size: 18px;}
	.signup-form-container .already-text {font-size: 16px;}
	.newsletter-section .title {font-size: 20px;}
	.newsletter-section .sub-title{font-size: 16px;}
	.btn.btn-viewall {font-size: 18px;height: 60px;margin-top: 10px;}
	
	.login-section{margin-top: 46px;}
	.agent-card-container .sub-title {font-size: var(--30px);}
}

/* ============================= */
/* 📱 MOBILE (up to 576px) */
/* ============================= */
@media (max-width: 576px) {

	/* HEADER */
	.view_property_section .header-card {
		flex-direction: column;
		gap: 15px;
		align-items: flex-start;
	}

	.view_property_section .header-box {
		width: 100%;
		flex-direction: column;
		gap: 10px;
	}

	.view_property_section .info-box {
		width: 100%;
		justify-content: flex-start;
	}

	/* TABS (horizontal scroll) */
	.view_property_section .tabs {
		overflow-x: auto;
		white-space: nowrap;
		padding-bottom: 5px;
	}

	.view_property_section .tab {
		flex: 0 0 auto;
	}

	/* CARDS */
	.view_property_section .cards {
		grid-template-columns: 1fr;
	}

	/* TABLE */
	.view_property_section .table-container {
		overflow-x: auto;
	}

	.view_property_section table {
		min-width: 800px; /* prevents breaking */
	}
	
	.signup-image{display: none;}
}


/* ============================= */
/* 📲 TABLET (577px - 991px) */
/* ============================= */
@media (min-width: 577px) and (max-width: 991px) {

	/* HEADER */
	.view_property_section .header-card {
		flex-direction: column;
		gap: 20px;
	}

	.view_property_section .header-box {
		justify-content: flex-start;
	}

	/* CARDS */
	.view_property_section .cards {
		grid-template-columns: repeat(2, 1fr);
	}

	/* TABLE */
	.view_property_section .table-container {
		overflow-x: auto;
	}

	.view_property_section table {
		min-width: 900px;
	}
}


/* ============================= */
/* 💻 SMALL DESKTOP (992px - 1199px) */
/* ============================= */
@media (min-width: 992px) and (max-width: 1199px) {

	.view_property_section .cards {
		grid-template-columns: repeat(3, 1fr);
	}
}


/* ============================= */
/* 🖥 LARGE DESKTOP (1200px+) */
/* ============================= */
@media (min-width: 1200px) {

	.view_property_section .cards {
		grid-template-columns: repeat(3, 1fr);
	}
}

/***** Start Main menu *******/

/* MOBILE MENU */
@media (max-width: 576px) {

    .menu-section {
        display: flex;
        flex-wrap: wrap; /* KEY LINE */
        gap: 8px;
        padding: 10px;
        background: #fff;
    }

    .menu-section a {
        flex: 1 1 calc(50% - 8px); /* 2 per row */
        text-align: center;
        padding: 10px;
        font-size: 13px;
        border-radius: 10px;
        background: #f3f4f6;
        text-decoration: none;
        color: #333;
    }

    .menu-section a.active {
        background: #1f3b3a;
        color: #fff;
    }
}

/*** End Main menu *****/

/***** Start property section *******/

/* =========================
   TABLET (<= 992px)
========================= */
@media (max-width: 992px) {

    .property-img {
        width: 90px;
        height: 70px;
    }

    .details-grid {
        grid-template-columns: repeat(2, auto);
        gap: 5px 10px;
    }

    .property-title {
        font-size: 14px;
    }

    .price {
        font-size: 14px;
    }
}


/* =========================
   MOBILE (<= 768px)
========================= */
@media (max-width: 768px) {

    .property-list table thead {
        display: none; /* hide header */
    }

    .property-list table, .property-list tbody, .property-list tr, .property-list td {
        display: block;
        width: 100%;
    }
	
    .property-list tbody tr {
        margin-bottom: 15px;
        border: 1px solid #eee;
        border-radius: 10px;
        /*padding: 10px;*/
    }

    .property-list td {
        padding: 8px 0;
    }

    /* Property section full width */
    .property-list .property {
        flex-direction: row;
        align-items: flex-start;
		padding-left: 10px;
    }
	
	.property-section .detail {
		padding-left: 10px;
	}

    /* Details grid → stack */
    .property-list .details-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Price align */
    .property-list .price {
        margin-top: 5px;
		padding-left: 10px;
    }

    /* Action buttons */
    .property-list td:last-child {
        display: flex;
        gap: 10px;
        margin-top: 10px;
    }
	
	.chat-bot #chat-box {
		width: 355px;
		height: 540px;
	}
	
	.image-wrapper #download-btn {padding: 10px 12px;font-size: 18px;}
	
	.mobile-sm-none{display: none;}
	.pc-sm-none{display: block;}
	
	.property_section .btn {margin: 0px 10px;}
	.mt50{margin: 0px;}
	.property_title {-webkit-line-clamp: 2;}
	
	.mobile-view-property{
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important; /* 👈 centers image */
	}
	.mobile-view-property .property-img {
		width: 150px; /* or your preferred size */
		height: auto;
		margin-bottom: 8px;
	}
	.mobile-view-property .property_details {
		width: 100%;
	}
}


/* =========================
   SMALL MOBILE (<= 480px)
========================= */
@media (max-width: 480px) {

    .property {
        flex-direction: column;
        align-items: flex-start;
    }

    .property-img {
        width: 100%;
        height: 160px;
    }

    .details-grid {
        grid-template-columns: 1fr;
    }

    .property-title {
        font-size: 14px;
    }

    .property-location,
    .property-sub {
        font-size: 12px;
    }

    .action-btn {
        width: 100%;
    }
}

/**** End Property section  *********/

/* RESPONSIVE */
@media (max-width: 900px) {.view_property_section .cards {grid-template-columns: 1fr;}}