fix: responsive bugs on some pages under docs section

Signed-off-by: Saurav Upadhyay <sauravup041103@gmail.com>

docs/_includes/footer.html

@@ -17,8 +17,7 @@
 								{{ link.name }}</a></li>
 						{% endfor %}
 					</ul>
-					{% endfor %}
-
+					{% endfor %}	
 				</div>
 				<div class="footer-columns2">
 					{% for column in site.data.footer %}

docs/_sass/getnighthawk.scss

@@ -5019,6 +5019,7 @@ div.globalFooterCard.card-environment {
 .docs-section{
   position: relative;
   top: 6rem;
+  right: 6rem;
 }
 
 .rooted-pillar {
@@ -5859,10 +5860,26 @@ div.globalFooterCard.card-environment {
 .section-content {
   padding-left: 40px !important;
   margin-top: 8rem !important;
+  margin-right: 2rem !important;
   margin-bottom: 50px !important;
   min-height: 100vh;
 }
 
+@media (max-width: 1275px) {
+  .section-content{
+    border: 1px solid;
+    margin-right: 7rem !important;
+  }
+}
+
+@media (max-width: 745px) {
+  .section-content{
+    border: 1px solid;
+    margin-right: 2rem !important;
+    width: 90% !important;
+  }
+}
+
 .doc-container {
   padding: 10px;
 }

docs/assets/css/sidebar_doc.css

@@ -129,7 +129,7 @@
     }
 }
 
-@media (max-width: 575px) {
+@media (max-width: 1275px) {
     .float-button {
         visibility: visible;
     }