@media (max-width: 991px) {
    /* 2- Structure */
    body{padding:15px 15px 0px}
    .login-inner{height:100%;flex-wrap:wrap;margin-bottom:15px}
    .left-sec{width:100%!important}
    .right-sec{width:100%!important}
    /* 3- Logo */
    .logo-align{padding:0px 10px 10px 0px;gap:8px}
    .logo-align .brand-img img{width:50px}
    .brand-text h4{font-size:12px}
    .logo-title{padding-left:0px}
    .right_section{padding-right:0px;padding-bottom:10px}
    .right_section img{width:50px}

    /* 5- Form Fields */
    .left-sec form{padding:15px 0px 15px 0px!important}
    /* 7- Footer */
    .footer-sec{padding:15px 0 15px 0px;text-align:center}
    .mobile-sec{display:block}
    .desktop-sec{display:none}
    /* 8- Right Img */
    .right-sec img{height:100%}
}
@media (max-width: 767px) {    
    /* 5- Form Fields */
    .form-group{width:100%!important}
}