/**
 * Bootstrap Adjustments for navbar-collapse breakpoint
 * from: http://stackoverflow.com/questions/18192082/bootstrap-3-navbar-collapse
 */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }

    #main-menu {
    	margin-bottom: 10px;
    }

    #main-menu li,
    .navbar-nav > li {
        float: none;
        height: auto;
        margin-top: 0;
    }

    .container > .navbar-header,
    .container > .navbar-collapse {
    	width: 100%;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

 	.navbar .nav > li {
	    float: none;
	}

	#main-menu li a,
  	.navbar .nav > li a {
    	padding: 12px 12px;
        height: auto;
  	}
}