Index: lams_central/conf/scss/material-kit/_responsive.scss
===================================================================
diff -u -r32670937f259e2c8a712e1dd2cd6bb5731f466c9 -rd432ad1e56c019311c8ca428ba8e08907a56077c
--- lams_central/conf/scss/material-kit/_responsive.scss	(.../_responsive.scss)	(revision 32670937f259e2c8a712e1dd2cd6bb5731f466c9)
+++ lams_central/conf/scss/material-kit/_responsive.scss	(.../_responsive.scss)	(revision d432ad1e56c019311c8ca428ba8e08907a56077c)
@@ -1,4 +1,9 @@
-@media all and (max-width: 991px) {
+// LAMS Modification - reduced from max-width: 991px to max-width: 767px
+// Lots of niggly issues with screens 768 to 991 such as the tabs nav bar loses the text 
+// but no hamburger icons appears when navbar-expand-md is used. Drop down menus in the 
+// nav bar lose their background.
+// So set this to kick in only on the smaller screens 
+@media all and (max-width: 767px) {
     [class*="navbar-expand-"] > .container,
     [class*="navbar-expand-"] > .container-fluid{
         padding-left: 15px;