.navTop {

	position: fixed;

	top: 0px;

	width: 100%;

	height: 60px;

	padding: 10px 0px;

	background-color: #0b2d44;

	z-index: 999;

}



.navTop .col-4 {

	line-height: 40px;

}



.navTop .col-4:nth-of-type(3) {

	text-align: right;

	padding-right: 30px;

}



.navTop input {

	display: inline-block;

}



.content {

	margin-top: 80px;

}



.categorynav {

	max-width: 1300px;

	margin: 0 auto;

	display: none;

}

.gameCategory,

.privacyBox {

	max-width: 1300px;

	margin: 10px auto;

	padding: 5px;

}



.categorynav ul {

	padding: 0px;

	border-radius: 5px;

	background-color: #0b2d44;

	text-align: center;

}



.categorynav li {

	margin: 5px 30px;

	padding: 0px 30px;

	display: inline-block;

}



.categorynav li:hover {

	background-color: #0b2d44;

}



.categorynav li:nth-of-type(1) {

	margin-left: 0px;

}



.categorynav li:nth-of-type(7) {

	margin-right: 0px;

}



.categorynav li:nth-of-type(8) {

	display: none;

}



.categorynav .categoryNav {

	clear: both;

}



.categorynav i,

.categorynav span {

	float: left;

	height: 35px;

	display: inline-block;

	line-height: 35px;

	padding: 0px 1px;

}



.showNav {

	display: block;

}



.fixTop {

	position: fixed;

	right: 20px;

	bottom: 20px;

}



.fixTop i {

	cursor: pointer;

	font-size: 40px !important;

}



#games-container {

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: space-evenly;

	max-width: 1300px;

	margin: 0 auto;

}



#games-container .game-col {

	width: calc(16.6%);

}



#games-container .game-col a {

	text-decoration: none;

}



.game-col img {

	border-radius: 25px 25px 0px 0px;

	padding: 10px;

	width: 100%;

}



.game-col img:hover {

	border-radius: 15px 15px 0px 0px;

	padding: 0px;

}



.game-col .text {

	text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;

}



#game-grid {

	grid-template-areas:

		". g g g . ."

		". g g g . ."

		". g g g . ."

		". . . . . ."

		". . . . . ."

		". . . . . ."

		". . . . . ."

		". . . . . ."

		". . . . . .";

	display: grid;

	gap: 20px;

	grid-gap: 20px;

	height: 100%;

	max-width: 1300px;

	margin: 10px auto;

}



#game-grid .contentTab {

	grid-area: g;

	background: #000;

}



#game-grid .contentTxt {

	border: 1px solid #3c3c3c;

	width: 250px;

	height: 50px;

	line-height: 50px;

	margin-top: 30px !important;

	margin: 30px auto 0px auto;

	text-decoration: none;

	color: #fff;

	border-radius: 5px;

	background-color: #123456;

	margin-bottom: 5px;

}



@media (min-width:768px) and (max-width:992px) {

	#games-container .game-col {

		width: calc(33.3%);

	}



	#games-container .game-col img {

		padding: 10px;

	}



	.categorynav li {

		margin: 5px 10px !important;

		width: 80%;

		padding: 0px;

	}

}



@media (max-width:767px) {

	#searchGames {

		display: none;

	}



	#games-container .game-col {

		width: calc(50%);

	}



	#games-container .game-col img {

		padding: 5px;

	}



	.categorynav li {

		margin: 5px 10px !important;

		width: 80%;

		padding: 0px;

	}



	.categorynav li:nth-of-type(8) {

		display: inline-block;

	}



	#game-grid {

		grid-template-areas:

			"g g"

			"g g"

			". ."

			". ."

			". ."

			". ."

			". ."

			". .";

	}

}