@media(max-width: 1199.98px){
.login_box{ max-width: 960px;}
}
@media(max-width: 991.98px){
.login_box{ max-width: 720px;}
.login_left, .login_right{ max-width: 100%; flex: 0 0 100%;}
.myRightCtn{ min-height: 10rem; background-size: cover; background: #29127c;}
}
@media(max-width: 767.98px){
.input_effects{ height: 3.8rem;}
.myCard{ margin: 15px;}
}
@media(max-width: 575.98px){
.forget_pass{ margin-top: 1.5rem;}
.myLeftCtn{ padding: 2rem;}
.form_heading{ font-size: 1.8rem;}
.myRightCtn{ min-height: 8rem; display: flex; align-items: center; justify-content: center;}
.login_img_box{ padding: 20px;}
.input_effect ~ label{ font-size: 18px;}
}
@media(max-width: 479.98px){
.form_heading{ font-size: 22px;}
.myLeftCtn{ padding: 20px;}
}