body.collapse {
	overflow: auto;
}

body {
	height: auto !important;
}

@media (max-width: 640px) {
	body.collapse.in {
		margin-right: -220px;
	}
}

@media (max-width: 979px) {

	.navbar .btn-navbar {
		float: left !important;
	}
	
	body.collapse.in {
		margin-left: 220px;
		margin-right: -220px;
		-webkit-transition: margin-left 0.4s ease, margin-right 0.4s ease;
		-webkit-transition-delay: 0.1s;
	}
	
	.nav-collapse.collapse.in {
		position: absolute !important;
		top: 0px;
		left: -222px;
		bottom: 0px;
		width: 220px  !important;
		-webkit-transition: width 0.01s ease;
		-moz-transition: width 0.01s ease;
		-o-transition: width 0.01s ease;
		transition: width 0.01s ease;
		background-color: #fafafa;
		background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2) );
		background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
		background-repeat: repeat-x;
		border: 1px solid #d4d4d4;
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff',
			endColorstr='#fff2f2f2', GradientType=0 );
		*zoom: 1;
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
		font-size: 16px;
		min-height: 100%;
	}
	
	.navbar-inverse .nav-collapse.collapse.in  {
		max-height: auto;
		background-color: #1b1b1b;
		background-image: -moz-linear-gradient(top, #222222, #111111);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111) );
		background-image: -webkit-linear-gradient(top, #222222, #111111);
		background-image: -o-linear-gradient(top, #222222, #111111);
		background-image: linear-gradient(to bottom, #222222, #111111);
		background-repeat: repeat-x;
		border-color: #252525;
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0 );
	}

	.nav-collapse.collapse {
		max-height: 0px;
	}
}