Header format amended in admin pages

src/components/admin/property/propertyTypeList.vue

   <!-- eslint-disable max-len -->
   <div>
     <div class="container">
-      <section class="intro-single">
-        <div class="container">
-          <div class="row">
-            <div class="col-md-12 col-lg-8">
-              <div class="title-single-box">
-                <h1 class="title-single">Property Types</h1>
-              </div>
+      <!-- <section class="intro-single"> -->
+      <div class="container">
+        <br />
+        <br />
+        <br />
+        <br />
+        <div class="row">
+          <div class="col-md-12 col-lg-8">
+            <!-- <div class="title-single-box"> -->
+            <!-- <h1 class="title-single">Property Types</h1> -->
+            <!-- </div> -->
+            <div class="title-box-d">
+              <h1 class="title-d" style="text-align:left; font-size: 250%">Property Types</h1>
             </div>
+            <br />
           </div>
         </div>
-      </section>
+      </div>
+      <!-- </section> -->
     </div>
     <div class="container">
       <button type="button" @click="New()" class="btn btn-b-n" style="width: 85px; height:40px;">New</button>
         </tbody>
       </table>
     </div>
+    <br />
   </div>
 </template>
 

src/components/admin/property/userDefinedGroupsPage.vue

 <template>
   <!-- eslint-disable max-len -->
   <div>
-    <section class="intro-single">
-      <div class="container">
-        <div class="row">
-          <div class="col-md-12 col-lg-8">
-            <div class="title-single-box">
-              <h2 class="title-single">User Defined Groups List</h2>
-            </div>
+    <!-- <section class="intro-single"> -->
+    <div class="container">
+      <br />
+      <br />
+      <br />
+      <br />
+      <div class="row">
+        <div class="col-md-12 col-lg-8">
+          <!-- <div class="title-single-box"> -->
+          <!-- <h2 class="title-single">User Defined Groups List</h2> -->
+          <!-- </div> -->
+          <div class="title-box-d">
+            <h1 class="title-d" style="text-align:left; font-size: 250%">User Defined Groups List</h1>
           </div>
+          <br />
         </div>
       </div>
-    </section>
+    </div>
+    <!-- </section> -->
     <div class="container">
       <button type="button" @click="New()" class="btn btn-b-n" style="width: 85px; height:40px;">New</button>
       <table class="table table-bordered">
         </tbody>
       </table>
     </div>
+    <br />
   </div>
 </template>
 <script>

src/components/property/propertyList.vue

   <!-- eslint-disable max-len -->
   <div>
     <div class="container">
-      <section class="intro-single">
-        <div class="container">
-          <div class="row">
-            <div class="col-md-12 col-lg-8">
-              <div class="title-single-box">
-                <h1 v-if="user !== 'All'" class="title-single">My {{ propertyType }} Properties</h1>
-                <h1 v-else class="title-single">All {{ propertyType }} Properties</h1>
-              </div>
+      <!-- <section class="intro-single"> -->
+      <div class="container">
+        <br />
+        <br />
+        <br />
+        <br />
+        <div class="row">
+          <div class="col-md-12 col-lg-8">
+            <div class="title-box-d">
+              <h1
+                v-if="user !== 'All'"
+                class="title-d"
+                style="text-align:left; font-size: 250%"
+              >My {{ propertyType }} Properties</h1>
+              <h1
+                v-else
+                class="title-d"
+                style="text-align:left; font-size: 250%"
+              >All {{ propertyType }} Properties</h1>
             </div>
           </div>
         </div>
-      </section>
+      </div>
+      <!-- </section> -->
     </div>
     <div class="container">
       <table class="table table-bordered">
         </tbody>
       </table>
     </div>
+    <br />
   </div>
 </template>