@media only screen and (max-width:1920px){
	.mentor-dtl{
		width:50%;
	}
	
	.mentor-img{
		width:70%;
	}
	
	.buttons{
		width:100%;
		text-align:center;	
	}
	.buttons .motivate-btn{
		display:inline-block;
		float:none;	
	}
}

@media only screen and (max-width:1650px){
	.login-inr{
		left:30px;	
	}
	
	#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%;	
	}

}

@media only screen and (max-width:1366px) and (max-height:600px){
	.mentor-img{
		width:80%;	
	}
}

@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%;	
	}
	
	.mentor-dtl{
		right:50px;	
	}
}



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

	
	.mentor-dtl{
		right:20px;	
	}
	
	.motivate-btn img{
		width:180px !important;	
	}
	
	.buttons .motivate-btn:last-child img{
		width:220px !important;	
	}
	
	.buttons{
		width:100%;
		text-align:center;	
	}
	
	.buttons .motivate-btn{
		float:none;
		display:inline-block;	
	}
}



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

@media only screen and (max-width:900px){
	.mentor-dtl{
		right:0;
		width:55%;
	}
	
	.buttons{
		width:auto;
		float:right;
	}
	
	.buttons .motivate-btn{
		width:auto;
		float:left;
		display:inline-block;
		clear:both;
		text-align:center;
		margin-right:20%;		
	}
	
	.mentor-img{
		float:right;	
	}
	
}



@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%;	
	}
	

	

	
	.mentor-img{
		width:90%;
	}
	
}

@media only screen and (max-height:768px){
	#login-main{
		padding-top:4%;	
	}
	
	.login-bg{
		height:670px;
		padding-top:150px;
	}
	
	.mentor-img{
		width:75%;
	}
	
}

@media only screen and (max-height:700px){
	.buttons .motivate-btn{
		margin-right:0;	
		float:right;
	}

}

@media only screen and (max-height:670px){
	.mentor-img{
		width:75%;
	}	
}


@media only screen and (max-height:670px){
	.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;	
	}
	
	.mentor-dtl{
		display:none;	
	}
}

@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;	
	}
}

@media only screen and (max-height:600px){
	.mentor-img{
		width:85%;
	}
}