@media screen and (min-width: 1400px) {
}
@media screen and (max-width: 1365px) {
.stats-box {
padding: 18px;
}
.stats-box .media p {
font-size: 14px;
}
.houzez-data-table table tbody tr td,
.houzez-data-table table thead tr th {
font-size: 14px;
padding: 10px;
}
}
@media screen and (max-width: 1199px) {
.header {
padding: 0 16px;
}
.dashboard-sidebar {
z-index: 10;
transform: translateX(-100%);
}
.dashboard-right {
margin: 0;
}
.header-left ul {
gap: 16px;
}
.sidebar-collapsed .dashboard-sidebar {
transform: translateX(0);
}
.houzez-data-table table tbody tr td,
.houzez-data-table table thead tr th {
font-size: 14px;
padding: 10px;
}
}
@media screen and (max-width: 991px) {
.propertie-list {
overflow-y: auto;
}
.propertie-list ul {
width: 900px;
}
.lead-filter form {
flex-direction: column;
align-items: self-start;
}
.lead-filter .filter-right {
width: 100%;
}
.lead-filter .filter-right .relative {
width: 100%;
}
.lead-filter .filter-right .form-control {
width: 100%;
}
.lead-filter .add-export-btn {
margin-bottom: 20px;
}
.houzez-inquiry {
flex-direction: column;
}
.inquiry-detail {
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
.user-dropdown span {
display: none;
}
.user-dropdown i {
margin-left: 4px;
}
.houzez-data-table table tbody tr td .image-holder {
width: 75px;
}
.houzez-data-table table tbody tr td .text-box h4 a {
font-size: 12px;
line-height: 18px;
}
.houzez-data-table table tbody tr td .text-box address {
font-size: 10px;
line-height: 14px;
}
.status {
height: 20px;
font-size: 10px;
padding: 0 6px;
}
.houzez-table-filters form {
align-items: flex-start;
flex-direction: column;
gap: 16px;
}
.filter-left {
width: 100%;
}
.filter-left .form-control {
width: 100%;
height: 38px;
}
.filter-right {
margin-left: 0;
width: 100%;
align-items: flex-start;
flex-direction: column;
}
.filter-right .relative {
flex: 1;
width: 100%;
}
.filter-right .form-control {
width: 100%;
}
.filter-right .dropdown {
width: 100%;
}
.fiter-btn {
width: 100%;
}
.houzez-sorting {
gap: 20px;
flex-direction: column;
}
.lead-filter .btn-primary {
width: 100%;
}
.lead-filter .add-export-btn {
margin-bottom: 0;
}
.lead-filter .add-export-btn ul {
flex-wrap: wrap;
}
.lead-filter .add-export-btn ul li {
width: 48%;
}
.houzez-invoice-filter form {
grid-template-columns: 6fr 6fr;
}
.modal-dialog {
max-width: 95%;
margin: 0 auto;
}
}
@media screen and (max-width: 575px) {
.stats-box {
padding: 24px;
}
.stats-box .media p {
font-size: 16px;
}
.heading .heading-text h2 {
font-size: 20px;
}
.result-fund p {
font-size: 12px;
}
.houzez-invoice-filter form {
grid-template-columns: 12fr;
}
.heading .heading-text p {
font-size: 12px;
}
.houzez-invoice-filter {
padding: 16px;
}
.membership-inner h4 {
font-size: 16px;
}
.membership-inner span {
padding: 3px 10px;
font-size: 12px;
height: 25px;
}
.houzez-membership ul li {
font-size: 14px;
}
.houzez-data-table table tbody tr td .text-box h5 {
font-size: 12px;
}
.time-span {
font-size: 12px;
margin-bottom: 6px;
margin-top: 8px;
}
.houzez-data-table table tbody tr td .text-box ul li {
font-size: 11px;
margin-bottom: 4px;
}
.modal-header {
padding: 16px;
}
.modal-body {
padding: 16px;
}
.modal-list h4 {
font-size: 14px;
margin-bottom: 6px;
}
.modal-list p {
font-size: 12px;
}
.modal-head address {
font-size: 12px;
line-height: 18px;
}
.invoice-bill p {
font-size: 12px;
margin-bottom: 1px;
}
.invoice-bill {
margin-bottom: 20px;
}
.invoice-description {
margin: 20px 0 0 0;
}
.modal-footer {
padding: 16px;
}
.modal-footer .add-export-btn ul {
flex-wrap: wrap;
}
.modal-dialog {
height: 90%;
margin: 30px auto 0;
} .houzez-message-box .heading {
flex-direction: column;
align-items: flex-start;
}
.houzez-message-box {
padding: 16px;
}
.customer-replay-box {
padding: 10px;
}
.customer-replay-detail { 
gap: 10px;
}
.customer-image {
width: 34px;
height: 34px; 
}
.customer-message {  
gap: 8px;
margin-top: 20px; 
}
.customer-message .text-box h4 { 
font-size: 14px; 
}
.customer-box-right h4 {
font-size: 12px; 
}
.customer-replay-detail .form-control {
padding: 10px; 
height: 100px;
font-size: 12px;
margin: 10px 0 10px;
}
.customer-box-right span { 
font-size: 10px; 
}
.customer-box-right p { 
font-size: 14px; 
margin-top: 5px;
}
.customer-image i { 
font-size: 12px;
}
}
@media screen and (max-width: 370px) {
}
@media (max-width: 991.98px) {
.table-responsive .table thead,
.table-responsive .table tbody,
.table-responsive .table th,
.table-responsive .table td,
.table-responsive .table tr {
display: block;
}
}
@media (max-width: 991.98px) {
.table-responsive .table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
}
@media (max-width: 991.98px) {
.table-responsive .table tr {
margin-bottom: 20px;
}
}
.table-responsive .table td {
vertical-align: middle;
}
@media (max-width: 991.98px) {
.table-responsive .table td {
position: relative;
padding-left: 40% !important;
min-height: 46px;
}
}
@media (max-width: 991.98px) {
.table-responsive .table td:last-of-type {
border-bottom: none;
}
}
@media (max-width: 991.98px) {
.table-responsive .table td:before {
position: absolute;
top: 10px;
left: 15px;
width: 40%;
white-space: nowrap;
font-weight: 700;
content: attr(data-label);
text-align: left;
}
}