@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

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

.main-page .container {max-width:100% !important;}
.main-page {background-size: cover; min-height: 600px;}
.login-page {padding:50px 20px; min-height: 600px;}
.login-left {padding-right:40px;}
.login-left .login-logo {padding-bottom:40px;}
.login-left .login-heading {padding: 0 0 30px;
    font-size: 20px;
    line-height: 28px;}
.login-box {padding:30px; width:420px; min-height:500px;}	
.welcome-text {margin-bottom:20px;}
.welcome-text h2 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 10px;}
.welcome-text .plan-text {font-size:14px;}	
.login-box .form-group {margin-bottom: 1rem;}
.login-box .form-group label {margin-bottom: 5px;}




}


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

.login-left .login-heading {
        padding: 0 0 20px;
        font-size: 18px;
        line-height: 24px;}
.login-box {min-height: 420px;}
.login-box .form-group label  {margin-bottom:2px; font-size:12px;}
.forgot-pass a {font-size:11px;}
.remember-pass, .forgot-pass {padding:5px 0; font-size:11px;}

}


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

.login-page {
        padding:30px 0;
        min-height: inherit;
        display: block;}
.login-left {
        padding-right:0; padding-bottom: 30px;
        width:100%; max-width:100%;}	
.login-box {
        min-height: inherit;
        width: 100%;
        padding: 20px; border-radius:12px;}	
.login-right {max-width:100%;}		
.login-left .login-logo { padding-bottom:20px;}
.login-left .login-heading {
        padding: 0 0 10px;
        font-size: 16px;
        line-height: 22px;
        text-align: center;}
.forgot-pass .forgotBtn	{font-size: 11px;}

}


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

.welcome-text .plan-text { font-size:13px;}
.welcome-text h2 { font-size:20px; margin:0;}
    .login-box .form-group label {
        margin-bottom: 3px;
        font-size: 13px;}

}