@media (max-width: 1300px) { 
	.big-container {padding: 0 20px}

}

@media (max-width: 1200px) { 

	.referum-games-grid {
		grid-template-columns: repeat(5,1fr);
	}


}

@media (max-width: 991.98px) { 


	/*header*/


	.header {padding: 12px 0}


	.header-flex .left a img {
		position: relative;
		z-index: 1000;
	}


	.menu-wrapper {
	    display: block;
	    height: 40px;
	    background: transparent;
	    width: 40px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border-radius: 5px;
	    border-radius: 7px;
	    top: 11px;
	    right: 5px;
	}

	.menu-wrapper.fixed {position: fixed;}

	.header-transparent .menu-wrapper {
		background: white;
	}
	
	.center-in-box {
		position: relative;
		top: -24px;
	}
		
	
	.header {
		z-index: 99999999;
	}

	.header-menu {
		position: fixed;
	    background: var(--dark1);;
	    height: 100%;
	    top: 0;
	    left: 0;
	    width: 100%;
	    display: none;
	    z-index: 9999;
	}

	.header-menu ul {
		flex-direction: column;
		padding: 110px 0 70px;
		align-items: center;
	}

	.header-menu ul li.special {margin-left: 10px;}
	
	.header-menu ul li a {
		font-weight: 500;
		font-size: 15px;
		line-height: 2;
		color: #fff;
	}

	.header-menu ul li {
		margin-bottom: 24px;
		margin-left: 10px;
	}

	.header-menu ul li:not(.special) a::after {display: none!important}

	.header-menu ul li a.active, .header-menu ul li a:hover {
		color: var(--pink);
	}







	/* games */


	.referum-games-grid {
		grid-template-columns: repeat(4,1fr);
	}




	/* error state */


	.referum-input .error-state {
		transform: none;
	    padding: 0;
	    bottom: -16px;
	    background: transparent;
	    color: #c21d22;
	    left: unset;
	    right: 0px;
	    font-size: 11px;
	}

	.referum-input .error-state::after {
		display: none;
	}



		
}





@media (max-width: 767px) { 

	.big-container , .container {
		padding: 0 12px;
	}

	.referum-games-grid {
		grid-template-columns: repeat(3,1fr);
	}




	.pick-game-filters {
		flex-direction: column;
		grid-gap: 20px;
    	align-items: flex-start;
	}

	.pick-game-filters h2 {font-size: 22px;}



	.default-popup-box .close-modal {
		right: 10px;
		top: 10px
	}

	.default-popup-box {overflow: auto}



	.etherum-popup .referum-tooltip-popup {
		left: unset;
    	right: -10px;
   		transform: none;
	}

	.etherum-popup .referum-tooltip-popup::after {
		left:85%;
	}


}






@media (max-width: 580px) { 


	.referum-games-grid {
		grid-template-columns: 1fr 1fr;
		grid-gap: 12px;
	}



	.award-cta-buttons {
		flex-direction: column;
	}

	.award-cta-buttons .ticket-amount {order:-1;}

	.award-cta-buttons .default-button {
		margin-top: 10px;
		width: 100%;
		text-align: center;
	}   	

	.award-details p {
		padding: 15px;
		width: 100%;
		text-align: center;
	}

	.referum-tooltip-popup {width: 150px}
    




}