/* CSS Document */
@media only screen and (min-width: 980px) and (max-width: 1024px) 
{
	body
	{
		background-size:100% 1000px;
	}
	.login
	{
		height:auto;
		background: rgba(255, 255, 255, 0.7);
	}
	.login-center 
	{
		width:1000px;
	}
	.logo-social
	{
		width:300px;
		margin:70px 0px 50px;
	}
	.logo img
	{
		width:300px;
	}
	.fb
	{
		margin:20px 15px 0 6px;
	}
	.twitter
	{
		margin:20px 15px 0 0px;
	}
	.instagram
	{
		margin:20px 15px 0 0px;
	}
	.pintrest
	{
		margin:20px 15px 0 0px;
	}
	.google-plus
	{
		margin:20px 15px 0 0px;
	}
	.in
	{
		margin:20px 15px 0 0px;
	}
	.login-input
	{
		width:650px;
	}
	.input-uname-pass
	{
		margin: 0 30px 0 0;
    	width: 225px;
	}
	.input-uname-pass input
	{ 
		margin: 0 30px 0 0;
    	width: 225px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) 
{
	body
	{
		background-size:100% 100%;
	}
	.login
	{
		height:auto;
		background: rgba(255, 255, 255, 0.7);
	}
	.login-center 
	{
		width:300px;
	}
	.logo-social
	{
		width:300px;
		margin:50px 0px 10px;
	}
	.logo img
	{
		width:300px;
	}
	.fb
	{
		margin:20px 15px 0 6px;
	}
	.twitter
	{
		margin:20px 15px 0 0px;
	}
	.instagram
	{
		margin:20px 15px 0 0px;
	}
	.pintrest
	{
		margin:20px 15px 0 0px;
	}
	.google-plus
	{
		margin:20px 15px 0 0px;
	}
	.in
	{
		margin:20px 15px 0 0px;
	}
	.login-input
	{
		width:300px;
	}
	.login-input h1
	{
		text-align:center;
	}
}
@media only screen and (min-width: 768px) and (max-width: 979px) 
{
	body
	{
		background-size:100% 100%;
	}
	.login
	{
		height:auto;
		background: rgba(255, 255, 255, 0.7);
	}
	.login-center 
	{
		width:300px;
	}
	.logo-social
	{
		width:300px;
		margin:50px 0px 10px;
	}
	.logo img
	{
		width:300px;
	}
	.fb
	{
		margin:20px 15px 0 6px;
	}
	.twitter
	{
		margin:20px 15px 0 0px;
	}
	.instagram
	{
		margin:20px 15px 0 0px;
	}
	.pintrest
	{
		margin:20px 15px 0 0px;
	}
	.google-plus
	{
		margin:20px 15px 0 0px;
	}
	.in
	{
		margin:20px 15px 0 0px;
	}
	.login-input
	{
		width:300px;
	}
	.login-input h1
	{
		text-align:center;
	}
	.download-link img
	{	
		width:143px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) 
{
	body
	{
		background-size:100% 100%;
	}
	.login
	{
		height:auto;
		background: rgba(255, 255, 255, 0.7);
	}
	.login-center 
	{
		width:300px;
	}
	.logo-social
	{
		width:300px;
		margin:50px 0px 10px;
	}
	.logo img
	{
		width:300px;
	}
	.fb
	{
		margin:20px 15px 0 6px;
	}
	.twitter
	{
		margin:20px 15px 0 0px;
	}
	.instagram
	{
		margin:20px 15px 0 0px;
	}
	.pintrest
	{
		margin:20px 15px 0 0px;
	}
	.google-plus
	{
		margin:20px 15px 0 0px;
	}
	.in
	{
		margin:20px 15px 0 0px;
	}
	.login-input
	{
		width:300px;
	}
	.login-input h1
	{
		text-align:center;
	}
	.download-link img
	{	
		width:143px;
	}
}
@media only screen and (max-width: 479px) 
{
	body
	{
		background-size:100% 100%;
	}
	.login
	{
		height:auto;
		background: rgba(255, 255, 255, 0.7);
	}
	.login-center 
	{
		width:300px;
	}
	.logo-social
	{
		width:300px;
		margin:50px 0px 10px;
	}
	.logo img
	{
		width:300px;
	}
	.fb
	{
		margin:20px 15px 0 6px;
	}
	.twitter
	{
		margin:20px 15px 0 0px;
	}
	.instagram
	{
		margin:20px 15px 0 0px;
	}
	.pintrest
	{
		margin:20px 15px 0 0px;
	}
	.google-plus
	{
		margin:20px 15px 0 0px;
	}
	.in
	{
		margin:20px 15px 0 0px;
	}
	.login-input
	{
		width:300px;
	}
	.login-input h1
	{
		text-align:center;
	}
	.download-link img
	{	
		width:143px;
	}
}