/* Responsive CSS */

@media only screen and (max-width : 979px) {}
@media only screen and (max-width : 767px) {}
@media only screen and (max-width : 480px) {}
@media only screen and (max-width : 320px) {}

@media (max-width: 992px) {
	.navbar-toggler {
		margin-left: auto;
	}
	.navbar-expand-lg {}
	.navbar-toggler:after {
		content: "";
		clear: both;
		display: table;
	}
	.navbar-collapse {
		position: fixed;
		top: 0;
		left: -300px;
		z-index: 2000;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		width: 300px;
		height: 100%;
		transition: all 0.3s ease;
		display: block;
		background-color: rgba(0,0,0,.8);
	}
	.navbar-collapse.collapsing {
		/* height: auto !important; */
		margin-right: 50%;
		transition: all 0.3s ease;
		display: block;
		height: 100%;
	}
	.navbar-collapse.show {
		left: 0;
	}
}