/* Login Page responsive */
@media(max-width:1599px){
.form-wrapper input:not([type=checkbox]):not([type=submit]):not([type=button]){height: 45px;}
.form-wrapper form{margin-top: 40px;}
.login-page::before{left: 23%;}
.login-page > div::after { left: 9%; }
}
@media(max-width:1399px){
.form-wrapper h1{font-size: 34px;line-height: 1.4;}
.login-page{grid-template-columns: 60% 40%;}
.form-wrapper{padding-inline: 15px;}
.login-page::before, .login-page::after, .login-page > div::after { width: 86px; height: 90px; background-position: 0 -37px; background-size: 400px; bottom: -26px; left: 25.4%; }
.login-page::after { left: auto; bottom: auto; top: 30%; width: 137px; height: 137px; background-position: right 0; right: -27px; }
.login-page > div::after { width: 128px; height: 113px; background-position: -116px -10px; top: 5%;bottom: auto; left: 6%; }
}

@media(max-width:1299px){
.form-wrapper form{margin-top: 30px;}
.form-wrapper h1{font-size: 32px;}
}
@media(max-width:1099px){
.form-wrapper h1{font-size: 30px;}
.form-wrapper form{margin-top: 25px;}
.login-page::before { left: 17.4%; }
}

@media(max-width:991px){
.login-page{grid-template-columns: 100%;}
.img-container{height: auto;}
.form-wrapper{padding-block: 40px;max-width: 100%;width: 90%;}
.img-container img{max-height: 300px;}
.login-page::before { left: 26%; }
}

@media(max-width:767px){
.form-wrapper h1{font-size: 30px;}
.form-wrapper p{line-height: 1.2;}
.form-wrapper input:not([type='checkbox']):not([type='submit']):not([type='button']){height: 40px;}
.login-field{margin-bottom: 30px;}
.form-wrapper{min-width: auto;}
.logo{margin-bottom: 0 !important;}
.logo img{width: 80%;}
.login-page::before { left: 10%; }
.login-page > div::after { width: 88px; height: 73px; background-position: -79px -10px; top: 4%; bottom: auto; left: 4%; background-size: 274px; }
.login-page::after { left: auto; bottom: auto; top: 16%; width: 104px; height: 102px; right: -20px; background-size: 300px; }
}