/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

}

/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 800px) {

.center-align {
	width: 700px;
	margin: 0px auto;
	}
	
	.footer{
height :70px;
}
	

}

/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 700px) {

.center-align {
	width: 500px;
	margin: 0px auto;
	}
	
	
	.footer{
height :50px;
}
	

}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 500px) {

.center-align {
	width: 400px;
	margin: 0px auto;
	}

.header {
	height: 90px;
}

.footer{
height :31px;
}

}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 480px) {

.center-align {
	width: 300px;
	margin: 0px auto;
	}

.login-div {
	margin: 50px auto;
	width: 300px;
	overflow: hidden;
}

.up-div label {
	width: 25%;
}

.up-div input {
	width: 60%;
}

.login-div input.email {
	margin-left: 80px;
}

.login-div input.send {
	margin-left: 83px;
}

.footer{
height :31px;
}





}