@media (max-width: 1040px) {

    body,
    html {
        overflow: initial;
    }

    .scroll-auto {
        -webkit-overflow-scrolling: auto; /* Stops scrolling immediately */
      }

    .container {
        overflow-x: hidden;
    }

    .login-container {
        width: 90%;
        height: 750px;
        top: 5vw;
        left: 5%;
    }

    .login {
        height: 100%;
    }

    .bg {
        width: 100%;
        height: 140%;
        top: 0;
        left: 0;
    }

    .bg-img {
        width: 100%;
        height: 100%;
        background-image: url(../App_Themes/v3.0/Images/mobile-bg.jpg);
    }

    .login-content {
        top: calc(50% - 180.5px)
    }

    .login-left {
        width: 100%;
        height: 500px;
        top: initial;
        left: initial;
        right: initial;
        position: relative;
        float: left;
    }

    .login-right {
        width: 100%;
        height: 250px;
        top: initial;
        left: initial;
        right: initial;
        position: relative;
        float: left;
    }

    .mdesking-logo {
        width: 271px;
        height: 134px;
        position: absolute;
        top: calc(50% - 67px);
        left: calc(50% - 135.5px);
    }
}