@media all and (max-width: 1920px) {
    .logo-mobile-new {
        display: none;
    }

    .form-logo-mobile {
        display: none;
    }

    .flt {
        display: none;
    }
}

@media all and (max-width: 1366px) {
    .form-main-heading {
            margin-bottom: 28px;
        }
    .logo-mobile-new {
        display: none;
    }

    .form-logo-mobile {
        display: none;
    }

    .flt {
        display: none;
    }

    .update-profile {
        width: 85%;
        padding: 40px;
    }

    .register-input .login-input .login-field {
        height: 45px;
    }

    .user-icon {
        height: 25px;
    }
     .update-profile .login-input {
            margin-bottom: 15px;
    }
}

@media all and (max-width: 1200px) {
    .form-logo-mobile {
        display: none;
    }

    .flt {
        display: none;
    }
        /*26/10/2023*/
        .css-1e2rm82-MuiPaper-root-MuiAppBar-root{
            background-color: #f4f6f8 !important;
        }
        .css-zylse7-MuiButtonBase-root-MuiIconButton-root {
            color: #000 !important;
        }
        .makeStyles-icon-25{
            color: #fff;
        }
     
}

@media all and (min-width: 1025px) {
    .login {
        height: calc(100% - 80px);
        display: flex;
        align-items: center;
    }
}

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

    .signup-mobileshow {
        width: 100%;
        padding-inline: 20px;
    }
    .login-card{padding: 24px 40px;border-radius: 15px;}
    .updateProfile .container-fluid .row .col-lg-6{
            flex: 0 0 100%;
                max-width: 100%;
    }
    #mobile-hide {
        display: none;
    }

    #mobile-show {
        width: 100%;
    }

    .signup-card {
        padding: 25px 35px;
    }

    .logo-mobile {
        display: block;
        max-width: 90px;
        margin: 0px auto 20px auto;
    }

    .logo-mobile-new {
        display: block;
        max-width: 65%;
        margin: 0px auto 20px auto;
    }

    .dropdown a {
        position: relative;
        display: block;
    }

    .login>.container>.row>div:last-child {
        max-width: 100%;
        flex-basis: 100%;
    }

    .signup>.container>.row>div:last-child {
        max-width: 100%;
        flex-basis: 100%;
    }

    .flt {
        display: none;
    }

}

@media (min-width: 992px) {
    /* #mobile-show {
        width: 100%;
    } */

    .user-info {
        display: block;
    }

    .user-email {
        margin-bottom: 10px;
    }

    .user-info {
        display: flex;
    }

    .flt {
        display: none;
    }
   
}

@media all and (max-width: 991px) {
    .logo-mobile-new {
        max-width: 100%;
        width: 100%;
    }

    .input-col {
        width: 100%;
        margin-bottom: 8px;
    }

    .name-felx {
        display: block;
    }


    #mobile-show {
        width: 100%;
    }

    .user-info {
        display: block;
    }

    .user-email {
        margin-bottom: 10px;
    }

    .widgets-login {
        justify-content: flex-start;
    }
 /*26/10/2023*/
 .css-14tl3l8{
    width: 75% !important;
}
}

@media all and (max-width: 768px) {
    .OTPScreen .form-main-heading h1 {
            font-size: 1.2rem;
            padding: 0rem;
        }
    .user-icon {
        height: 23px;
    }

    .widgets-login {
        justify-content: center;
        align-items: center;
    }

    .login-card {
        width: 90%;
        /* border-radius: 50px; */
        background-color: #fff;
        padding: 40px;
        position: relative;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

    .form-card {
        display: none;
    }

    .form-logo-mobile {
        display: block;
        max-width: 90px;
        margin: 0px auto 20px auto;
    }

    .logo-section {
        text-align: center;
    }

    .widgets-login .nav-right {
        max-width: 175px;
    }

    body .container {
        max-width: 95%;
    }

    /* .login {
        padding: 1rem 0;
    } */

    .login .container {
        padding: 0 10px;
    }

    .reset-card {
        padding: 35px 20px;
    }

    .banner-heading {
        font-size: 1.7rem;
    }

    .banner-text {
        font-size: 1rem;
    }

    .btn-custom {
        margin-top: 12px;
        font-size: 0.8rem;
    }

    .user-info {
        display: block;
    }

    .user-email {
        margin-bottom: 10px;
    }

    .logo-mobile-new {
        max-width: 100%;
        width: 100%;
    }

    .brand-new img {
        max-width: 400px;
    }
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .update-profile {
        width: 90%;
        padding: 35px;
    }

    .update-profile .login-input {
        margin-bottom: 10px;
    }

    .form-main-heading h1 {
        font-size: 2.2rem;
    }

    .login-field {
        height: 55px;
    }

    .main_login {
        display: initial;
    }

    .log-bannerSec {
        width: 100%;
    }

    .log-formSec {
        width: 100%;
    }

    .login-form {
        left: 10px;
        right: 10px;
    }

    .left-panel {
        position: fixed;
        width: 60%;
        top: 65px;
        left: -500px;
    }

    .right-panel {
        width: 100%;
        margin-left: 0%;
    }

}

@media all and (max-width: 739px) {
    .widgets-login {
        padding: 0;
    }
}

@media all and (max-width: 576px) {
.OTP-card {
        padding: 25px 5px;
}
.otp-input input[type="number"] {
    width: 40px;
    height: 40px;
    margin: 0rem;
}
    .otp-main-heading h1 {
        font-size: 20px;
    }

    .signup-mobileshow {
        padding-inline: 0px;
    }

    .login-card {
        padding: 12px 20px;
    }

    .banner-heading {
        font-size: 1.9rem;
    }

    input[type="number"] {
        height: 35px;
        width: 35px;
    }

    .widgets-login {
        padding: 0px 0px 6px 0px;
    }

    .btn-custom {
        margin-top: 12px;
        font-size: 0.8rem;
    }

    .float-right {
        text-align: center;
    }

    .logo-mobile-new {
        margin: 20px auto 20px auto;
        max-width: 100%;
        width: 100%;
    }
    .css-14tl3l8{
        width: 90% !important;
    }
}

@media all and (max-width: 480px) {
    .otp-card {
        padding: 35px 20px;
    }

    .logo-mobile-new {
        margin: 20px auto 20px auto;
        max-width: 100%;
        width: 100%;
    }
}

@media all and (max-width: 414px) {
    .logo-mobile-new {
        margin: 20px auto 20px auto;
        max-width: 100%;
        width: 100%;
    }
}

@media all and (max-width: 375px) {
    .signup-card {
        padding: 25px 20px;
    }

    .btn-custom {
        font-size: 1rem;
    }

    .form-main-heading h1 {
        font-size: 1.5rem;
    }

    .form-main-heading span {
        font-size: 0.8rem;
    }

    .float-right {
        text-align: center;
    }

    .icontext img {
        max-width: 40px;
    }

    /* .keepme {
        margin-bottom: 10px;
    } */

    .forgot-pwd {
        display: block;
    }

    .keepme {
        max-width: 200px;
        margin: auto;
    }

    .keepme-sell {
        margin: auto;
    }

    .login-card .forgot-pwd {
        text-align: center;
    }

    .find-account {
        text-align: center;
        display: block;
        /* margin-top: 20px; */
    }
/* 
    .keepme-text {
        margin-bottom: 10px;
    } */

    .logo-mobile-new {
        margin: 20px auto 20px auto;
        max-width: 100%;
        width: 100%;
    }
}

@media all and (max-width: 360px) {
    .heading {
        font-size: 1.4rem;
    }

    .logo-mobile-new {
        margin: 20px auto 20px auto;
        max-width: 100%;
        width: 100%;
    }
        .otp-input input[type="number"] {
            width: 34px;
            height: 34px;
            margin: 0rem;
        }
      
}

@media all and (max-width: 320px) {
    .heading {
        font-size: 1.4rem;
    }

    .widgets-login {
        padding: 0px 0px 6px 0px;
    }

    .logo-mobile-new {
        margin: 0px auto 0px auto;
        max-width: 100%;
        width: 100%;
    }
}

@media all and (max-width: 300px) {
    .signup-mobileshow label{
        font-size: 14px;
    }
    .signup-mobileshow .register-input .login-input .login-field {
        height: 36px!important;
    }
    .keepme-text {
        font-size: 12px;
    }
}

@media all and (max-height:750px)
{

.form-main-heading h1 {font-size: 1.75rem;margin-bottom: 4px;}
.form-main-heading {
    margin-bottom: 8px;
}
.login label {
    margin-bottom: 0.25rem;
}

.signup-mobileshow .register-input .login-input .login-field {
    height: 40px;
}

.signup-mobileshow .login-input {
margin-bottom:6px;
}



.keepme-text {
font-size: 14px;
padding-block: 4px;
}

.login-red-btn {
height:40px;
}

}

@media all and (max-height: 600px) {
.signup-mobileshow label{
    font-size: 14px;
    margin-bottom:0px ;
}

.signup-mobileshow .login-card {
    padding-block: 12px;
}
}