/* max-width - mobile vertical  */
@media (max-width: 480px) {
	.form {
		margin-top: 30px;
	}
	
	.form .left {
		display: block;
		text-align: center;
		width: 100%;
	}
	
	.tit-login {
		font-family: cursive;
		font-size: 56px;
		text-align: center;
	}
	
	#main {
		margin-top: 10px;
	}
	
	.dataTables_info {
		display: none;
	}
	
	.dataTables_filter input {
		margin-top: -15px;
	}
	
	#header menu {
		display: none;
		float: left;
		height: auto;
		left: 0;
		position: absolute;
		text-align: left;
		width: 50%;
		z-index: 10;	
	}
	
	#header menu a {
		display: block;
	}
	
	.menu-responsive {
		display: block;
	}
}

@media (max-height: 400px) {
	.form {
		margin-top: 5px;
	}
	
	#main {
		margin-top: 5px;
	}
	
	#header menu {
		display: none;
		float: left;
		height: auto;
		left: 0;
		position: absolute;
		text-align: left;
		width: 50%;
		z-index: 10;	
	}
	
	#header menu a {
		display: block;
	}
	
	.menu-responsive {
		display: block;
	}
}