diff --git a/addons/default/visiosoft/advs-module/resources/images/main.png b/addons/default/visiosoft/advs-module/resources/images/main.png
new file mode 100644
index 000000000..6203ca514
Binary files /dev/null and b/addons/default/visiosoft/advs-module/resources/images/main.png differ
diff --git a/addons/default/visiosoft/advs-module/resources/js/cats.js b/addons/default/visiosoft/advs-module/resources/js/cats.js
index 83d5e9eab..579ddc0a4 100644
--- a/addons/default/visiosoft/advs-module/resources/js/cats.js
+++ b/addons/default/visiosoft/advs-module/resources/js/cats.js
@@ -1,3 +1,11 @@
+function showLoader() {
+    $('body').append('<div class="loading-cart"><div class="lds-ripple"><div></div><div></div></div></div>');
+}
+
+function hideLoader() {
+    $('.loading-cart').remove();
+}
+
 $(document).ready(function () {
     $('select[name="cat1"], select[name="cat2"], select[name="cat3"], ' +
         'select[name="cat4"], select[name="cat5"], select[name="cat6"], select[name="cat7"]').on('change', function () {
@@ -7,7 +15,6 @@ $(document).ready(function () {
 
     const filter = {};
     filter.getCats = (catId, divId) => {
-        console.log(catId,divId)
         $.ajax({
             type: 'get',
             url: '/class/getcats/'+ divId,
@@ -20,12 +27,12 @@ $(document).ready(function () {
                         btn = "<a class='btn btn-primary' href='"+response['link']+"' role='button'>"+response['nextBtn']+"</a>";
                     }
                     $('.cat-item-3').html(
-                        '<div class="section next-stap post-option">' +
-                        '<h2>'+response['title']+'</h2>' +
-                        '<p>'+response['msg']+'</p>' +
+                        '<div class="section next-stap post-option p-2">' +
+                        '<h5>'+response['title']+'</h5>' +
+                        '<p class="p-2">'+response['msg']+'</p>' +
                         '<div class="btn-section btn-next">' +
                         btn +
-                        '<a href="/" class="btn-info">'+response['cancelBtn']+'</a></div></div>'
+                        '<a href="/">'+response['cancelBtn']+'</a></div></div>'
                     );
                     $('.cat-item-3').show();
                     stop();
diff --git a/addons/default/visiosoft/advs-module/resources/js/new-create.js b/addons/default/visiosoft/advs-module/resources/js/new-create.js
index 24b914491..afdca1b92 100644
--- a/addons/default/visiosoft/advs-module/resources/js/new-create.js
+++ b/addons/default/visiosoft/advs-module/resources/js/new-create.js
@@ -1,3 +1,12 @@
+function showLoader() {
+    $('body').append('<div class="loading-cart"><div class="lds-ripple"><div></div><div></div></div></div>');
+}
+
+function hideLoader() {
+    $('.loading-cart').remove();
+}
+
+
 const filter = {};
 
 // TODO will be unified
diff --git a/addons/default/visiosoft/advs-module/resources/views/new-ad/new-create.twig b/addons/default/visiosoft/advs-module/resources/views/new-ad/new-create.twig
index a07345f2c..0e63dbfd4 100644
--- a/addons/default/visiosoft/advs-module/resources/views/new-ad/new-create.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/new-ad/new-create.twig
@@ -5,8 +5,18 @@
         <div class="container">
             {% include "theme::partials/messages" %}
 
-            {% include "visiosoft.module.advs::new-ad/partials/breadcrumb" %}
-
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb">
+                    {% for cat in cats_d %}
+                        <li class="breadcrumb-item"><a href="#">{{ cat }}</a></li>
+                    {% endfor %}
+                    <li class="breadcrumb-item">
+                        <a href="{{ url_route('adv::edit_category',[id]) }}">
+                            <i class="fas fa-pencil-alt"></i> {{ trans('visiosoft.module.advs::field.edit_category') }}
+                        </a>
+                    </li>
+                </ol>
+            </nav>
             <div class="adpost-details">
                 <div class="row">
                     <div class="col-md-12">
@@ -32,22 +42,8 @@
                                     {{ trans('visiosoft.module.advs::field.sell_item') }}
                                     <span class="pull-right">* {{ trans('visiosoft.module.advs::field.mandatory_fields') }}</span>
                                 </h4>
-                                <div class="form-group selected-product">
-                                    <ul class="select-category list-inline">
-                                        {% for cat in cats_d %}
-                                            <li>
-                                                <a>
-                                                    {{ cat }}
-                                                </a>
-                                            </li>
-                                        {% endfor %}
-                                        <a href="{{ url_route('adv::edit_category',[id]) }}"><i
-                                                    class="fas fa-pencil-alt"></i> {{ trans('visiosoft.module.advs::field.edit_category') }}
-                                        </a>
-                                    </ul>
-                                </div>
                                 <div class="row form-group add-title">
-                                    <div class="col-md-9">
+                                    <div class="col-md-12">
                                         {{ nameField|raw }}
                                     </div>
                                     {% if entries('advs').isEnabled('store') %}
@@ -98,10 +94,14 @@
                                     </div>
                                 </div>
                                 <div class="row form-group brand-name">
-                                    {{ descField|raw }}
+                                    <div class="col-md-12">
+                                        {{ descField|raw }}
+                                    </div>
                                 </div>
                                 <div class="row form-group images">
-                                    {{ form.fields.files.input |raw }}
+                                    <div class="col-md-12">
+                                        {{ form.fields.files.input |raw }}
+                                    </div>
                                 </div>
                                 {% if entries('advs').isEnabled('customfields') %}
                                     {% include "visiosoft.module.customfields::new-ad/fields" %}
diff --git a/addons/default/visiosoft/advs-module/resources/views/new-ad/partials/breadcrumb.twig b/addons/default/visiosoft/advs-module/resources/views/new-ad/partials/breadcrumb.twig
index 7c458e2a9..b0944973b 100644
--- a/addons/default/visiosoft/advs-module/resources/views/new-ad/partials/breadcrumb.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/new-ad/partials/breadcrumb.twig
@@ -1,7 +1,7 @@
-<div class="breadcrumb-section">
+<nav aria-label="breadcrumb">
     <ol class="breadcrumb">
-        <li><a href="/">{{ trans('visiosoft.module.advs::field.home') }}</a></li>
-        <li>{{ trans('visiosoft.module.advs::field.ad_post') }}</li>
+        <li class="breadcrumb-item"><a href="{{ url("/") }}">{{ trans('visiosoft.module.advs::field.home') }}</a></li>
+        <li class="breadcrumb-item active" aria-current="page">{{ trans('visiosoft.module.advs::field.ad_post') }}</li>
     </ol>
     <h2 class="title">{{ trans('visiosoft.module.advs::field.post_free_ad') }}</h2>
-</div>
\ No newline at end of file
+</nav>
\ No newline at end of file
diff --git a/addons/default/visiosoft/advs-module/resources/views/new-ad/post-cat.twig b/addons/default/visiosoft/advs-module/resources/views/new-ad/post-cat.twig
index 05fb0635a..b1ad1166f 100644
--- a/addons/default/visiosoft/advs-module/resources/views/new-ad/post-cat.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/new-ad/post-cat.twig
@@ -7,83 +7,74 @@
             <div id="ad-cat-section">
                 <form action="{{ url_route('visiosoft.module.advs::post_cat') }}" method="post">
                     <div class="row category-tab">
-                        <div class="col-md-3 col-sm-6 cat-item">
-                            <div class="section cat-option select-category post-option">
-                                <h4>{{ trans('visiosoft.module.advs::field.select_a_category') }}</h4>
-                                <ul role="tablist">
+
+                        <div class="col-lg-3 col-md-4 col-sm-6 cat-item mb-2">
+                            <div class="section cat-option select-category post-option card p-2">
+                                <h5>{{ trans('visiosoft.module.advs::field.select_a_category') }}</h5>
                                     <select class="cat-select" name="cat1" id="cat1" multiple id="">
                                         {% for cat in main_cats %}
-                                            <option value="{{ cat.id }}"><span
-                                                        style="font-size: 20px">{{ cat.name }}</span></option>
+                                            <option value="{{ cat.id }}">
+                                                {{ cat.name }}
+                                            </option>
                                         {% endfor %}
                                     </select>
-                                </ul>
                             </div>
                         </div>
-                        <div class="col-md-3 col-sm-6 cat-item cat-item-2">
-                            <div class="section cat-option select-category post-option">
-                                <h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
-                                <ul role="tablist">
+
+                        <div class="col-lg-3 col-md-4 col-sm-6 cat-item mb-2 cat-item-2">
+                            <div class="section cat-option select-category post-option card p-2">
+                                <h5>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h5>
                                     <select class="cat-select" name="cat2" id="cat2" multiple id="">
 
                                     </select>
-                                </ul>
                             </div>
                         </div>
-                        <div class="col-md-3 col-sm-6 cat-item cat-item-2">
-                            <div class="section cat-option select-category post-option">
-                                <h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
-                                <ul role="tablist">
+                        <div class="col-lg-3 col-md-4 col-sm-6 cat-item mb-2 cat-item-2">
+                            <div class="section cat-option select-category post-option card p-2">
+                                <h5>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h5>
                                     <select class="cat-select" name="cat3" id="cat3" multiple id="">
 
                                     </select>
-                                </ul>
                             </div>
                         </div>
-                        <div class="col-md-3 col-sm-6 cat-item cat-item-2">
-                            <div class="section cat-option select-category post-option">
-                                <h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
-                                <ul role="tablist">
+                        <div class="col-lg-3 col-md-4 col-sm-6 cat-item mb-2 cat-item-2">
+                            <div class="section cat-option select-category post-option card p-2">
+                                <h5>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h5>
                                     <select class="cat-select" name="cat4" id="cat4" multiple id="">
 
                                     </select>
-                                </ul>
                             </div>
                         </div>
-                        <div class="col-md-3 col-sm-6 cat-item cat-item-2">
-                            <div class="section cat-option select-category post-option">
-                                <h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
-                                <ul role="tablist">
+                        <div class="col-lg-3 col-md-4 col-sm-6 cat-item mb-2 cat-item-2">
+                            <div class="section cat-option select-category post-option card p-2">
+                                <h5>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h5>
                                     <select class="cat-select" name="cat5" id="cat5" multiple id="">
 
                                     </select>
-                                </ul>
                             </div>
                         </div>
-                        <div class="col-md-3 col-sm-6 cat-item cat-item-2">
-                            <div class="section cat-option select-category post-option">
-                                <h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
-                                <ul role="tablist">
+                        <div class="col-lg-3 col-md-4 col-sm-6 cat-item mb-2 cat-item-2">
+                            <div class="section cat-option select-category post-option card p-2">
+                                <h5>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h5>
                                     <select class="cat-select" name="cat6" id="cat6" multiple id="">
 
                                     </select>
-                                </ul>
                             </div>
                         </div>
-                        <div class="col-md-3 col-sm-6 cat-item cat-item-2">
-                            <div class="section cat-option select-category post-option">
-                                <h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
-                                <ul role="tablist">
+                        <div class="col-lg-3 col-md-4 col-sm-6 cat-item mb-2 cat-item-2">
+                            <div class="section cat-option select-category post-option card p-2">
+                                <h5>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h5>
                                     <select class="cat-select" name="cat7" id="cat7" multiple id="">
 
                                     </select>
-                                </ul>
                             </div>
                         </div>
 
-                        <div class="col-md-4 col-sm-6 cat-item cat-item-3">
+                        <div class="col-lg-4 col-md-12 cat-item mb-2">
+                            <div class="card cat-item-3 p-2">
 
-                        </div><!-- next-stap -->
+                            </div>
+                        </div>
                     </div>
                     <div class="row">
                         <div class="col-sm-8 col-sm-offset-2 text-center">
@@ -101,6 +92,10 @@
             overflow-y: auto
         }
 
+        .cat-select:focus {
+            outline: none;
+        }
+
         .cat-select option {
             border-top: 1px solid #f2f2f2;
             padding: 15px 0 20px;
@@ -119,7 +114,7 @@
         }
 
         #main {
-            background-image: {{ img('theme::images/bg/main.png').url }} !important;
+            background-image: {{ img('visiosoft.module.advs::images/main.png').url }} !important;
         }
 
         .btn-1 {
diff --git a/addons/default/visiosoft/media-field_type/resources/lang/tr/button.php b/addons/default/visiosoft/media-field_type/resources/lang/tr/button.php
index 438fea527..e8fb1e78d 100644
--- a/addons/default/visiosoft/media-field_type/resources/lang/tr/button.php
+++ b/addons/default/visiosoft/media-field_type/resources/lang/tr/button.php
@@ -1,5 +1,5 @@
 <?php
 
 return [
-    'showOn' => 'Ana',
+    'showOn' => 'Vitrin',
 ];
diff --git a/addons/default/visiosoft/media-field_type/resources/views/input.twig b/addons/default/visiosoft/media-field_type/resources/views/input.twig
index f16cc0988..b4cd48d09 100644
--- a/addons/default/visiosoft/media-field_type/resources/views/input.twig
+++ b/addons/default/visiosoft/media-field_type/resources/views/input.twig
@@ -1,8 +1,3 @@
-<script
-        src="https://code.jquery.com/jquery-1.11.3.js"
-        integrity="sha256-IGWuzKD7mwVnNY01LtXxq3L84Tm/RJtNCYBfXZw3Je0="
-        crossorigin="anonymous"></script>
-
 {{ asset_add('scripts.js', 'visiosoft.field_type.media::js/jquery-sortable.js') }}
 
 {% if not (field_type.readonly) %}
diff --git a/addons/default/visiosoft/media-field_type/src/Table/ValueTableBuilder.php b/addons/default/visiosoft/media-field_type/src/Table/ValueTableBuilder.php
index 614c4c4d8..6c4ff96a8 100644
--- a/addons/default/visiosoft/media-field_type/src/Table/ValueTableBuilder.php
+++ b/addons/default/visiosoft/media-field_type/src/Table/ValueTableBuilder.php
@@ -64,7 +64,7 @@ class ValueTableBuilder extends TableBuilder
         ],
         'rotate'   => [
             'target'     => '_blank',
-            'icon' => 'fa fa-repeat',
+            'icon' => 'fas fa-redo',
             'type' => 'info',
             'text' => '',
             'attributes' => [