/* ================================
   Responsive Breakpoints
   ================================ */

/* Large Desktop */
@media (max-width: 1400px) {
    .deco-circles {
        right: 13%;
        top: 58%;
    }

    .hero-house-icon {
        right: 21%;
        top: 56%;
    }

    /* Desktop */
    @media (max-width: 1200px) {
        .property-table-wrapper {
            overflow-x: auto;
        }
    }

    /* Ipad */
    @media (max-width: 1024px) {
        .deco-circles {
            right: 13%;
            top: 58%;
            display: none;
        }

        .hero-house-icon {
            display: none;
            right: 21%;
            top: 56%;
        }
    }

    /* Laptop / Tablet Landscape */
    @media (max-width: 992px) {
        .nav-actions {
            display: block;
        }

        .detail-item {
            flex-direction: row;
            gap: 8px;
        }
    }

    /* Tablet / Large Phones */
    @media (max-width: 768px) {
    }

    /* Mobile */
    @media (max-width: 767px) {
        .hero {
            padding-top: 100px;
        }

        .nav-content {
            height: 80px;
        }

        .logo-block img {
            height: 65px;
        }

        .logo-text {
            font-size: 0.8rem;
        }

        .shape-3,
        .shape-4 {
            display: none
        }

        footer {
            padding: 0px !important;
        }

        .footer-bottom {
            gap: 0;
        }

        .auth-header h1,
        .vendor-header h1 {
            font-size: 1.2rem;
        }

        .vendor-registration-container {
            padding: 70px 20px 30px 20px;
        }

        .vendor-header {
            margin-bottom: 20px;
        }

        .section-title {
            font-size: 18px;
            margin: 20px 0 20px 0;
        }

        .form-control,
        .form-control-file {
            font-size: 0.8rem;
        }

        .listing-actions {
            display: block !important;
        }

            .listing-actions .search-box {
                margin-bottom: 15px
            }

            .listing-actions .filter-btn {
                padding: 5px 10px;
            }

        .property-table th,
        .property-table td {
            font-size: 0.7rem;
        }

        .detail-item {
            flex-direction: column;
            gap: 5px;
        }
    }

    /* Mobile */
    @media (max-width: 576px) {
    }

    /* Small Mobile */
    @media (max-width: 360px) {
    }