diff --git a/public/static/css/media.css b/public/static/css/media.css
index da5df634..2c076926 100644
--- a/public/static/css/media.css
+++ b/public/static/css/media.css
@@ -617,6 +617,13 @@
     .platny-wrapper .tab-content > div div.for-padding h2 a{
         width: 100%;
         text-align: center;
+        margin-bottom: 20px;
+    }
+    .platny-inner-tab .for-mobile{
+        text-align: center;
+    }
+    .platny-inner-tab .for-mobile li{
+        margin: 0 10px;
     }
 }
 
diff --git a/resources/views/main.blade.php b/resources/views/main.blade.php
index cae4153e..65173dee 100644
--- a/resources/views/main.blade.php
+++ b/resources/views/main.blade.php
@@ -10,7 +10,7 @@
             <div class="for-padding">
                 <h2><a href="/subscriptions" style="padding: 15px; color: #fff; background: #187f7e; border: none; float: right">Tarifleri görmek</a> {{$cat->name ?? 'Ählisi'}}</h2>
                 <div class="platny-inner-tab">
-                    <ul role="tablist" >
+                    <ul role="tablist" class="for-mobile">
                         <li class="@if($sort == 'all')active @endif">
                             <a href="{{route('category',[$cat->id ?? 0])}}" >@lang('content.all')</a>
                         </li>