.navbar-push {
	padding-right: 15px;
	padding-left: 15px;
	margin-left: 0;
	margin-right: 0;
}
 @media screen and (max-width:990px) {
.push-canvas {
	-webkit-transition: all .10s ease-out;
	-moz-transition: all .10s ease-out;
	-o-transition: all .10s ease-out;
	transition: all .10s ease-out;
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.push-canvas.pushed-left {
	left: -50%;
}
.push-canvas.pushed-right {
	left: 50%;
}
.navbar-push {
	-webkit-transition: all .10s ease-out;
	-moz-transition: all .10s ease-out;
	-o-transition: all .10s ease-out;
	transition: all .10s ease-out;
	background: #5b6771;
	height: 100%;
	position: fixed;
	width: 50%;
	top: 0;
	overflow-y:auto;
	overflow-x:hidden;
}
.navbar-push.navbar-push-left {
	right: -50%;
}
.navbar-push.navbar-push-right {
	left: -50%;
}
.navbar-push.navbar-push-right.in {
	left: 0;
}
.navbar-push.navbar-push-left.in {
	right: 0;
}
}

 @media screen and (max-width: 400px) {
.push-canvas.pushed-left {
	left: -80%;
}
.push-canvas.pushed-right {
	left: 80%;
}
.navbar-push {
	width: 80%;
}
.navbar-push.navbar-push-left {
	right: -100%;
}
}