@media only screen and (max-width: 800px) {
	.top-nav .logo , .top-nav .wg-phone, .main-nav {
		float: inherit;
		width: 100%;
		text-align: center;
}

	.top-nav #login {
	  float: left;
	  width: 96%;
	  padding: 5% 2%;
	}	

.icon-custom-user , .icon-custom-pass,
.icon-custom-submit {
	float: left;
	margin: 0 2px 5px 0;
	width: 100%; 
}

.top-nav #login input {
	max-width: 100%;
	width: 100%;
	height: 30px;
} 
	
	.main-nav ul li {
		padding: 1% 2%;
	}

}

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

	.text-content .colum , .linesLeagues , .linesContainer,
	.menu-rules , .content-rules , .cs-phone , .admin-access , .footer-container ul li {
		margin: 0 0 2% 0;
		width: 100%;
	}

	.logo img {
		width: 100%;
		max-width: 410px;
	}

.main-nav ul li {
  padding: 1% 2%;
  width: 94%;
  border-radius: 0;
}

.service-box ul li {
	width: 100%;
}
}