/* ===================================
   Luxury Properties Page - Responsive Styles
   Optimized for 13" laptops and all devices
   =================================== */

/* 13" Laptop Optimization (1280px - 1440px) */
@media (min-width: 993px) and (max-width: 1440px) {
    /* Reduce section padding for smaller laptops */
    .dtr-box-padding {
        padding: 60px 40px !important;
    }
    
    /* Optimize hero section */
    #home h1 {
        font-size: 2.2rem !important;
        line-height: 1.3 !important;
    }
    
    #home .text-size-lg,
    #home .text-size-sm {
        font-size: 1rem !important;
    }
    
    /* Reduce button padding */
    .dtr-btn {
        padding: 12px 25px !important;
        font-size: 0.95rem !important;
    }
    
    /* Optimize feature icons and content */
    .dtr-feature-img i {
        font-size: 2rem !important;
    }
    
    .dtr-feature-content h5 {
        font-size: 1.1rem !important;
    }
    
    .dtr-feature-content p {
        font-size: 0.9rem !important;
    }
    
    /* Reduce heading sizes */
    h2 {
        font-size: 2rem !important;
    }
    
    h4 {
        font-size: 1.3rem !important;
    }
    
    h5 {
        font-size: 1.1rem !important;
    }
    
    /* Optimize property cards */
    .dtr-property-card img {
        height: 350px !important;
    }
    
    /* Reduce icon sizes in services section */
    .text-size-xxl {
        font-size: 2.5rem !important;
    }
    
    /* Optimize community cards */
    .dtr-community-card i {
        font-size: 2.5rem !important;
    }
}

/* Tablet Landscape (768px - 992px) */
@media (min-width: 768px) and (max-width: 992px) {
    /* Section spacing */
    .dtr-section {
        padding: 40px 0 !important;
    }
    
    .dtr-box-padding {
        padding: 40px 30px !important;
    }
    
    /* Hero section */
    #home h1 {
        font-size: 2rem !important;
        margin-bottom: 20px !important;
    }
    
    #home .text-size-lg,
    #home .text-size-sm {
        font-size: 0.95rem !important;
        margin-bottom: 30px !important;
    }
    
    /* Stack buttons vertically on tablets */
    .dtr-btn-wrapper .dtr-btn {
        display: block !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }
    
    /* Property cards */
    .dtr-property-card {
        margin-bottom: 30px !important;
    }
    
    .dtr-property-card img {
        height: 300px !important;
    }
    
    /* Features */
    .dtr-feature {
        margin-bottom: 25px !important;
    }
    
    /* Reduce spacers */
    .spacer-100 {
        height: 50px !important;
    }
    
    .spacer-50 {
        height: 30px !important;
    }
}

/* Mobile (up to 767px) */
@media (max-width: 767px) {
    /* Section spacing */
    .dtr-section {
        padding: 30px 0 !important;
    }
    
    .dtr-box-padding {
        padding: 30px 20px !important;
    }
    
    /* Hero section */
    #home h1 {
        font-size: 1.75rem !important;
        margin-bottom: 15px !important;
    }
    
    #home .text-size-lg,
    #home .text-size-sm {
        font-size: 0.9rem !important;
        margin-bottom: 25px !important;
    }
    
    /* Buttons full width on mobile */
    .dtr-btn-wrapper .dtr-btn {
        display: block !important;
        width: 100% !important;
        margin: 0 0 15px 0 !important;
        padding: 15px 20px !important;
        text-align: center !important;
    }
    
    /* Property cards */
    .dtr-property-card img {
        height: 250px !important;
    }
    
    .dtr-property-card h4 {
        font-size: 1.2rem !important;
    }
    
    .dtr-property-card p {
        font-size: 0.9rem !important;
    }
    
    /* Reduce all spacers */
    .spacer-100 {
        height: 30px !important;
    }
    
    .spacer-50 {
        height: 20px !important;
    }
    
    /* Section headings */
    .dtr-section-heading-wrapper h2 {
        font-size: 1.5rem !important;
        margin-bottom: 15px !important;
    }
    
    .dtr-section-heading-wrapper p {
        font-size: 0.9rem !important;
    }
    
    /* Features stack better */
    .dtr-feature {
        margin-bottom: 20px !important;
    }
    
    .dtr-feature-img i {
        font-size: 1.8rem !important;
    }
    
    /* Community cards */
    .dtr-community-card {
        margin-bottom: 30px !important;
        text-align: center !important;
    }
    
    /* Form improvements */
    .dtr-form-field {
        margin-bottom: 20px !important;
    }
    
    /* Trust indicators */
    .text-center h3 {
        font-size: 2rem !important;
    }
}

/* Extra small devices */
@media (max-width: 576px) {
    .dtr-box-padding {
        padding: 25px 15px !important;
    }
    
    #home h1 {
        font-size: 1.5rem !important;
    }
    
    .dtr-btn {
        font-size: 0.9rem !important;
        padding: 12px 15px !important;
    }
}

/* Hero Section Left Padding - Responsive */
@media (min-width: 768px) {
    #home .col-md-6[style*="padding-left"] {
        padding-left: 40px !important;
    }
}

@media (max-width: 767px) {
    #home .col-md-6[style*="padding-left"] {
        padding-left: 20px !important;
    }
}

@media (max-width: 576px) {
    #home .col-md-6[style*="padding-left"] {
        padding-left: 15px !important;
    }
}