title: Navbar links overllaping @Small tablet landscape (800x600) &Tablet portrait (768x1024)
body: <p>I am using bootstrap 3 for web mobile app. 
  Added my css for navbar drop down menu. Its working fine in most of the devices.</p>
  
  <p>However when verified @ Small tablet landscape (800x600) &amp; Tablet portrait (768x1024), drop down menus are overlapping. 
                       <img src="https://i.stack.imgur.com/HKu7p.png" alt="enter image description here"></p>
  
  <p>Please advise.</p>
  
  <pre><code>  Also, I have added my code @ http://jsfiddle.net/monicaRegal/y2s97xxk/
  </code></pre>
  
  <p>Thank You
  Regards,
  Monica Mandal</p>