@media only screen and (min-width: 1024px) {
    .login_mainContent {
        position: relative;
    }

    .formLeft .sologan-right{
        display:block;
    }

    .login_mainContent .login-left {
        width: 100%;
    }

    .login_mainContent .login-right .login-form {
        top: 40%;
        transform: translate(0, -40%);
        left: 60px;
    }

    .login_mainContent .login-right .login-form.RegisterAccNNL{
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }
    .login_mainContent .login-right.RegisterAccNNL {
        width: 40%;
    }

    .login_mainContent .login-right.RegisterAccNNL .login-form {
        width: 100%;
        transform: none;
        position: relative;
        left: 0;
        top: 0;
        margin: 0 60px;
        min-height: 80vh;
    }
    .login_mainContent .login-right {
        position: absolute;
        width: 80%;
        top: 50%;
        left: 50%;
        height: 75vh;
        transform: translate(-50%, -60%);
        border-radius: 40px;
        display: flex;
        justify-content: flex-end;
        transition: all 0.4s;
    }
    .login_mainContent .login-right.RegisterAccNNL {
        height: fit-content;
        min-height: 80vh;
        transform: translate(-50%, -57%);
    }

    .login_mainContent .login_footer {
        display: none;
    }

    .login_mainContent .login-left .login_slide {
        z-index: 1;
        top: 180px;
        left: 60%;
    }


    .login_mainContent .login-left .login_info .logo_left {
        display: none;
    }


    .login_mainContent .login-left .sologan-right {
        color: #1C1C1C;
    }

    .login_mainContent .login-left .login_slide {
        display: none;
    }

    .formLeft {
        width: 70%;
        padding: 40px 20px;
        overflow: hidden;
    }

        .formLeft .formLeftImg {
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-size: 50%;
            background-position-x: center;
            background-image: url('../../lib/adminlte/dist/assets/bglogin/bg.png');
        }

    .formLeft img {
        max-width: 100%;
        max-height: 100%;
    }

    .formLeft .sologan-right {
        color: #374151;
        text-align: center;
        margin-bottom: 60px;
    }

    .login-right .login-form h3 {
        display: none;
    }

    .login_mainContent .login-left .info-add {
        background: rgba(243, 244, 246, 0.9);
        border-radius: 40px 40px 0px 0px;
        right: 0;
        left: 0;
        bottom: 0;
        padding: 20px 30px;
        color: #1F2937;
    }

    .formLeft .sologan-right-name {
        color: inherit !important;
        font-weight: 700;
        font-size: 1.8rem;
        line-height: 40.5px;
        white-space: break-spaces;
        text-transform: uppercase;
    }

    .formLeft .sologan-right-desc {
        font-size: 20px;
        color: inherit !important;
        /* hiện thị text xuống dòng */
        /* white-space: nowrap; */
        display: block;
        margin-bottom: 0px;
    }

    .info-add .info-add-decs {
        display: grid;
        grid-template-columns: 50% 20% 20%;
        gap: 60px;
        align-items: stretch;
    }

    .info-add .info-add-decs .info-add-decs-item {
        position: relative;
    }

        .info-add .info-add-decs .info-add-decs-item i {
            color: #6B7280;
        }

        .info-add-decs-item .text-white {
            color: inherit !important;
        }

    .info-add .info-add-decs .info-add-decs-item:not(:last-child)::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background-color: #D1D5DB;
        right: -30px;
        top: 0;
    }
}

@media (min-width: 1024px) and  (max-width: 1200px) {
    .login_mainContent .login-right {
        width: 90%;
        transition: all 0.4s;
    }

}


@media (max-width: 1024px) {
    .formLeft {
        display: none;
    }
}

@media only screen and (max-width: 1367px) {
    .login_mainContent .login-right .login-form .login-form-logo {
        width: 100px;
        height: 100px;
    }
    
    .login_mainContent .login-right.RegisterAccNNL .login-form .login-form-logo {
        width: 80px;
        height: 80px;
    }
    .formLeft .sologan-right-name {
        font-size: 1.2rem;
    }
    .login_mainContent .info-add h1 {
        font-size: 1rem;
        margin-bottom: 8px;
    }
    .info-add .info-add-decs {
        font-size: 0.8rem;
    }
    .login_mainContent .info-add .info-add-decs .info-add-decs-item {
        margin-bottom: 0;
    }
    .formLeft .formLeftImg {
        background-size: 45%;
    }
    .login_mainContent .login-right .login-form .login-option {
        margin-bottom: 14px;
    }
}