diff --git a/master_search/static/description/assets/video/master_search.mp4 b/master_search/static/description/assets/video/master_search.mp4
new file mode 100644
index 000000000..8310b4156
Binary files /dev/null and b/master_search/static/description/assets/video/master_search.mp4 differ
diff --git a/master_search/static/description/assets/video/master_search.ogg b/master_search/static/description/assets/video/master_search.ogg
new file mode 100644
index 000000000..ed089561c
Binary files /dev/null and b/master_search/static/description/assets/video/master_search.ogg differ
diff --git a/master_search/static/description/assets/video/master_search.webm b/master_search/static/description/assets/video/master_search.webm
new file mode 100644
index 000000000..357c7d058
Binary files /dev/null and b/master_search/static/description/assets/video/master_search.webm differ
diff --git a/master_search/static/description/index.html b/master_search/static/description/index.html
index 96e472745..75ae011aa 100644
--- a/master_search/static/description/index.html
+++ b/master_search/static/description/index.html
@@ -1,5 +1,5 @@
 <!--- HERO CONTAINER  -->
- <section class="container" style="padding: 6rem 1.5rem;">
+<section class="container" style="padding: 6rem 1.5rem;">
   <div class="row">
     <div class="col-lg-6 d-flex flex-column justify-content-center">
       <h1
@@ -15,12 +15,14 @@
 
       <span class="d-flex align-items-center" style="margin: -0.5rem 0rem 0rem -0.4rem !important;">
         <img src="./assets/icons/chevron.png" height="18" width="18" class="img-responsive mr-1">
-        <p class="mt-3" style="font-family: Montserrat, 'sans-serif'; font-weight: 500;">Dynamic Search View Option</p>
+        <p class="mt-3" style="font-family: Montserrat, 'sans-serif'; font-weight: 500;">Dynamic Search View Option
+        </p>
       </span>
 
       <span class="d-flex align-items-center" style="margin: -1rem 0rem 0rem -0.4rem !important;">
         <img src="./assets/icons/chevron.png" height="18" width="18" class="img-responsive mr-1">
-        <p class="mt-3" style="font-family: Montserrat, 'sans-serif'; font-weight: 500;">Easily Search Records in Customers, Products, Sale, Purchase, Inventory and Accounting Data </p>
+        <p class="mt-3" style="font-family: Montserrat, 'sans-serif'; font-weight: 500;">Easily Search Records in
+          Customers, Products, Sale, Purchase, Inventory and Accounting Data </p>
       </span>
 
       <span class="d-flex align-items-center" style="margin: -1rem 0rem 0rem -0.4rem !important;">
@@ -37,7 +39,22 @@
   </div>
 </section>
 <!--- END OF HERO CONTAINER  -->
-
+<!-- VIDEO SECTION -->
+<section id="video" class="" style="padding:2rem 3rem 3rem; height:auto">
+  <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+    <h2 class="text-center"
+      style="font-family: Montserrat, 'sans-serif'; color: #000 !important; font-weight: 800 !important; font-size: 2rem !important; width: 80%; margin-bottom: 3rem !important;">
+      Master Search Video Demo</h2>
+  </div>
+  <div class="col-md-12" style="padding:0; text-align:center; margin-bottom:50px">
+    <video width="60%" height="480px;" controls="">
+      <source src="./assets/video/master_search.mp4" type="video/mp4">
+      <source src="./assets/video/master_search.ogg" type="video/ogg">
+      <source src="./assets/video/master_search.webm" type="video/webm">
+    </video>
+  </div>
+</section>
+<!-- END OF VIDEO SECTION-->
 
 <!--- OVERVIEW CONTAINER  -->
 <section class="container" style="background-color: #ffffff !important; padding: 4rem 3rem;">
@@ -50,7 +67,8 @@
 
     <div class="col-lg-12 mt-3">
       <p class="mt-3 text-center" style="font-family: Montserrat, 'sans-serif'; font-weight: 500; font-size: 1rem;">
-        Master Search module enables advance and simple search in different modules. It helps users to search the records
+        Master Search module enables advance and simple search in different modules. It helps users to search the
+        records
         in Customers, Products, Sale, Purchase, Inventory and Accounting Modules for
         'Master Search' group users. Possible to search using different attributes like name, reference, number, etc.
       </p>
@@ -63,7 +81,7 @@
 
 
 <!--- FEATURES CONTAINER  -->
- <section class="container" style="background-color: #ffffff !important; padding: 4rem 3rem;">
+<section class="container" style="background-color: #ffffff !important; padding: 4rem 3rem;">
   <div class="row">
     <div class="col-lg-6">
       <div class="d-flex flex-column justify-column-center align-items-center"
@@ -347,8 +365,7 @@
         <!-- Left and right controls -->
         <a class="carousel-control-prev" href="#suggestedSlider" data-slide="prev" style="width:35px; color:#000">
           <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span>
-        </a> <a class="carousel-control-next" href="#suggestedSlider" data-slide="next"
-          style="width:35px; color:#000">
+        </a> <a class="carousel-control-next" href="#suggestedSlider" data-slide="next" style="width:35px; color:#000">
           <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span>
         </a>
       </div>
@@ -588,8 +605,7 @@
   </div>
 
   <!-- Contact Cards -->
-  <div class="row d-flex justify-content-center align-items-center"
-    style="max-width:1540px; margin: 0 auto 2rem auto;">
+  <div class="row d-flex justify-content-center align-items-center" style="max-width:1540px; margin: 0 auto 2rem auto;">
 
     <div class="col-lg-12" style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">