lp

css/style.css

@@ -292,6 +292,17 @@ img {
   vertical-align: top;
 }
 
+/* Keep the menu items inline-block (not floated) so the inline-block
+   <ul> actually contains them and centers/wraps within col-md-8 instead
+   of overflowing to the right and overlapping the logo. */
+@media (min-width: 768px) {
+  .navbar .navbar-nav > li {
+    float: none;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 .navbar .navbar-collapse {
   text-align: center;
 }
@@ -361,11 +372,25 @@ img {
 
 .navbar-nav > li > a {
   line-height: 30px !important;
-  margin-right: 23px;
+  margin-right: 12px;
   padding-left: 5px;
   padding-right: 5px;
   outline: none;
   font-size: 15px;
+  white-space: nowrap;
+}
+
+/* Medium desktops/laptops: tighten the menu so the items don't
+   overflow the col-md-8 and overlap the flanking logos. */
+@media (min-width: 768px) and (max-width: 1199px) {
+  .navbar-nav > li > a {
+    margin-right: 4px;
+    font-size: 13px;
+  }
+
+  .navbar-brand {
+    width: 110px;
+  }
 }
 
 .navbar-inverse .navbar-brand:focus,
@@ -416,7 +441,7 @@ img {
 
 #carousel-example-generic .carousel-inner > .item > img {
   width: 100% !important;
-  margin-top: 54px;
+  margin-top: 70px;
 }
 
 .section {

index.php

@@ -41,7 +41,7 @@
     <!-- Latest compiled and minified bootstrap CSS -->
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
 
-    <link rel="stylesheet" href="css/style.css?v=0.02">
+    <link rel="stylesheet" href="css/style.css?v=0.03">
     <!-- <link rel="stylesheet" href="css/responsive.css"> -->
     <link rel="stylesheet" href="css/flaticon.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
@@ -91,8 +91,6 @@
                     <!-- Collect the nav links, forms, and other content for toggling -->
                     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                         <ul class="nav navbar-nav navbar-right">
-                            <li><a href="#home" class="m-link"><i class="fa fa-home" aria-hidden="true"></i></a></li>
-
                             <li><a href="#overview" class="m-link">Overview</a></li>
                             <li><a href="#configuration" class="m-link">Configuration</a></li>
 
@@ -100,12 +98,8 @@
                             <li><a href="#gallery" class="m-link">Gallery</a></li>
                             <li><a href="#location" class="m-link">Location</a></li>
                             <li><a href="#about" class="m-link">About Us</a></li>
-                            <li><a href="#faq" class="m-link">FAQs</a></li>
                             <li><a href="#contactus" class="m-link">Contact Us</a></li>
 
-
-                            <li><a href="#" class="m-link download1">Download Brochure</a></li>
-
                         </ul>
                     </div><!-- /.navbar-collapse -->
                 </div>
@@ -137,11 +131,8 @@
 
 
             <a class="close-menu m-link" href="#about">About Us</a>
-            <a class="close-menu m-link" href="#faq">FAQs</a>
             <a class="close-menu m-link " href="#contactus">Contact Us</a>
 
-            <li><a href="#" class="m-link download1 ">Download Brochure</a></li>
-
             <!-- <a href="<?php echo $cta_t ?>" class="call-me"><i class="fa fa-phone f-icon" aria-hidden="true"></i>
                 <?php echo $cta ?></a> -->