@media(max-width:1024px){
    html{
        font-size: 58%;
    }
    .common-section {
        padding: 50px 0;
    }
    .container{
        max-width: 100% !important;
	}
	
	.login-form{
		width: 410px;
		padding: 0 30px;		
	}
	main{
		width: 100%;
		position: static;
		padding-bottom: 80px;
	}
	
	aside{
		z-index: 2;
		padding-bottom: 140px;
		left: -100%;
		bottom: 65px;
		top: 80px;
		padding-bottom: 0;
		transition: .3s ease;
		position: fixed;
		
	}
	aside.close-aside{
		left: 0;
		width: 320px;		
	}
	aside.close-aside span{
		display: inline-block !important;
	}
	.toggle-bar span:nth-child(2) {
		margin-top: 8px;
		margin-bottom: 8px;
	}
}
.form-fields input.login-btn{
    padding-left: 0;
    font-size: 2rem;
    height: 45px;
    margin: auto;
    margin-bottom: 40px;
}

@media(max-width:991px){
	header{
		height: 80px;
	}
}
@media (max-width:767px){
	.login-wrapper{
		padding: 40px 10px 30px;
	
	}
	.form-fields h1{
		font-size: 3rem;
		text-align: center;
	}
	.form-fields p{
		font-size: 2rem;
		text-align: center;
	}
	
	.login-form {
		position: static;
		width: 100%;
		max-height: 550px;
		padding: 23px;
		margin-top: 50px;
	}
	.login-logo {
		position: static;		
		margin: auto;
		text-align: center;
	}
}
@media (max-width:576px){
    
	.logo{
		max-width: 125px;
	}
	main {
		padding: 15px;
		padding-bottom: 100px;
	}
	.login-form {
		width: 100%;
		padding: 20px;
	}
	
}