/* Responsive
-------------------------------------------------- */

/* Desktop large
------------------------- */
@media (min-width: 1200px) {
  .bs-docs-container {
    max-width: 970px;
  }
  .bs-docs-sidenav {
    width: 258px;
  }
  .bs-docs-sidenav > li > a {
    width: 230px \9; /* Override the previous IE8-9 hack */
  }
  

}

/* Desktop
------------------------- */
@media (max-width: 980px) {
  /* Unfloat brand */
  body > .navbar-fixed-top .brand {
    float: left;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
	
	#header {display:none}
	
  /* Inline-block quick links for more spacing */
  .quick-links li {
    display: inline-block;
    margin: 5px;
  }

  /* When affixed, space properly */
  .bs-docs-sidenav {
    top: 0;
    width: 218px;
    margin-top: 30px;
    margin-right: 0;
  }

}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }
  
  .nav-collapse .nav {background:url('../images/header-bg.png')}
  
	#only-when-menu-hide {display:inline}
	.navbar .brand{display:none}
	.header {height:55px}
	.navbar .nav > li {text-align:left}
	.navbar .nav > li > a {height:30px; padding:10px 20px 0px 20px; text-align:left}
	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {color:#000}
	.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover {color:#FFF}
}

/* Tablet
------------------------- */
@media (max-width: 767px) {
  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }
	
	#only-when-menu-hide {display:inline}
	.navbar .brand{display:none}
	.header {height:55px}
	.navbar .nav > li {text-align:left}
	.navbar .nav > li > a {height:30px; padding:10px 20px 0px 20px; text-align:left}
	
	.nav-collapse .nav {background:url('../images/header-bg.png')}
	
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: 0px;
    margin-left: 0px;
  }
	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {color:#000}
	.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover {color:#FFF}
/* Landscape phones
------------------------- */
@media (max-width: 480px) {
  /* Remove padding above jumbotron */
  body {
    padding-top: 0;
  }

	#only-when-menu-hide {display:inline}
	.navbar .brand{display:none}
	.header {height:55px}
	.navbar .nav > li {text-align:left}
	.navbar .nav > li > a {height:30px; padding:10px 20px 0px 20px; text-align:left}
	
	.nav-collapse .nav {background:url('../images/header-bg.png')}
	
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: 0px;
    margin-left: 0px;
  }
	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {color:#000}
	.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover {color:#FFF}
}