html, body {background:#F4F6F8; height:100%; padding:0; margin:0;}
body {overflow-x:hidden; overflow-y:auto; font-family:'PlusJakartaSans', Arial, sans-serif; font-size:14px; padding:0; margin:0; color:#000;}


.login{background:#fff; border-radius:10px; width:55%; height:70%; overflow:hidden;}
.loginres{border-radius:5px; overflow:hidden; justify-content:center; height:100%;}
.loginres img{min-width:100%; max-height:100%; object-fit:cover}

.login .loginicerik{padding:35px;}
.login .loginicerik .baslik{font-size:38px; font-weight:200; letter-spacing:-2px;}
.login .loginicerik .bilgi{font-size:14px; margin-top:20px;}

.login .loginicerik .yaz{margin-top:20px;}
.login .loginicerik .yaz input{margin-top:20px; width:100%; padding:10px 0; border:none; border-bottom:1px solid #ECEFF2; font-size:18px; font-weight:300;}

.login .loginicerik .yaz .giris{background:#ff0000; color:#fff; padding:15px 25px; color:#fff; border:0; border-radius:5px; margin-top:20px; font-size:14px;}
.login .loginicerik .yaz .giris:hover{background:#2d1e8b;}
.login .loginicerik .girissorgula{margin-top:25px; font-size:12px;}

.login .loginicerik .gblogo{max-height:100%}
.login .loginicerik .gblogo img{width:50%}

.loginresalan{align-self:flex-start; width:50%; flex:0 0 auto;}
.loginicerikalan{width:50%; flex:0 0 auto;}

@media(max-width: 1550px){

}

@media(max-width: 1450px){
    .login .loginicerik .baslik{font-size:32px;}
    .login .loginicerik .bilgi{font-size:12px;}
    .login .loginicerik .yaz input{margin-top:15px;}
}

@media(max-width: 1370px){
    .login{width:65%; height:75%;}
    .login .loginicerik{padding:20px;}
    .login .loginicerik .baslik{font-size:32px;}
    .login .loginicerik .yaz input{margin-top:10px;}
}

@media(max-width: 1234px){
    .login{width:75%; height:75%;}
    .login .loginicerik .yaz input{margin-top:5px;}
}

@media(max-width: 1000px){
    .login .loginicerik{padding:20px 10px;}
    .login .loginicerik .baslik{font-size:28px;}
    .login{width:95%; height:auto;}
    .login .loginicerik .yaz input{margin-top:0px;}
    .loginresalan{order:0; height:150px !important; width:100%;}
    .loginresalan .loginres{height:150px;}
    .loginicerikalan{order:1;width:100%;}
}