.container {
    /* width: unset; */
}

.navbar-right {
    margin-right: unset;
} 

/* NAVBAR for Game Listing Lobby */
#banner .carousel, #banner .carousel-inner, #banner .item {
    height: unset;
}

.game-list-lobby {
	width: 100%;
    /*max-width: 970px;*/
    /*padding-top: 120px;*/
    /*padding-bottom: 20px;*/
}
@media (max-width: 767px) {
	.game-list-lobby {
	    /*padding-top: 70px;
	    padding-bottom: 80px;*/
	}
}
@media (min-width: 1200px) {
	.game-list-lobby {
	    /*padding-top: 140px;*/
	    /*max-width: 1170px;*/
	}
}
@media (min-width: 1500px) {
	.game-list-lobby {
	    /*max-width: 1580px;*/
	}
}

.game-list-lobby .navbar-fixed-top {
    /*top: 60px;*/
    position: relative;
    z-index: 99;
    height: 45px;
    width: 100%;
    min-height: 45px;
    margin-bottom: 10px;
}
@media (min-width: 1200px) {
	.game-list-lobby .navbar-fixed-top {
	    /*top: 80px;*/
	}
}
@media (min-width: 1500px) {
	.game-list-lobby .navbar-fixed-top {
	    /*top: 80px;*/
	}
}
@media (max-width: 767px) {
	.game-list-lobby .navbar-fixed-top {
		/*display: none;*/
	}
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.game-list-lobby .navbar-fixed-top.sticky {
  position: fixed;
  top: 60px;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.game-list-lobby .navbar-fixed-top.sticky + .content {
  padding-top: 80px;
}
@media (min-width: 1200px) {
	.game-list-lobby .navbar-fixed-top.sticky {
		top: 80px;
	}
}
@media (min-width: 1500px) {
	.game-list-lobby .navbar-fixed-top.sticky {
		top: 80px;
	}
}
@media (max-width: 767px) {
	.game-list-lobby .navbar-fixed-top {
		/*display: none;*/
	}
}

.game-list-lobby .navbar-fixed-top .container{   
    width: 100%;
    height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	border-bottom: 2px solid #782d8e;
	padding: 16px 0px;
}

.game-list-lobby .navbar-fixed-top .ico{
    width: auto;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
}

.game-list-lobby .navbar-fixed-top .container .navbar-collapse {
	/*background: #EFD28A;*/
    /*background: -moz-linear-gradient(top, #EFD28A 0%, #ef8c02  60%); */ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #EFD28A 0%,#ef8c02 60%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #EFD28A 0%,#ef8c02 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 100% + 15px;
    padding: 0px 10px;
    margin-left: -15px;
    border-top: 0px solid transparent;
}
@media (min-width: 692px) {
	.game-list-lobby .navbar-fixed-top .container .navbar-collapse {
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 793px) {
 	.game-list-lobby .navbar-fixed-top .container .navbar-collapse {
    	width: 750px;
   	}
}
@media (min-width: 992px) {
	.game-list-lobby .navbar-fixed-top .container .navbar-collapse {
		width: 970px;	
	}
}
@media (min-width: 1200px) {
	.game-list-lobby .navbar-fixed-top .container .navbar-collapse {
		width: 1170px;
	}	
}
@media (min-width: 1500px) {
	.game-list-lobby .navbar-fixed-top .container .navbar-collapse {
    	width: 1450px;
	}
}

.game-list-lobby .navbar-fixed-top .container .navbar-nav {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.game-list-lobby .navbar-fixed-top .container .navbar-nav>li {
	padding-left: 5px;
	padding-right: 5px;
	
}

.game-list-lobby .navbar-fixed-top .container .navbar-nav>li>a {
	padding: 6px 16px;
	color: #f7f7f8;
	font-weight: 500;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
	text-overflow: ellipsis;
	font-size: unset;
	background-color: #101a37;
}
@media (max-width: 691px) {
	.game-list-lobby .navbar-fixed-top .container .navbar-nav>li>a {
		max-width: unset;
		width: 100%;
	}
}
@media (min-width: 692px) {
	.game-list-lobby .navbar-fixed-top .container .navbar-nav>li>a {
		max-width: 300px;
	}
}

.game-list-lobby .navbar-fixed-top .container .navbar-nav>li>a:hover {
	background-color: rgba(0, 0, 0, 0.3);
}

.game-list-lobby .navbar-fixed-top .container .navbar-nav>li.active>a {
	background-color: #782d8e;
	color: #f7f7f8;
}

.game-list-lobby .navbar-fixed-top .container .input-search {
	width: 240px;
	float: right;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}

.game-list-lobby .navbar-fixed-top .container .input-search > i.fa {
	color: #757575;
	float: left;
	padding: 8px;
	width: 30px;
}

.game-list-lobby .navbar-fixed-top .container .input-search > input {
	width: calc(100% - 40px);
	float: left;
	outline: none;
	font-size: 12px;
	border: 1px solid #f7f7f8;
	background-color: #270a32;
}
@media (max-width: 767px) {
	.game-list-lobby .navbar-fixed-top .container .input-search {
		float: left;
		/*width: calc(100% - 10px);*/
		width: calc(100% + 3px);
		margin-left: -3px;	
	}
	.game-list-lobby .navbar-fixed-top .container .navbar-nav {
		width: 100%;
	}
	.game-list-lobby .navbar-fixed-top .container .navbar-nav>li {
		/* width: 100%; */
	}
	.game-list-lobby .navbar-fixed-top .container .navbar-nav>li>a {
		width: 100%;
		max-width: unset;
	}
}

.game-list-lobby .navbar-fixed-top .container .navbar-header button.navbar-toggle {
    background-color: #222222;
    border-color: #222222;
    margin-top: 5px;
    margin-bottom: 8px;
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}

.game-list-lobby .navbar-fixed-top .container .navbar-header button.navbar-toggle.selected-game {
    background-color: #222222;
    border-color: #222222;
    margin-top: 5px;
    margin-bottom: 8px;
    margin-right: 0px;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    padding: 0px;
    height: 34px;
    width: calc(100% - 70px);
}

.game-list-lobby .navbar-fixed-top .container .navbar-header #selectedGameTypeTitle {
    /*-webkit-appearance: button;
    cursor: pointer;
    background-color: #222222;*/
}

.game-list-lobby .navbar-fixed-top .container .navbar-header .game-type-title {
	margin: 0px 5px 0px 5px;
	padding: 2px 0px 0px 15px;
	-moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
	text-overflow: ellipsis;
	background-color: #222222;
    border-color: #222222;
    text-align: center;
}

.game-list-lobby .game-listing {
	width: 100%;
	margin-top: 32px;
	margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
 	.game-list-lobby .game-listing {
		margin-top: 12vh;
    	padding-bottom: 70px;
 	}
}
@media (min-width: 793px) {
 	.game-list-lobby .game-listing {
		margin-top: 6vh;
    	width: 750px;
   	}
}
@media (min-width: 992px) {
 	.game-list-lobby .game-listing {
		margin-top: 5vh;
    	width: 970px;
   	}
}
@media (min-width: 1200px) {
	.game-list-lobby .game-listing {
    	width: 1170px;
	}
}
@media (min-width: 1500px) {
	.game-list-lobby .game-listing {
    	width: 1450px;
	}
}

/* Using <div> to display */
.game-list-lobby .list-casino {
	padding: 5px;
	/*border: 1px solid #222222;*/
	min-width: 145px;
	min-height: 151px;
}
/*
@media (max-width: 550px) {
 	.game-list-lobby .list-casino {
		padding: 0px;
		min-width: 100px;
 	}
}
@media (max-width: 414px) {
 	.game-list-lobby .list-casino {
		padding: 0px;
		min-width: 100px;
 	}
}
@media (max-width: 375px) {
 	.game-list-lobby .list-casino {
		padding: 0px;
		min-width: 155px;
 	}
}
@media (max-width: 320px) {
 	.game-list-lobby .list-casino {
		padding: 0px;
		min-width: 135px;
 	}
}*/

.game-list-lobby .list-casino .game-frame {
	border: 4px solid #101a37;
	color: #f7f7f8;
}



.game-list-lobby .list-casino .game-frame .game {
	/* -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border: 5px solid #008200; */
}

/* Using <img> to display */
.game-list-lobby .list-casino .game-frame .game .portfolio-item {
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 20px;
    padding: 10px;
    min-width: 117px;
	min-height: 93px;
	/*max-width: 213px;*/
	max-height: 170px;
	width: 100%;
	height: 100%;
}
@media (min-width: 1px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		height: 93px;
 		max-height: 93px;
 	}
}
@media (min-width: 320px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		height: 93px;
 		max-height: 93px;
 	}
}
@media (min-width: 360px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		height: 109px;
 		max-height: 109px;
 	}
}
@media (min-width: 375px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		height: 115px;
 		max-height: 115px;
 	}
}
@media (min-width: 411px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		height: 129px;
 		max-height: 129px;
 	}
}
@media (min-width: 414px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		height: 131px;
 		max-height: 131px;
 	}
}
@media (min-width: 768px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		height: 127px;
 		max-height: 127px;
 	}
}
@media (min-width: 992px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		height: 171px;
 		max-height: 171px;
 	}
}
@media (min-width: 1200px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		height: 113px;
 		max-height: 113px;
 	}
}
@media (min-width: 1500px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		height: 170px;
 		max-height: 170px;
 	}
}
/*@media (max-width: 550px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		max-height: 113px;
 	}
}
@media (max-width: 550px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		max-width: 160px;
 		max-height: 128px;
 	}
}
@media (max-width: 414px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		max-width: 110px;
 		max-height: 88px;
 	}
}
@media (max-width: 360px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		max-width: 137px;
 		max-height: 109px;
 	}
}
@media (max-width: 320px) {
 	.game-list-lobby .list-casino .game-frame .game .portfolio-item {
 		max-width: 117px;
 		max-height: 93px;
 	}
}*/
.navbar-nav .fa.fa-heart {
	color: red;
}

.game-list-lobby .list-casino .game-frame .game .favourite .fa.fa-heart {
	color: red;
	cursor: pointer; 
}
.game-list-lobby .list-casino .game-frame .game .favourite .fa.fa-heart:hover:before {
	color: white;
	content: "\f08a";
}

.game-list-lobby .list-casino .game-frame .game .favourite .fa.fa-heart-o {
	cursor: pointer; 
}
.game-list-lobby .list-casino .game-frame .game .favourite .fa.fa-heart-o:hover:before {
	color: red;
	content: "\f004";
}

.game-list-lobby .list-casino .game-frame .game .favourite.saved {
	position: absolute; 
	top: 10px; 
	right: 20px;
}

.game-list-lobby .list-casino .game-frame .game .favourite.save {
	position: absolute; 
	top: 10px; 
	right: 12px; 
	/* visibility: hidden;	
	opacity: 0; */
	color: red;
	padding: 4px 3px 3px 4px;
	border-radius: 50%;
	background-color: rgba(176,176,176,0.5);
	width: 25px;
	height: 25px;
}

.game-list-lobby .list-casino .game-frame .game .middle {
	transition: .5s ease;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}

.game-list-lobby .list-casino .game-frame .game .middle .text {
  	background-color: #782d8e;
  	border-color: #782d8e;
  	color: #f7f7f8;
  	/*font-size: 16px;*/
  	padding: 0px 15px;
  	margin: 12px 0px;
  	width: auto;
    overflow: hidden;
	text-overflow: ellipsis;
	box-shadow: 8px 8px 8px rgb(0 0 0 / 50%);
}

.game-list-lobby .list-casino .game-frame .game .middle .text a {
	box-shadow: none;
}
@media (max-width: 550px) {
 	.game-list-lobby .list-casino .game-frame .game .middle .text {
 		margin-top: 5px;
		margin-bottom: 10px;		
 	}
 	.game-list-lobby .list-casino .game-frame .game .middle .text.try-now {
		margin-top: 10px;		
 	}
}
@media (max-width: 360px) {
 	.game-list-lobby .list-casino .game-frame .game .middle .text {

 	}
}
@media (max-width: 320px) {
 	.game-list-lobby .list-casino .game-frame .game .middle .text {

 	}
}

.game-list-lobby .list-casino .game-frame .game .middle .text:hover {
	text-decoration: underline;
}

.game-list-lobby .list-casino .game-frame .game .middle .text>a {
  	color: white;
  	text-decoration: none;
  	white-space: nowrap;
  	font-size: 14px;
}

@media (min-width: 1200px) {
	.game-list-lobby .list-casino .game-frame .game .middle .text>a {
		
	}
}
@media (max-width: 1199px) {
	.game-list-lobby .list-casino .game-frame .game .middle .text>a {
		
	}
}
@media (max-width: 767px) {
	.game-list-lobby .list-casino .game-frame .game .middle .text>a {
		font-size: 12px;
	}
}

.game-list-lobby .list-casino .game-frame .game .middle .text.try-now {
  	background-color: #222222;
}

.game-list-lobby .list-casino .game-frame .game .game-name {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	letter-spacing: 0.0em;
    line-height: 20px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 767px) {
	.game-list-lobby .list-casino .game-frame .game .game-name {
	    font-size: 12px;
	}
}


.game-list-lobby .list-casino:hover .game-frame {

}

.game-list-lobby .list-casino:hover .game-frame .game {
	-moz-border-radius: unset;
    -webkit-border-radius: unset;
    border-radius: unset;
}

.game-list-lobby .list-casino:hover .game-frame .game .portfolio-item {
	opacity: 0.5;
}

.game-list-lobby .list-casino:hover .game-frame .game .favourite.save {
  	visibility: visible;
  	opacity: 1;
}

.game-list-lobby .list-casino:hover .game-frame .game .middle {
  	opacity: 1;
  	visibility: visible;
}

.game-list-lobby .list-casino:hover .game-frame .game .game-name {
	/* background-color: #008200; */
}

.game-list-lobby .game-frame .provider-img {
	background-color: #101a37;
}

.game-list-lobby .game-frame .provider-img img {
	width: 100%;
	height: 40px;
	object-fit: contain;
	padding: 6px;
}

@media (min-width: 1200px) {
	#gameMenuItemBar {
		width: auto;
	}
}

@media (max-width: 996px) {
	#gameMenuItemBar {
		width: 70%;
		margin: 12px auto;
	}

	.game-list-lobby .navbar-fixed-top .container .navbar-nav {
		justify-content: space-between;
	}

	.game-list-lobby .navbar-fixed-top .container .input-search {
		width: 200px;
	}
}

@media (max-width: 767px) {
	#gameMenuItemBar {
		width: 90%;
		margin: auto;
	}

	.game-list-lobby .navbar-fixed-top .container .navbar-nav {
		justify-content: space-between;
	}

	.game-list-lobby .navbar-fixed-top .container .input-search {
		width: 60%;
		margin: auto;
	}
}

@media (max-width: 550px) {
	#gameMenuItemBar {
		width: 100%;
		margin: auto;
	}

	.game-list-lobby .navbar-fixed-top .container .navbar-nav {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}

	.game-list-lobby .navbar-fixed-top .container .navbar-nav>li>a {
		font-size: 12px;
		padding: 6px 10px;
	}

	.game-list-lobby .navbar-fixed-top .container .input-search {
		width: 60%;
		margin: auto;
	}

	.game-list-lobby .game-listing {
		margin-top: 11vh;
    	padding-bottom: 70px;
 	}

	 .game-list-lobby .navbar-fixed-top .container {
		 padding: 0px 0px 16px 0px !important;
	 }
}

#mobile .game-list-lobby .navbar-default {
	border-bottom: none;
}

#mobile .game-list-lobby {
	margin-top: 0px;
}

#mobile .game-list-lobby #gameMenuBar .navbar-nav {
	margin: 0px;
}