From 70f2797703d9a01d6fc41e54c73dd69df9e97f5a Mon Sep 17 00:00:00 2001
From: selvi <selvi@metatroncube.in>
Date: Sat, 29 Nov 2025 19:44:34 +0530
Subject: [PATCH] details page updated

---
 src/components/Header.tsx          | 2 +-
 src/components/PropertyFilters.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index e061762..ad8a677 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -26,7 +26,7 @@ export default function Header() {
                     : "bg-transparent py-6"
                     }`}
             >
-                <div className="w-full px-[50px] flex items-center justify-between">
+                <div className="w-full px-[50px] max-[375px]:px-[25px] flex items-center justify-between">
                     <Link href="/" className="flex items-center gap-3 group">
                         <div className="relative w-60 h-20 transition-transform group-hover:scale-105 -left-[83px]">
                             <Image
diff --git a/src/components/PropertyFilters.tsx b/src/components/PropertyFilters.tsx
index 070d598..351bf2b 100644
--- a/src/components/PropertyFilters.tsx
+++ b/src/components/PropertyFilters.tsx
@@ -49,10 +49,10 @@ export default function PropertyFilters({ onFilterChange }: PropertyFiltersProps
     const hasActiveFilters = filters.search || filters.type !== "all" || filters.budgetMin || filters.budgetMax || filters.bhk !== "all" || filters.sortBy !== "popularity";
 
     return (
-        <div className="bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 sticky top-28 z-40">
-            <div className="max-w-7xl mx-auto px-6 py-4 max-[930px]:hidden">
+        <div className="bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 lg:sticky lg:top-28 lg:z-40">
+            <div className="max-w-7xl mx-auto px-6 py-4">
                 {/* Main Filter Bar */}
-                <div className="flex flex-col md:flex-row gap-4 items-center">
+                <div className="flex flex-col [@media(min-width:920px)]:flex-row gap-4 items-center">
                     {/* Search */}
                     <div className="flex-1 w-full">
                         <div className="relative">