diff --git a/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig b/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
index 3dc3fbaad..7494b9077 100644
--- a/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
@@ -10,10 +10,10 @@
         {{ addBlock('ad-list/partials/gallery',{'featured_advs': featured_advs, 'vars': _context})|raw }}
 
         {% for adv in advs %}
-            <div class="col-xl-4 col-lg-6">
-                <div class="d-flex flex-column product-hb gallery-card pb-3 px-1 border shadow-sm rounded">
+            <div class="col-xl-4 col-6 p-sm-3 p-0">
+                <div class="d-flex flex-column product-hb gallery-card pb-3 px-1 pt-1 border shadow-sm rounded">
                     {{ addBlock('list/extra-actions', {'ad': adv, 'vars': _context}, ['favs', 'comparisons'])|raw }}
-                    <div class="product-image-hb">
+                    <div class="product-image-hb p-sm-3 p-1 mt-lg-2 mt-4">
                         <a href="{{ adv.detail_url }}">
                             <img class="product-image-in" src="{{ adv.cover_photo }}" alt="{{ adv.name }}">
                         </a>
@@ -40,10 +40,7 @@
 {% endblock %}
 
 {% block styles %}
-    <style>
-        {{ asset_inline('visiosoft.theme.base::css/theme.css') }}
-    </style>
-    {{ asset_style('visiosoft.module.advs::css/list.css') }}
+    {{ asset_style('visiosoft.theme.base::css/gallery.css') }}
     {{ asset_style('visiosoft.module.advs::css/list-new.scss') }}
 {% endblock %}
 
diff --git a/addons/default/visiosoft/advs-module/resources/views/list/list.twig b/addons/default/visiosoft/advs-module/resources/views/list/list.twig
index cb08f0329..8849f19cc 100644
--- a/addons/default/visiosoft/advs-module/resources/views/list/list.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/list/list.twig
@@ -7,9 +7,7 @@
 
 {% block content %}
 
-    {% include "visiosoft.module.advs::list/partials/mobile-list" %}
-
-    <div id="listingPage" class="d-none d-sm-block">
+    <div id="listingPage" class="">
 
         {% include "visiosoft.module.advs::list/partials/breadcrumb" %}
 
@@ -17,7 +15,7 @@
 
             {% include "visiosoft.module.advs::list/partials/list-filter" %}
 
-            <div id="listingContainer" class="flex-fill ml-4">
+            <div id="listingContainer" class="flex-fill ml-s-4 ml-0">
                 <div id="pageTitle" class="d-flex justify-content-between border-bottom pb-2 px-3 mb-3">
                     <p>
                         {{ trans('visiosoft.module.advs::field.search_ad_result_text', {
@@ -67,7 +65,7 @@
 
                 {{ addBlock('ads-list/row',{'topfields':topfields,'selectRange':selectRange,'advs':advs, 'mainCats':mainCats|length})|raw }}
 
-                <div id="listingWrapper" class="border rounded p-3">
+                <div id="listingWrapper" class="border rounded p-s-3 p-0">
                     {% block listContent %}
                         {% include "visiosoft.module.advs::list/partials/ads" %}
                     {% endblock %}
diff --git a/addons/default/visiosoft/advs-module/resources/views/list/partials/breadcrumb.twig b/addons/default/visiosoft/advs-module/resources/views/list/partials/breadcrumb.twig
index 141ae835f..06e504837 100644
--- a/addons/default/visiosoft/advs-module/resources/views/list/partials/breadcrumb.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/list/partials/breadcrumb.twig
@@ -1,6 +1,6 @@
-<div id="breadcrumb" class="border-bottom border-right border-left d-flex justify-content-between">
+<div id="breadcrumb" class="border-bottom border-right border-left d-flex justify-content-between pl-s-3 p-0">
     <div class="overflow-hidden d-flex align-items-center">
-        <span class="text-truncate">
+        <span class="text-truncate d-s-block d-none">
             <a href="{{ url('/') }}" data-toggle="tooltip" data-placement="bottom"
                title="{{ trans("visiosoft.module.advs::field.home") }}">
                 {{ trans("visiosoft.module.advs::field.home") }}
diff --git a/addons/default/visiosoft/advs-module/resources/views/list/partials/list-filter.twig b/addons/default/visiosoft/advs-module/resources/views/list/partials/list-filter.twig
index 678a8ca6c..2b68a5e31 100644
--- a/addons/default/visiosoft/advs-module/resources/views/list/partials/list-filter.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/list/partials/list-filter.twig
@@ -3,7 +3,7 @@
 {% set citySlug = pathInfo|length is same as(4) ? pathInfo[3] : null %}
 {% set formAction = catSlug ? url_route('adv_list_seo', [catSlug, citySlug]) : url_route('visiosoft.module.advs::list') %}
 <form action="{{ formAction }}" method="get" id="{{ (filter_id) ? filter_id : "listFilterForm" }}" rel="nofollow"
-      class="flex-shrink-0">
+      class="flex-shrink-0 d-md-block d-none">
     <input type="hidden" name="cat" value="{{ app.request.get('cat') }}">
     <input type="hidden" name="user" value="{{ app.request.get('user') }}">
 
diff --git a/addons/default/visiosoft/advs-module/resources/views/list/partials/mobile-list.twig b/addons/default/visiosoft/advs-module/resources/views/list/partials/mobile-list.twig
deleted file mode 100644
index 686b87377..000000000
--- a/addons/default/visiosoft/advs-module/resources/views/list/partials/mobile-list.twig
+++ /dev/null
@@ -1,46 +0,0 @@
-<div id="mobileListingPage" class="d-sm-none mb-5">
-    {% if setting_value('visiosoft.module.advs::show_subcats_mobile') %}
-        {% include "visiosoft.module.advs::list/partials/sub-categories-mobile" %}
-    {% endif %}
-    {% if not hideBreadcrump %}
-        {% include "visiosoft.module.advs::list/partials/mobile-breadcrumb" %}
-    {% endif %}
-
-    {% if not hideActions %}
-        <div id="mobileListNav" class="d-flex p-2 align-items-center mb-1">
-            <div id="filter_modal_btn" class="d-flex flex-column align-items-center mobile-list-nav-item">
-                {{ img('visiosoft.module.advs::images/listing/mobile-filter.svg').data|raw }}
-                <p class="mt-1">{{ trans('visiosoft.module.advs::field.filter') }}</p>
-            </div>
-            <div class="divider"></div>
-            <div id="sort_modal_btn" class="d-flex flex-column align-items-center mobile-list-nav-item">
-                {{ img('visiosoft.module.advs::images/listing/mobile-sort.svg').data|raw }}
-                <p class="mt-1">{{ trans('visiosoft.module.advs::field.sort') }}</p>
-            </div>
-            <div class="divider"></div>
-
-            {{ addBlock('ads-list/mobile/action-bar')|raw }}
-
-        </div>
-    {% endif %}
-
-    <div id="mobileListing">
-        {{ addBlock('ad-list/partials/mobile-list', {'featured_advs': featured_advs, 'vars': _context})|raw }}
-
-        {% for adv in advs %}
-            <a href="{{ adv.detail_url }}" class="listing-item d-flex p-2">
-                <img src="{{ adv.cover_photo }}" alt="{{ adv.name }}" class="rounded-sm">
-                <div class="ml-3 mt-1">
-                    <h6 class="mb-1">{{ adv.name }}</h6>
-                    {% if listLocation %}
-                        <p class="mb-1">{{ adv.country_name }} / {{ adv.city_name }}</p>
-                    {% endif %}
-                    <p>{{ adv.price != '0' ? currency_format(adv.price,adv.currency) : trans('visiosoft.module.advs::field.free') }}</p>
-                </div>
-            </a>
-        {% endfor %}
-    </div>
-
-    {% include "visiosoft.module.advs::list/partials/pagination" %}
-
-</div>
diff --git a/addons/default/visiosoft/base-theme/resources/css/gallery.css b/addons/default/visiosoft/base-theme/resources/css/gallery.css
new file mode 100644
index 000000000..358973d33
--- /dev/null
+++ b/addons/default/visiosoft/base-theme/resources/css/gallery.css
@@ -0,0 +1,66 @@
+.product-hb {
+    font-family: -apple-system,
+    BlinkMacSystemFont,
+    Arial,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif !important;
+    height: 500px;
+    margin-bottom: 20px;
+}
+
+.heart-icon {
+    width: 36px;
+    height: 36px;
+    border-radius: 50%;
+    font-size: 18px;
+    color: rgb(109, 109, 109);
+    background-color: rgb(245, 245, 245);
+    position: absolute;
+    right: 25px;
+    top: 15px;
+    cursor: pointer;
+}
+
+.product-image-hb {
+    display: flex;
+    justify-content: center;
+    width:100%;
+    height: 500px;
+    padding: 10px;
+}
+
+.product-image-in {
+    width: 100%;
+    height: 100%;
+    object-fit:cover;
+    border-radius: 6px;
+}
+
+.product-name-hb {
+    font-size: 12px;
+    line-height: 18px;
+    margin-top: 0;
+    font-weight: normal;
+}
+.line-clamp {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.product-price-hb {
+    font-size: 24px;
+    font-weight:bolder;
+    background-color: rgb(244,244,244);
+    height: 50px;
+}
+.fs-14{
+    font-size: 14px;
+}
\ No newline at end of file
diff --git a/addons/default/visiosoft/base-theme/resources/css/theme.css b/addons/default/visiosoft/base-theme/resources/css/theme.css
index ea5abc457..4255e2f76 100644
--- a/addons/default/visiosoft/base-theme/resources/css/theme.css
+++ b/addons/default/visiosoft/base-theme/resources/css/theme.css
@@ -24,73 +24,4 @@
     .register-section {
         padding: 100px 50px;
     }
-}
-
-.product-hb {
-    font-family: -apple-system,
-    BlinkMacSystemFont,
-    Arial,
-    Roboto,
-    Oxygen,
-    Ubuntu,
-    Cantarell,
-    Fira Sans,
-    Droid Sans,
-    Helvetica Neue,
-    sans-serif !important;
-    height: 500px;
-    margin-bottom: 20px;
-}
-
-.heart-icon {
-    width: 36px;
-    height: 36px;
-    border-radius: 50%;
-    font-size: 18px;
-    color: rgb(109, 109, 109);
-    background-color: rgb(245, 245, 245);
-    position: absolute;
-    right: 25px;
-    top: 15px;
-    cursor: pointer;
-}
-
-.product-image-hb {
-    display: flex;
-    justify-content: center;
-    width:100%;
-    height: 500px;
-    padding: 10px;
-}
-
-.product-image-in {
-    width: 100%;
-    height: 100%;
-    object-fit:cover;
-    border-radius: 6px;
-}
-
-.product-name-hb {
-    font-size: 12px;
-    line-height: 18px;
-    margin-top: 0;
-    font-weight: normal;
-}
-.line-clamp {
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-}
-
-.product-price-hb {
-    font-size: 24px;
-    font-weight:bolder;
-    background-color: rgb(244,244,244);
-    height: 50px;
-}
-.fs-14{
-    font-size: 14px;
-}
-
-
+}
\ No newline at end of file
diff --git a/addons/default/visiosoft/base-theme/resources/views/layouts/default.twig b/addons/default/visiosoft/base-theme/resources/views/layouts/default.twig
index a06220c3a..12986fdd5 100644
--- a/addons/default/visiosoft/base-theme/resources/views/layouts/default.twig
+++ b/addons/default/visiosoft/base-theme/resources/views/layouts/default.twig
@@ -22,7 +22,7 @@
 
 {{ addBlock('layouts/default/section')|raw }}
 <main id="main">
-    <div class="container">
+    <div class="container-md container-fluid">
 
         {% include "visiosoft.theme.base::partials/messages" %}
 
diff --git a/addons/default/visiosoft/base-theme/resources/views/partials/metadata.twig b/addons/default/visiosoft/base-theme/resources/views/partials/metadata.twig
index 243f8eb8f..210b77532 100644
--- a/addons/default/visiosoft/base-theme/resources/views/partials/metadata.twig
+++ b/addons/default/visiosoft/base-theme/resources/views/partials/metadata.twig
@@ -19,6 +19,7 @@
 {{ asset_add("theme.css", "visiosoft.theme.base::css/select2.css") }}
 {{ asset_add("theme.css", "visiosoft.theme.base::css/font-awesome.min.css") }}
 {{ asset_add("theme.css", "visiosoft.theme.base::css/intlTelInput.css") }}
+{{ asset_add("theme.css", "visiosoft.theme.base::css/gallery.css") }}
 <script src="{{ asset_path('visiosoft.theme.base::js/vendor/jquery.min.js') }}"></script>
 {{ asset_script('visiosoft.theme.base::js/visiosoft.js') }}