diff --git a/components/haditha/NavigationMenu.vue b/components/haditha/NavigationMenu.vue
index 6bc9c1d..e144e05 100644
--- a/components/haditha/NavigationMenu.vue
+++ b/components/haditha/NavigationMenu.vue
@@ -343,7 +343,7 @@ onMounted(() => {
   }
 }
 
-@media screen and (max-width: 719.99px) {
+@media screen and (max-width: 991.99px) {
   .fixed {
     .my-navbar {
       height: 4.8em; // 76px;
diff --git a/pages/haditha/public-pages/about-us.vue b/pages/haditha/public-pages/about-us.vue
index 8286796..b64f240 100644
--- a/pages/haditha/public-pages/about-us.vue
+++ b/pages/haditha/public-pages/about-us.vue
@@ -31,7 +31,7 @@ const NavigationMenu = defineAsyncComponent(() =>
         <navigation-menu></navigation-menu>
 
         <div
-          class="page-header pt-10 md:pt-38 pb-4 flex justify-between items-center"
+          class="page-header pt-10 md:pt-10 lg:pt-38 pb-4 flex justify-between items-center"
         >
           <div class="flex items-center">
             <h1 class="m-0 title">درباره</h1>
diff --git a/pages/haditha/public-pages/contactus.vue b/pages/haditha/public-pages/contactus.vue
index 238374c..7d6cd9f 100644
--- a/pages/haditha/public-pages/contactus.vue
+++ b/pages/haditha/public-pages/contactus.vue
@@ -33,7 +33,7 @@ const NavigationMenu = defineAsyncComponent(() =>
         <navigation-menu></navigation-menu>
 
         <div
-          class="page-header pt-10 md:pt-38 pb-4 flex justify-between items-center"
+          class="page-header  pt-10 md:pt-10 lg:pt-38  pb-4 flex justify-between items-center"
         >
           <div class="flex items-center">
             <h1 class="m-0 title">تماس با ما</h1>
diff --git a/pages/haditha/public-pages/rules.vue b/pages/haditha/public-pages/rules.vue
index 52acafc..83aba9a 100644
--- a/pages/haditha/public-pages/rules.vue
+++ b/pages/haditha/public-pages/rules.vue
@@ -31,7 +31,7 @@ const NavigationMenu = defineAsyncComponent(() =>
         <navigation-menu></navigation-menu>
 
         <div
-          class="page-header pt-10 md:pt-38 pb-4 flex justify-between items-center"
+          class="page-header pt-10 md:pt-10 lg:pt-38 pb-4 flex justify-between items-center"
         >
           <div class="flex items-center">
             <h1 class="m-0 title">قوانین و مقررات</h1>