@media (max-width: 760px) {
    .header-logo{
        width: 150px;
    }

    .header-profile{
        display: none;
    }

    .login-heading, .login-heading span{
        font-size: 36px;
    }

    .login-header-links{
        display: none;
    }

    .green-text p{
        font-size: 14px;
    }

    table, thead, tbody, th, td, tr {
        display: block;
    }

    td {
        text-align: right;
        padding-left: 50%;
        position: relative;
    }

     thead tr {
        display: none;
      }

      tr {
        margin-bottom: 15px;
      }

    td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: 45%;
        padding-left: 15px;
        font-weight: bold;
        text-align: left;
    }

    td img{
        display: none;
    }

    .footer-text .text1 p,.footer-text .text1 span{
        font-size: 18px;
    }

    .footer-last-line {
     flex-direction: column;
    }

    .footer-links-hr {
    height: 1px;
    width: 100%;
    border: 1px solid #fff ;
    margin: 1rem 0;
    }
}


@media screen and (max-width: 1024px) {
    .login-bg{
        display: none;
    }
    
    .login-box, .login-detail{
        width: 100%;
    }
}


@media screen and (min-width: 1920px) {
    .login-bg{
        width: 60%;
    }
}