diff --git a/addons/default/visiosoft/default-theme/resources/css/sahb.css b/addons/default/visiosoft/default-theme/resources/css/sahb.css
index 713822daa..f7037e106 100644
--- a/addons/default/visiosoft/default-theme/resources/css/sahb.css
+++ b/addons/default/visiosoft/default-theme/resources/css/sahb.css
@@ -140,7 +140,7 @@
     text-decoration: underline;
 }
 
-.s-nav-search .navbar-form .input-group .s-search-input {
+.s-search-input {
     max-height: 34px;
 }
 
@@ -148,6 +148,20 @@
     display: flex;
 }
 
+.s-nav-search .navbar-form .input-group input {
+    max-height: 34px;
+}
+
+.s-nav-search .easy-autocomplete input {
+    max-height: 34px;
+}
+
+.easy-autocomplete-container {
+    width: 100% !important;
+    margin-top: 34px;
+}
+
+
 @media (max-width: 768px) {
     .s-container {
         margin-bottom: 70px;
diff --git a/addons/default/visiosoft/default-theme/resources/images/s-home-banner-web.png b/addons/default/visiosoft/default-theme/resources/images/s-home-banner-web.png
new file mode 100644
index 000000000..d8a647c2f
Binary files /dev/null and b/addons/default/visiosoft/default-theme/resources/images/s-home-banner-web.png differ
diff --git a/addons/default/visiosoft/default-theme/resources/images/s-home-banner.png b/addons/default/visiosoft/default-theme/resources/images/s-home-banner.png
new file mode 100644
index 000000000..bebe31dd4
Binary files /dev/null and b/addons/default/visiosoft/default-theme/resources/images/s-home-banner.png differ
diff --git a/addons/default/visiosoft/default-theme/resources/views/indexes/s-index.twig b/addons/default/visiosoft/default-theme/resources/views/indexes/s-index.twig
index ca88e29e3..79e85c8ca 100644
--- a/addons/default/visiosoft/default-theme/resources/views/indexes/s-index.twig
+++ b/addons/default/visiosoft/default-theme/resources/views/indexes/s-index.twig
@@ -1,6 +1,7 @@
 <div class="col-xs-12 col-sm-12 col-md-12 text-center s-home-banner visible-xs">
     <div class="col-md-12 visible-xs">
-        {{ setting_value('visiosoft.default.theme::s-type-banner-mobile-code','<img src="http://placehold.it/900x600">')|raw }}
+        {% set banner_default = img('theme::images/s-home-banner.png').url %}
+        {{ setting_value('visiosoft.default.theme::s-type-banner-mobile-code','<img src="'~banner_default~'">')|raw }}
     </div>
 </div>
 {% include "theme::partials/s-mobile-categories" %}
@@ -13,7 +14,8 @@
         <div class="row s-home-showcase">
             <div class="col-xs-12 col-sm-12 col-md-12 text-center s-home-banner hidden-xs">
                 <div class="col-md-12 hidden-xs">
-                    {{ setting_value('visiosoft.default.theme::s-type-banner-code','<img src="http://placehold.it/900x350">')|raw }}
+                    {% set banner_default = img('theme::images/s-home-banner-web.png').url %}
+                    {{ setting_value('visiosoft.default.theme::s-type-banner-code','<img src="'~banner_default~'"/>')|raw }}
                 </div>
             </div>
             {% include "theme::partials/home-showcase-s" %}
diff --git a/addons/default/visiosoft/default-theme/resources/views/partials/footer.twig b/addons/default/visiosoft/default-theme/resources/views/partials/footer.twig
index 515f31ed1..b296b2349 100644
--- a/addons/default/visiosoft/default-theme/resources/views/partials/footer.twig
+++ b/addons/default/visiosoft/default-theme/resources/views/partials/footer.twig
@@ -108,7 +108,7 @@
                 </a>
             </div>
             <div class="col-xs-2 center-block d-flex">
-                <a style="color: #333;">
+                <a href="#s-search-mobile-modal" class="trigger-btn" data-toggle="modal" style="color: #333;">
                     <span class="menu-icon fa fa-search"></span>{{ trans('visiosoft.module.advs::field.search') }}
                 </a>
             </div>
@@ -129,6 +129,11 @@
             </div>
         </div>
 </footer>
+
+{% include "theme::partials/s-search-modal" %}
+
+
+
 {% if setting('visiosoft.module.advs::google_statistic_code') != "" %}
     <script async
             src="https://www.googletagmanager.com/gtag/js?id={{ setting('visiosoft.module.advs::google_statistic_code') }}"></script>
diff --git a/addons/default/visiosoft/default-theme/resources/views/partials/nav-s.twig b/addons/default/visiosoft/default-theme/resources/views/partials/nav-s.twig
index 9ba14c9e6..303b1135b 100644
--- a/addons/default/visiosoft/default-theme/resources/views/partials/nav-s.twig
+++ b/addons/default/visiosoft/default-theme/resources/views/partials/nav-s.twig
@@ -16,9 +16,15 @@
                 </div>
 
                 <div class=" col-sm-4 col-md-offset-1 col-md-5 s-nav-search hidden-xs">
-                    <form class="navbar-form" role="search">
+                    <form action="{{ url('advs/list') }}" method="get">
                         <div class="input-group">
-                            <input type="text" class="form-control s-search-input" placeholder="Search" name="q">
+                            {% set SearchPlaceHolder = entries('cats','placeholderforsearch').get() %}
+                            <input type="text" name="keyword" data-period="2000"
+                                   data-type='[{% for placeholder in SearchPlaceHolder %}"{{ placeholder.name }}","...",{% endfor %}"..."]'
+                                   class="form-control s-search-input search-ac" placeholder=" Type your key word"
+                                   id="search_ac_navigator">
+                            <input type="hidden" value="{{ cats[0].id }}" name="cat"
+                                   id="searchable_category_input" class="select-category-navigation-id">
                             <div class="input-group-btn">
                                 <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                             </div>
@@ -45,40 +51,40 @@
                                     {% include "theme::partials/links" %}
                                 </ul>
                             </li>
-                        {% if entries('advs').isEnabled('messages') %}
-                            <li class="dropdown s-nav-links">
-                                <a class="dropdown-toggle s-nav-toggle" data-toggle="dropdown" href="#">
-                                    <i class="fas fa-envelope"></i>
-                                </a>
-                                    <ul class="dropdown-menu s-nav-dropdown">
-                                        <li><a href="#">Page 1-1</a></li>
-                                        <li><a href="#">Page 1-2</a></li>
-                                        <li><a href="#">Page 1-3</a></li>
-                                    </ul>
-                            </li>
-                         {% endif %}
-                        {% if entries('advs').isEnabled('favs') %}
-                            <li class="dropdown s-nav-links">
-                                <a class="dropdown-toggle s-nav-toggle" data-toggle="dropdown" href="#">
-                                    <i class="fas fa-star"></i>
-                                </a>
-                                <ul class="dropdown-menu s-nav-dropdown">
-                                    <li><a href="#">Page 1-1</a></li>
-                                    <li><a href="#">Page 1-2</a></li>
-                                    <li><a href="#">Page 1-3</a></li>
-                                </ul>
-                            </li>
-                            <li class="dropdown s-nav-links">
-                                <a class="dropdown-toggle s-nav-toggle" data-toggle="dropdown" href="#">
-                                    <i class="fab fa-searchengin"></i>
-                                </a>
-                                <ul class="dropdown-menu s-nav-dropdown">
-                                    <li><a href="#">Page 1-1</a></li>
-                                    <li><a href="#">Page 1-2</a></li>
-                                    <li><a href="#">Page 1-3</a></li>
-                                </ul>
-                            </li>
-                        {% endif %}
+{#                        {% if entries('advs').isEnabled('messages') %}#}
+{#                            <li class="dropdown s-nav-links">#}
+{#                                <a class="dropdown-toggle s-nav-toggle" data-toggle="dropdown" href="#">#}
+{#                                    <i class="fas fa-envelope"></i>#}
+{#                                </a>#}
+{#                                    <ul class="dropdown-menu s-nav-dropdown">#}
+{#                                        <li><a href="#">Page 1-1</a></li>#}
+{#                                        <li><a href="#">Page 1-2</a></li>#}
+{#                                        <li><a href="#">Page 1-3</a></li>#}
+{#                                    </ul>#}
+{#                            </li>#}
+{#                         {% endif %}#}
+{#                        {% if entries('advs').isEnabled('favs') %}#}
+{#                            <li class="dropdown s-nav-links">#}
+{#                                <a class="dropdown-toggle s-nav-toggle" data-toggle="dropdown" href="#">#}
+{#                                    <i class="fas fa-star"></i>#}
+{#                                </a>#}
+{#                                <ul class="dropdown-menu s-nav-dropdown">#}
+{#                                    <li><a href="#">Page 1-1</a></li>#}
+{#                                    <li><a href="#">Page 1-2</a></li>#}
+{#                                    <li><a href="#">Page 1-3</a></li>#}
+{#                                </ul>#}
+{#                            </li>#}
+{#                            <li class="dropdown s-nav-links">#}
+{#                                <a class="dropdown-toggle s-nav-toggle" data-toggle="dropdown" href="#">#}
+{#                                    <i class="fab fa-searchengin"></i>#}
+{#                                </a>#}
+{#                                <ul class="dropdown-menu s-nav-dropdown">#}
+{#                                    <li><a href="#">Page 1-1</a></li>#}
+{#                                    <li><a href="#">Page 1-2</a></li>#}
+{#                                    <li><a href="#">Page 1-3</a></li>#}
+{#                                </ul>#}
+{#                            </li>#}
+{#                        {% endif %}#}
                         {% else %}
                             <li class="s-nav-links">
                                 <a href="{{ url_route('stream::login-route') }}">{{ trans('visiosoft.theme.default::fields.sign-in') }}</a>
diff --git a/addons/default/visiosoft/default-theme/resources/views/partials/s-search-modal.twig b/addons/default/visiosoft/default-theme/resources/views/partials/s-search-modal.twig
new file mode 100644
index 000000000..785febb5f
--- /dev/null
+++ b/addons/default/visiosoft/default-theme/resources/views/partials/s-search-modal.twig
@@ -0,0 +1,26 @@
+<div id="s-search-mobile-modal" class="modal fade">
+    <div class="modal-dialog modal-login">
+        <div class="modal-content">
+            <form action="{{ url('advs/list') }}" method="get">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                    <h3 class="modal-title"><i class="fas fa-search"></i> <b>Search</b></h3>
+                </div>
+                <div class="modal-body">
+                    <div class="form-group">
+                        {% set SearchPlaceHolder = entries('cats','placeholderforsearch').get() %}
+                        <input type="text" name="keyword" data-period="2000"
+                               data-type='[{% for placeholder in SearchPlaceHolder %}"{{ placeholder.name }}","...",{% endfor %}"..."]'
+                               class="form-control search-ac" placeholder=" Type your key word"
+                               id="search_ac_navigator">
+                        <input type="hidden" value="{{ cats[0].id }}" name="cat"
+                               id="searchable_category_input" class="select-category-navigation-id">
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> Search</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
\ No newline at end of file