@media screen and (min-width: 1920px){
    .loginCA .row > div{
        padding: 8rem 0 !important;
    }
}
@media screen and (max-width:1440px) {
    .login-header img {
        max-width: 264px
    }

    .login-form .welcome-note {
        font-size: 36px;
        line-height: 48px
    }

    .form-group.index-group label {
        position: absolute;
        left: 28px;
        top: 21px
    }

    .form-group.index-group input:focus+label,
    .form-group.index-group input:not(:placeholder-shown)+label {
        left: 12px;
        top: 3px;
        font-size: 20px
    }

    .footer-subdiv h3 {
        font-size: 18px;
        line-height: 24px
    }

    .footer-subdiv p,
    .footer-subdiv ul li a {
        font-size: 16px;
        line-height: 22px
    }

    .form-group.index-group {
        margin-bottom: 20px
    }

    .login-wrapper {
        background-position: left
    }

    .login-right {
        padding: 78px 129px 78px 160px
    }

    .login-left h1 {
        font-size: 47px;
        line-height: 52px
    }

    .login-left p {
        font-size: 31px;
        line-height: 52px
    }

    .login-left {
        padding: 0 59px
    }

    .login-form {
        padding: 26px 45px;
        backdrop-filter: blur(33px)
    }

    .login-left-fixed {
        font-size: 22px;
        line-height: 26px;
        padding: 7px 21px
    }

    .field-icon {
        margin-top: -49px;
        font-size: 25px
    }

    .login-header .social-wrapper img {
        max-width: 35px
    }
}

@media screen and (max-width:1024px) {
    .login-form h1 {
        font-size: 40px;
        line-height: 44px
    }

    .login-form p {
        font-size: 30px;
        line-height: 38px
    }

    .login-form .welcome-subnote {
        font-size: 18px;
        line-height: 23px
    }

    .login-form .welcome-note {
        font-size: 31px;
        line-height: 42px
    }

    .login-form img {
        max-width: 200px
    }

    .footer-subdiv h3 {
        font-size: 16px;
        line-height: 20px
    }

    .footer-subdiv p,
    .footer-subdiv ul li a {
        font-size: 14px;
        line-height: 20px
    }

    .footer-contact-links li {
        margin-bottom: 8px !important
    }

    .copyright span,
    .copyright ul li a {
        font-size: 16px;
        line-height: 23px
    }

    .form-group.index-group input:focus+label,
    .form-group.index-group input:not(:placeholder-shown)+label {
        top: 1px;
        font-size: 17px
    }

    .form-group.index-group label {
        position: absolute;
        left: 28px;
        top: 23px
    }

    .login-right {
        padding: 78px 100px 78px 108px
    }

    .login-left {
        padding: 0 30px
    }

    .login-left h1,
    .login-left p {
        font-size: 37px;
        line-height: 42px
    }

    .login-form {
        margin: 40px 0;
        padding: 26px 45px;
        backdrop-filter: blur(33px)
    }

    .login-left-fixed {
        letter-spacing: 0;
        position: absolute;
        font-size: 22px;
        line-height: 26px;
        font-family: Barlow-Medium;
        letter-spacing: -.78px;
        color: #fff;
        bottom: 0;
        right: 0;
        padding: 7px 21px;
        background-color: #292b2c;
        border-radius: 8px 0 0
    }

    .field-icon {
        margin-top: -49px;
        font-size: 25px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .footer-subdiv {
        max-width: 100%;
        margin-bottom: 15px
    }

    .copyright span,
    .copyright ul li a {
        font-size: 14px;
        line-height: 23px
    }

    .login-left {
        display: none
    }

    .login-header .social-wrapper img {
        max-width: 30px
    }
}

@media screen and (min-width:320px) and (max-width:768px) {
    .login-header {
        padding: 13px 0
    }

    .login-header img {
        max-width: 180px
    }

    .login-form {
        padding: 35px 16px
    }

    .form-group input {
        width: 100%;
        padding: 17px 17px 13px;
        font-size: 20px
    }
    .loginCA .fs-36{
        font-size: 32px;
    }
    .loginCA .form-group input {
        width: 100%;
        padding: 0 10px;
        font-size: 16px;
    }

    .loginCA .form-group{
      width: 100%;
    }
    .loginCA .loginPan h4:nth-child(2){
        font-size: 24px;
    }

    .form-group.index-group label {
        position: absolute;
        left: 28px;
        top: 15px
    }

    .login-form p {
        font-size: 26px;
        line-height: 30px
    }

    .login-form .welcome-note {
        font-size: 28px;
        line-height: 38px
    }

    .login-form .welcome-subnote {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 16px
    }

    .btn-wrapper a {
        font-size: 16px;
        line-height: 24px
    }

    .btn-wrapper .login-btn {
        padding: 8px 30px
    }

    .copyright span,
    .copyright ul li a {
        font-size: 8px;
        line-height: 16px
    }

    .footer-subdiv ul li i {
        color: #f2f7fb;
        font-size: 9px;
        line-height: 18px
    }

    .footer-subdiv p,
    .footer-subdiv ul li a {
        font-size: 8px;
        line-height: 15px
    }

    .footer-subdiv h3 {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 5px !important
    }

    .form-group.index-group input:focus+label,
    .form-group.index-group input:not(:placeholder-shown)+label {
        top: 0;
        font-size: 14px
    }

    .footer-link-wrapper {
        padding: 18px 0
    }

    .login-left {
        display: none
    }

    .login-header .social-wrapper img {
        max-width: 22px
    }

    .login-right {
        padding: 48px 15px 78px
    }

    .login-left-fixed {
        font-size: 13px;
        line-height: 25px;
        letter-spacing: 0;
        padding: 6px 8px
    }
}