Add mobile styling

resources/assets/sass/base/_base.scss

@@ -7,6 +7,8 @@
 
 @use "../layout";
 
+@use "mobile";
+
 .mejs__overlay-button {
   border: none;
 }

resources/assets/sass/base/_container.scss

@@ -10,6 +10,9 @@ body {
 .body_container {
   @include container;
   padding: 67px 0;
+  @media (max-width: 768px) {
+    padding: 50px 0;
+  }
   background-color: #f9f9f9;
 }
 .header_container  {
@@ -24,3 +27,11 @@ body {
 .sidebar {
   width: CALC(300px + var(--bs-gutter-x));
 }
+@media (max-width: 768px) {
+  .content_container {
+    padding-right: calc(var(--bs-gutter-x)* .5);
+  }
+  .site_container {
+    overflow: hidden;
+  }
+}