Fix the bugs of the footer in the mobile view

assets/content/static/footer.html

@@ -60,7 +60,7 @@ <h4 class="mb-0 font-weight-light">Get in touch with using any of these platform
                     </div>
                 </div>
                 <div class="col-md-6">
-                    <ul class="nav nav-footer justify-content-end">
+                    <ul class="nav nav-footer justify-content-end footer-elements">
                         <li class="nav-item">
                             <a href="/" class="nav-link">Home</a>
                         </li>

assets/css/global-custom.css

@@ -740,3 +740,66 @@ li.timeline-element:last-child {
         background-color: #5e72e4;
     }
 }
+
+
+@media only screen and (max-width: 991px) {
+    .footer-elements {
+        position: relative;
+       top: 40px;
+       width: 130%;
+       right: 100px;
+    }
+
+    .copyright {
+        width: 103%;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .footer-elements {
+        top: 20px;
+        right: 150px;
+    }
+}
+
+@media only screen and (max-width: 575px) {
+    .footer-elements {
+        right: 160px;
+    }
+}
+
+
+
+@media only screen and (max-width: 536px) {
+    .footer-elements {
+        right: 140px;
+    }
+
+}
+
+@media only screen and (max-width: 475px) {
+    .footer-elements {
+        right: 120px;
+    }
+
+}
+
+@media only screen and (max-width: 438px) {
+    .footer-elements {
+        width: 90%;
+        left: 30px;
+    }
+
+}
+
+@media only screen and (max-width: 370px) {
+    .footer-elements {
+        left: 15px;
+        width: 80%;
+        text-align: center;
+    }
+
+    .copyright {
+        text-align: center;
+    }
+}