body {
	overflow-x: hidden !important;
}

.user-nav {
	top: 3px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.show-hide-nav {
		display: none !important;
	}

	.show-mobile-nav {
		display: block;
	}
}

@media only screen and (max-width: 800px) {
	#categories_home {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	.hamburger {
		display: none;
	}

	.whole-page-padding {
		width: 100% !important;
		float: none !important;
		/* margin-top: 75px; */
	}

	.left_arrow_div,
	.right_arrow_div {
		display: none !important;
	}

	.angles_right {
		position: relative !important;
		width: 20% !important;
		float: right !important;
		padding: 0 !important;
		margin: 6px !important;
		right: 3px !important;
		text-align: end !important;
		display: block;
	}

	.angles_right i {
		font-size: 14px;
	}

	.adv_cat {
		display: none !important;
	}
	.categories-small {
		width: 100%;
	}
	.box_games_list {
		margin-left: 0px;
	}
}

.angles_right {
	display: none;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.show-hide-nav {
		display: none;
	}

	.show-mobile-nav {
		display: block;
	}

	.header_logo {
		width: 100%;
	}

	.angles_right {
		display: none !important;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.angles_right {
		display: none !important;
	}

	.show-hide-nav {
		display: block;
	}

	.show-mobile-nav {
		display: none;
	}

	.header_logo {
		width: 100%;
		text-align: center;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.show-hide-nav {
		display: block;
	}

	.show-mobile-nav {
		display: none;
	}
}

.header_logo {
	width: 100%;
}

#loading {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100vw;
	height: 100vh;
	/*background-color: rgba(192, 192, 192, 0.5);*/
	background-image: url("<?php echo DOMAIN  ?>/images/Ellipsis.gif");
	background-repeat: no-repeat;
	background-position: center;
}

.navbar .userstylenav {
	display: flow-root !important;
}

@media (min-width: 576px) {
	.header_logo {
		width: 100%;
		text-align: center;
	}
}

.fa-bars {
	font-size: 30px;
}

.navbar_custom_css::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	height: 1px !important;
	border-radius: 1%;
	/* box-shadow: 0 0 11px rgb(180 194 209 / 80%); */
	z-index: 0;
}

.bar {
	height: 3px;
	width: 22px;
	background-color: #fff;
	border-radius: 5px;
	margin: 4px;
}

.hamburger.active .bar:nth-child(1) {
	transform: rotate(39deg) translateY(10px); /* First bar rotates and moves */
}

.hamburger.active .bar:nth-child(2) {
	opacity: 0; /* Hide the middle bar */
}

.hamburger.active .bar:nth-child(3) {
	transform: rotate(-43deg) translateY(-9px);
}

.hamburger i {
	font-size: 20px !important;
	color: white !important;
}