@media only screen and (max-height:700px){
		.buttons{
			bottom:	7%;
		}
}


@media only screen and (max-height:650px){
		.buttons{
			bottom:	5%;
		}
}

@media only screen and (height:600px){
		.buttons{
			bottom:	1%;
			right:19%;
		}
		
		.motivate-btn img{
			width:200px !important;
		}
}


@media only screen and (max-width:1280px) and (max-height:600px){
		.buttons{
			bottom:	10%;
			right:15%;
		}
}

@media only screen and (width:1280px) and (max-height:800px){
		.buttons{
			bottom:	25%;
			right:12%;
		}
}


@media only screen and (max-width:1650px){
	.login-inr{
		left:60px;	
	}
	
	#login-main{
		width:540px;
		padding-top:5%;		
	}
	
	.login-bg{
		background-size:85% 100%;
		height:680px;	
	}
	
	.form{
		width:60%;	
	}
	
	.dwnld{
		left:40px;	
	}
	
	.container-txt h1{
		font-size:24px;	
	}
	
	.container-txt{
		width:50%;	
	}


}

@media only screen and (max-width:1400px){
	.container-txt{
		width:50%;	
	}
	
	.buttons{
		right:16%;
	}
}

@media only screen and (max-width:1280px){
	.buttons{
		bottom:10%;
	}
}

@media only screen and (max-width:1200px){
	.container-txt h1{
		font-size:30px;	
	}
	
	.container-txt p{
		font-size:15px;	
	}
}

@media only screen and (max-width:1100px){
	#login-main{
		padding-top:7%;	
	}
}

@media only screen and (max-width:1040px){
	.buttons{
		right:13%;
	}
}

@media only screen and (max-width:980px){
	.container-txt h1{
		font-size:20px;	
	}
	
	#login-main{
		padding-top:8%;	
	}
	
	.buttons{
		bottom:15%;
	}
}

@media only screen and (max-width:850px){
	.container-txt p{
		display:none;	
	}
	
	.container-txt{
		bottom:180px;
		width:40%;	
	}
	
	.container-txt h1{
		font-size:30px;	
	}
	
	#login-main{
		padding-top:9%;	
	}
}

@media only screen and (max-height:768px){
	#login-main{
		padding-top:4%;	
	}
	
	.login-bg{
		height:670px;
		padding-top:150px;
	}
	
	.buttons{
		display:none;
	}
}

@media only screen and (max-height:650px){
	.logo{
		background-size:auto 100%;
		padding-top:60px;
		padding-bottom:120px;
		padding-left:90px;	
		left:10px;
	}
	
	.login-bg{
		height:550px;	
		padding-top:100px;
	}
	
	.dwnld{
		bottom:0;	
	}
	#login-main{
		padding-top:6%;	
	}
	
	.login-bg p{
		margin:10px 0;	
	}
}


@media only screen and (max-width:760px){
	.container-txt h1{
		font-size:25px;	
		padding:15px;
	}
}

@media only screen and (max-width:680px){
	.container-txt h1{
		display:none;
	}
	
	#login-main{
		padding-top:12%;	
	}
}

@media only screen and (max-width:640px){
	#login-main{
		position:relative;
		padding-top:0;	
	}
	
	.login-inr, .logo{
		position:relative;		
		padding:0;
		left:auto;
		top:auto;
		background:none;
	}
	
	#login-main{
		margin:auto;
		width:80%;
		float:none;	
		text-align:center;
		padding:30px 0;
	}
	
	.login-bg{
		background:none rgba(255,255,255,0.9);	
		padding:0;
		height:auto;
		padding-top:30px;
		width:100%;
	}
	
	.form{
		display:inline-block;
		float:none;
		width:90%;	
	}
	
	.login-bg p{
		width:90%;	
		display:inline-block;
		margin:auto;
	}
	
	.dwnld{
		position:relative;	
		width:100%;
		left:auto;
		top:auto;
		bottom:auto;
		background:none rgba(255,255,255,0.9);	
		width:100%;
		padding:20px 0;
		border-top:#ccc solid thin;
	}
	
	
	
	a.video{
		display:none;	
	}
	
	a.hide{
		display:block;	
	}
	
	a.btn{
		display:inline-block;
		float:none;
		margin-top:10px;
		letter-spacing:0;
		padding:10px 15px;
	}
	
	.forgot{
		float:right;
		clear:none;	
	}
	
	.dwnld h2::before{
		display:none;	
	}
	
	.dwnld h2{
		padding:5px 30px;
		display:inline-block;
		color:#02959f;
		border-radius:30px;
	}
	
	.dwnld-on{
		padding-left:0;
		text-align:center;	
	}
	
	.dwnld-on a{
		margin:0 5px;	
	}
	
	.logo{
		background:rgba(0,0,0,0.7);
		padding:20px 0;	
	}
}

@media only screen and (max-width:480px){
	.logo img{
		width:220px;	
	}
}

@media only screen and (max-width:400px){
	#login-main{
		width:90%;	
		padding:30px 0 0;
	}
	
	.login-bg p{
		display:none;	
	}
	
	a.hide{
		display:none;	
	}
	
	.login-bg h3{
		font-size:20px;
		padding:20px 0 0;
		margin:0;
	}
	
	.login-bg{
		padding:0;
	}	
	
	.dwnld{
		padding:10px 0;	
	}
}

@media only screen and (max-width:360px) and  (max-height:640px){
	#login-main{
		padding:100px 0 0;
	}	
}

@media only screen and (max-width:320px) and  (max-height:480px) {
	#login-main{
		padding:30px 0 0;
	}
}

@media only screen and (width:480px) and  (height:320px) {
	#login-main{
		padding:0;
	}
	
	.login-bg p{
		display:none;	
	}
}

@media only screen and (width:640px) and  (height:360px) {
	#login-main{
		padding:0;
	}
	
	.login-bg p{
		display:none;	
	}
}