/****** MOBILE STYLES ******/
.side-bar.mobile-user-info {
	display: none;
}

.navbar-header > .mobile-tab-button {
	background-color: rgb(100, 100, 100);
}

@media (max-width: 767px) {

	.overflow-right,
	.overflow-left {
		display: none;
	}

	.top-nav-bar {
		margin-top: 200px;
	}

	.top-nav-bar:before {
		height: 150px;
		width: 210px;
		bottom: 40px;
		left: -10px;
	}

	.top-nav-bar:after {
		height: 180px;
		width: 195px;
		right: 0px;
	}

	.game-container {
		display: flex;
		flex-direction: column;
		padding-bottom: 50px;
	}

	.side-bar {
		min-width: 100% !important;
		max-width: 100% !important;
		flex-grow: 1;
	}

	.game-area {
		flex-grow: 1;
	}

	.navbar-fixed-bottom .navbar-header {
		text-align: center;
	}

	.navbar-fixed-bottom .navbar-toggle {
		float: none;
		display: inline-block;
	}

	.navbar-toggle.active {
		background-color: var(--gray-lighter);
	}

	.side-bar {
		display: none;
	}

}