/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 25, 2015, 10:22:30 PM
    Author     : User1
*/


/*
* Mobile Menu
*/

@media screen and (min-width: 0px) and (max-width: 767px) {
  .site-heading {
    border-top: 1px solid #978174;
    padding-top: 54px;  
  }
  
  .navbar-shrink{
    background: #fff;
    border-bottom: 1px solid #efefef;
  }
  
   .navbar-shrink .navbar-collapse {
    border-bottom: 0 none !important;
  }
  
  .navbar-shrink .navbar-toggle .icon-bar{
    background-color: #d0d0d0;
  }
  
  .navbar-header{
    margin-bottom: 5px;
  }
  
  .navbar-right{
    margin-top: 0;
  }
  
  .navbar-brand{
    padding: 22.5px 15px;
  }
  
  .navbar-brand > img{
    width: 145px;  
  }
  
  .navbar-toggle{
    margin-top: 29px;
  }
  
  .navbar-toggle .icon-bar{
    height: 3px;  
  }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
  }
  
  .navbar-default .navbar-collapse{
    background: #fff;
    margin: 0 auto;
    width: 100%;  
    border: 0 none;
  }
  
  .navbar-nav > li > a{
    padding: 12px 0;
    border-radius: 0;
    border: 0 none;
  }
  
  .navbar-nav > #contact > a{
    padding: 12px 0;
    margin: 0;
    background: #036dc6;
    border-radius: 0;
    color: #fff;
    border: 0 none;
  }
  
  .navbar-default .navbar-nav>li>a{
    color: #888b97;
  }
  
  .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    background-color: #036dc6;
  }

  .navbar-nav {
    margin: 0px -15px;
  }
  
  .navbar .navbar-nav{
    text-align: center;
    padding-top: 0;  
  }
  
  .navbar-shrink .navbar-nav > #contact > a{
    border: 0 none;
    color: #888b97;
    margin-top: 0;
    background: transparent;
    border-radius: 0;
  }
  
  .navbar-shrink .navbar-nav > #contact > a:hover{
    color: #fff;
    background-color: #036dc6;
  }
  
  .navbar-nav > #contact > a:hover{
    border: 0 none;
  }
}