@media only screen and (max-width: 447px) {
    .fs-6{
        font-size: 0.8rem !important;
    }
    .e-bg-gradient .e-signin-content {
        min-width: 100%;
        padding: 25px;
    }
    .e-form-container .e-signin-from-container {
        width: auto;
        padding: 3rem;
    }
    .wrap-blue, .wrap-green {
        width: 120px;
    }
    .login-phone-logo {
        width: 80px;
        top: 5%;
    }

    .e-otp-control {
        width: 100%;
    }

    .e-otp-container {
        justify-content: center;
    }

    #divOuter {
        width: 190px; 
        overflow: hidden;
    }

    .timeline-content {
        padding: 15px;
    }
    
    #partitioned {
        padding-left: 13px;
        letter-spacing: 22px;
        background-size: 31px 2px;
        background-position-x: 30px;
        width: 220px;
        min-width: 220px;
    }

    .e-header-date-container, .db-text-color {
        display: none;
    }

    .layout-sidebar-large .sidebar-left .navigation-left {
        width: 100px;
    }
    .layout-sidebar-large .sidebar-left-secondary.open {
        left: 100px;
    }
    .main-content-wrap.sidenav-open {
        width: calc(100% - 100px);
    }
    .panel-body-view {
        padding: 10px;
    }


    
    .e-thead {
        display: none;
    }
    .e-tbody tr {
        border-bottom: 35px solid var(--bs-gray-100);
    }
    .e-tbody .e-tr td:first-child {
        padding-left:10px;
    }
    .e-tbody .e-tr td:before {
        content: attr(data-label);
        float: left;
        font-size:10px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .e-tbody .e-tr td {
        display: block;
        text-align: right;
        font-size: 14px;
        padding: 0px 10px!important;
        box-shadow: 0 1px 1px rgba(0,0,0,.3);
    }

    .table-header, .table-footer {
        flex-direction: column;
    }
    /* updated css 15 march 2023 */
    .e-login-phone-img {
        height: 50vh;
    }
    .e-signin-from-container {
        padding: 3rem;
    }
    .only-mobile {
        display: block;
    }
    .only-desktop {
        display: none;
    }
    /* updated css 15 march 2023 */

    
      
}
@media (min-width: 448px) and (max-width: 556px) {
    .e-form-container .e-signin-from-container {
        width: 350px;
        padding: 3rem;
    }

}
@media (min-width: 448px) and (max-width: 767px) {
    .e-bg-gradient .e-signin-content {
        min-width: 100%;
        padding: 25px;
    }
    .e-form-container .e-signin-from-container {
        padding: 3rem;
    }
    .wrap-blue, .wrap-green {
        width: 120px;
    }
    .login-phone-logo {
        width: 80px;
        top: 5%;
    }

    .timeline-content {
        padding: 15px;
    }

    /* updated css 15 march 2023 */
    .e-login-phone-img {
        height: 50vh;
    }
    .e-signin-from-container {
        padding: 3rem;
    }
    .only-mobile {
        display: block;
    }
    .only-desktop {
        display: none;
    }
    /* updated css 15 march 2023 */

    .e-otp-control {
        width: 100%;
    }

    .e-otp-container {
        justify-content: center;
    }

    #divOuter {
        width: 190px; 
        overflow: hidden;
    }
    #partitioned {
        padding-left: 13px;
        letter-spacing: 22px;
        background-size: 31px 2px;
        background-position-x: 30px;
        width: 220px;
        min-width: 220px;
    }

    .e-header-date-container, .db-text-color {
        display: none;
    }
    .panel-body-view {
        padding: 10px;
    }

    .e-thead {
        display: none;
    }
    .e-tbody tr {
        border-bottom: 35px solid var(--bs-gray-100);
    }
    .e-tbody .e-tr td:first-child {
        padding-left:10px;
    }
    .e-tbody .e-tr td:before {
        content: attr(data-label);
        float: left;
        font-size:10px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .e-tbody .e-tr td {
        display: block;
        text-align: right;
        font-size: 14px;
        padding: 0px 10px!important;
        box-shadow: 0 1px 1px rgba(0,0,0,.3);
    }

    .table-header, .table-footer {
        flex-direction: column;
    }

    
      
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .e-otp-container {
        justify-content: center;
    }

    
}

@media (min-width: 992px) and (max-width: 1023px) {
    .e-otp-container {
        justify-content: center;
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {

}

@media (min-width: 1024px) and (max-width: 1200px) {

}
@media only screen and (min-width: 1201px) and (max-width: 1366px) {

}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {

}
@media only screen and (min-width: 1441px) and (max-width: 1600px) {

}
@media only screen and (min-width: 1601px) {

}