.mobile-navigation { display: none; }
.scroll-top { display: none; }
.page-content-header button.loginBtn--facebook.mobile { display: none; }

@media only screen and (max-width: 678px) {

	#activity-panel table, #reward-panel table {
		font-size: 10px !important;
	}
}

@media only screen and (max-width: 991px) {
	body.page-container-boxed .page-container {
		width: 100%;
	}
	
	/* ------ LOGIN ------ */
	.login-container .login-box {
		min-width: 0 !important;
		width: 100% !important;
	}
	
	
	/* ------ HOME PAGE ------ */
	body .page-container { 
		background-color: #FFF;
		padding: 0 !important;
		width: 100% !important;  
		border: none !important; 
		box-shadow: none !important;
		border-radius: 0 !important;
	}
	
	.page-content-header button.loginBtn--facebook { display: none; }
	.page-content-header button.loginBtn--facebook.mobile { display: block; }
	
	.page-content-header .socials {
		position: absolute;
		top: 0;
		right: 10px;
		text-align: right;
	}
	
	.page-content-header .socials a {
		margin: 5px;
	}
	
	.page-content-header .contacts {
		position: absolute;
		top: 200px;
	}
	
	.page-content-header .contacts .phone {
		position: absolute;
		right: 30px;
		font-size: 3.5vw!important;
	}
	.page-content-header .contacts .email {
		position: absolute;
		left: 0;
		font-size: 3vw!important;
	}
	
	.page-content-header .facebook-button {
		padding: 0;
		position: absolute;
		top: -10px;
	}
	
	.x-navigation { display: none; }
	
	.mobile-navigation { 
		display: block;
		float: left;
		background: #9D2129;
		width: 100%;
		
		transition: 1s;
	}
	
	.mobile-navigation .menu {
		list-style: none;
		padding: 0;
		margin: 0;
		transition: 0.5s;
		z-index: 9;
		width: 100%;
		
		visibility: hidden;
		position: absolute;
		opacity: 0;
		transform: translateY(-2em);
		transition: all 0.3s ease-in-out 0.2s, visibility 0.5s linear 0.3s, z-index 0s linear 0.01s;
	}
	
	.mobile-navigation.expanded .menu {
		visibility: visible;
		opacity: 1;
		transform: translateY(0%);
	}
	
	.mobile-navigation .menu .menu-item {
		padding: 10px 25px;
		border-bottom: 1px solid #FFF;
		background: #9D2129;
	}
	
	.mobile-navigation .menu .menu-item a {
		color: #FFF !important;
	}
	
	.mobile-navigation .menu-burger {
		padding: 5px 25px;
	}
	
	.mobile-navigation .menu-burger .bar1, 
	.mobile-navigation .menu-burger .bar2, 
	.mobile-navigation .menu-burger .bar3 {
		width: 31px;
		height: 5px;
		background-color: #FFF;
		margin: 6px 0;
		transition: 0.4s;
		border-radius: 3px;
	}
	.mobile-navigation.expanded .menu-burger .bar1 {
		-webkit-transform: rotate(-45deg) translate(-8px, 7px);
		transform: rotate(-45deg) translate(-8px, 7px);
	}

	.mobile-navigation.expanded .menu-burger .bar2 {opacity: 0;}

	.mobile-navigation.expanded .menu-burger .bar3 {
		-webkit-transform: rotate(45deg) translate(-8px, -8px);
		transform: rotate(45deg) translate(-8px, -8px);
	}
	
	.input-group {
		width: 100%;
	}
	
	#activity-panel table, #reward-panel table {
		font-size: 2.5vw;
	}
	
	.scroll-top {
		display: block;
		position: fixed;
		background: #9D2129;
		padding: 10px 15px;
		border-radius: 5px;
		width: fit-content;
		bottom: 20px;
		right: 20px;
		opacity: 0.6;
	}
	
	.scroll-top .scroll-top-button {
		font-size: 15px;
		color: #FFF;
	}
	
	.scroll-top .scroll-top-button:hover,
	.scroll-top .scroll-top-button:focus,
	.scroll-top .scroll-top-button:active {
		text-decoration: none;
	}
	
	.widget-reward, .widget-reward-description,
	.widget-earning, .widget-earning-description,
	.widget-benefit, .widget-benefit-description	{
		min-height: 0!important;
	}
	.widget-reward-body, .widget-reward-title,
	.widget-earning-body, .widget-earning-title,
	.widget-benefit-body, .widget-benefit-title {
		height: auto !important;
	}
	
	.modal-dialog {
		top: 30%;
	}
}