diff --git a/app/Http/Controllers/PublicController.php b/app/Http/Controllers/PublicController.php
index 189e85d7..19a0f7b7 100644
--- a/app/Http/Controllers/PublicController.php
+++ b/app/Http/Controllers/PublicController.php
@@ -165,7 +165,11 @@ class PublicController extends Controller
     }
 
     public function venues($id = false){
-        $data['venues'] = App\Models\Venue::where('active',1)->get();
+        $data['venues'] = App\Models\Venue::select('id','venue_name_'.Config::get('app.locale'),
+            'description_'.Config::get('app.locale').' as description','address','images')
+            ->where('active',1)
+            ->orderBy('venue_name_'.Config::get('app.locale'),'ASC')
+            ->get();
 
         $data['current'] = $id ? $data['venues']->where('id',$id)->first(): $data['venues']->first();
 
diff --git a/app/Http/routes.php b/app/Http/routes.php
index 6c854d16..e413abb7 100644
--- a/app/Http/routes.php
+++ b/app/Http/routes.php
@@ -734,6 +734,11 @@ Route::group(
         'uses' =>'PublicController@subscribe'
     ]);
 
+    Route::get('/venues/{id?}',[
+        'as' =>'venues',
+        'uses' => 'PublicController@venues'
+    ]);
+
 //    Route::get('/terms_and_conditions', [
 //        'as' => 'termsAndConditions',
 //        function () {
diff --git a/resources/views/desktop/Pages/VenuesPage.blade.php b/resources/views/desktop/Pages/VenuesPage.blade.php
index 3349cc6b..796b5d3f 100644
--- a/resources/views/desktop/Pages/VenuesPage.blade.php
+++ b/resources/views/desktop/Pages/VenuesPage.blade.php
@@ -1,7 +1,4 @@
 @extends('Shared.Layouts.BilettmLayout',['folder' => 'desktop'])
-@section('after_styles')
-
-@endsection
 @section('content')
     {{\DaveJamesMiller\Breadcrumbs\Facades\Breadcrumbs::render('about',$title)}}
     <section class="my-3">
@@ -15,16 +12,52 @@
                             <h3>@lang('ClientSide.venues')</h3><div style="background-color: rgba(211,61,51,1);height: 5px;width: 80px;margin-bottom: 15px;"></div> </li>
                         @foreach($venues as $venue)
                             <li class="list-group-item border-0 pl-0">
-                                <a class="text-dark capitalizer" href="{{route('about',['page'=>'introduction'])}}">{{$venue->venue_name}}</a></li>
+                                <a class="text-dark capitalizer" href="{{route('venues',['id'=>$venue->id])}}">{{$venue->venue_name}}</a></li>
                         @endforeach
                     </ul>
                     <div style="width: 5px;float: left;height: calc(100% - 20px); margin-top: 10px; margin-left: -6px; box-shadow: 2px 0 10px rgba(0,0,0,.1)"></div>
                 </div>
                 <div class="col-9 pl-4" style="font-size: 17px">
-                    <h2>{{$venue->venue_name}}</h2>
-                    {!! Markdown::parse($venue->description) !!}
+                    <div class="row">
+
+                        <h2>{{$current->venue_name}}</h2>
+                    </div>
+                    <div class="row">
+                        <div class="col-3">
+                            @if($current->images)
+                                <img class="details-image" alt="{{$current->venue_name}}" src="{{config('attendize.cdn_url_user_assets').'/'}}">
+
+                            @endif
+                        </div>
+                        <div class="col-7 ">
+                            <div class="it-detail">
+                                {!! Markdown::parse($current->description) !!}
+                            </div>
+
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="google-maps content" id="map" style="height: 250px">
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>
     </section>
 @endsection
+@section('after_scripts')
+    <script>
+        function initMap() {
+            var uluru = {lat: {{$current->address['latlng']['lat']}}, lng: {{$current->address['latlng']['lng']}}};
+            var map = new google.maps.Map(document.getElementById('map'), {
+                center: uluru,
+                zoom: 15
+            });
+            var marker = new google.maps.Marker({position: uluru, map: map});
+        }
+    </script>
+    <script src="https://maps.googleapis.com/maps/api/js?key={{config('services.google_places.key')}}&callback=initMap"
+            async defer></script>
+@endsection
diff --git a/resources/views/mobile/Pages/VenuesPage.blade.php b/resources/views/mobile/Pages/VenuesPage.blade.php
new file mode 100644
index 00000000..d6d1e5cc
--- /dev/null
+++ b/resources/views/mobile/Pages/VenuesPage.blade.php
@@ -0,0 +1,65 @@
+@extends('Shared.Layouts.BilettmLayout',['folder' => 'mobile'])
+@section('after_styles')
+
+@endsection
+@section('content')
+    <section class="my-3">
+        <div class="container">
+            <div class="row text_black" >
+                <div class="col-3">
+
+
+                    <ul class="list-group w-100 " style="float: left;height: 100%; background-color: #ffffff; z-index: 10;position: relative;color: #000000;font-size: 17px;">
+                        <li class="list-group-item border-0 pl-0">
+                            <h3>@lang('ClientSide.venues')</h3><div style="background-color: rgba(211,61,51,1);height: 5px;width: 80px;margin-bottom: 15px;"></div> </li>
+                        @foreach($venues as $venue)
+                            <li class="list-group-item border-0 pl-0">
+                                <a class="text-dark capitalizer" href="{{route('venues',['id'=>$venue->id])}}">{{$venue->venue_name}}</a></li>
+                        @endforeach
+                    </ul>
+                    <div style="width: 5px;float: left;height: calc(100% - 20px); margin-top: 10px; margin-left: -6px; box-shadow: 2px 0 10px rgba(0,0,0,.1)"></div>
+                </div>
+                <div class="col-9 pl-4" style="font-size: 17px">
+                    <div class="row">
+
+                        <h2>{{$current->venue_name}}</h2>
+                    </div>
+                    <div class="row">
+                        <div class="col-3">
+                            @if($current->images)
+                                <img class="details-image" alt="{{$current->venue_name}}" src="{{config('attendize.cdn_url_user_assets').'/'}}">
+
+                            @endif
+                        </div>
+                        <div class="col-7 ">
+                            <div class="it-detail">
+                                {!! Markdown::parse($current->description) !!}
+                            </div>
+
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="google-maps content" id="map" style="height: 250px">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+@endsection
+@section('after_scripts')
+    <script>
+        function initMap() {
+            var uluru = {lat: {{$venue->address['latlng']['lat']}}, lng: {{$venue->address['latlng']['lng']}}};
+            var map = new google.maps.Map(document.getElementById('map'), {
+                center: uluru,
+                zoom: 15
+            });
+            var marker = new google.maps.Marker({position: uluru, map: map});
+        }
+    </script>
+    <script src="https://maps.googleapis.com/maps/api/js?key={{config('services.google_places.key')}}&callback=initMap"
+            async defer></script>
+@endsection