/* xl */
@media (min-width: 1661px) and (max-width: 1885px) {}

/*  */
@media (min-width: 1441px) and (max-width: 1660px) {}

/*  */
@media (min-width: 1367px) and (max-width: 1440px) {}

/* lg */
@media (min-width: 1200px) and (max-width: 1366px) {
    .basic-info {
        height: auto;
        width: 100%;
    }

    .main-container {
        height: auto;
    }

    .right-section {
        height: auto;
        min-height: 650px;
    }
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
    .otp-card {
        .otp-img {
            height: 150px;
        }
    }

    .login-main::after {
        width: 56%;
    }

    .login-main::before {
        width: 44%;
    }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .basic-info {
        & .step {
            .step-head {
                font-size: 10px;
            }
        }
    }

    .basic-info {
        .right-section {
            padding: 20px 8px;
        }
    }

    .right-section {
        padding: 40px 60px;

        & .right-sec-text {
            h2 {
                font-size: 15px;
                line-height: 20px;
            }
        }
    }

    .right-section {
        & .right-sec-text {
            h3 {
                font-size: 12px;
                line-height: 16px;
            }

            p {
                font-size: 10px;
            }
        }
    }

    .login-main::after {
        width: 56%;
    }

    .login-main::before {
        width: 44%;
    }

    .otp-card {
        .otp-img {
            height: 150px;
        }
    }
}

/* xs */
@media (max-width: 767px) {
    .otp-card {
        margin-top: 10px;

        .otp-img {
            height: 150px;
        }
    }

    .login-main::before {
        width: 100%;
        height: 100%;
    }

    .login-main::after {
        top: auto;
        width: 100%;
        height: 100%;
    }

    .basic-info {
        & .step {
            .step-head {
                font-size: 10px;
            }
        }
    }

    .basic-info {
        .right-section {
            padding: 10px 6px;
        }
    }

    .acnt-div {
        margin-top: 10px;
    }

    .right-section {
        padding: 40px 60px;
    }
}

/* XS Portrait */
@media (max-width: 480px) {}