@media only screen and (max-device-width: 360px) and (min-device-width: 320px) and (orientation: landscape) { /* from 320 to 459 */
    .Login-Image {
        display: none !important;
    }

    .right-side {
        width: 100% !important;
    }

    .Login-Label-Div {
        margin-top: 20px !important;
    }

    .main-box {
        margin-inline: 20px;
        width: calc(100vw - 40px) !important;
    }

    .main-box-2 {
        margin-inline: 20px;
        width: calc(100vw - 40px) !important;
        min-width: auto !important;
        min-height: auto !important;
    }

    .ResetPassword-Image {
        display: none !important;
    }

    .right-side-2 {
        width: 100% !important;
    }

    .Login-Label-Div-2 {
        margin-top: 20px !important;
    }

    .box-header {
        width: 318px !important;
    }
}

@media only screen and (max-device-width: 360px) and (min-device-width: 320px) and (orientation: portrait) { /* from 320 to 459 */
    .Login-Image {
        display: none !important;
    }

    .right-side {
        width: 100% !important;
    }

    .Login-Label-Div {
        margin-top: 20px !important;
    }

    .main-box {
        margin-inline: 20px;
        width: calc(100vw - 40px) !important;
    }

    .main-box-2 {
        margin-inline: 20px;
        width: calc(100vw - 40px) !important;
        min-width: auto !important;
        min-height: auto !important;
    }

    .ResetPassword-Image {
        display: none !important;
    }

    .right-side-2 {
        width: 100% !important;
    }

    .Login-Label-Div-2 {
        margin-top: 20px !important;
    }

    .box-header {
        width: 318px !important;
    }
}

@media only screen and (max-device-width: 459px) and (min-device-width: 361px) and (orientation: landscape) { /* from 320 to 459 */
    .Login-Image {
        display: none !important;
    }

    .right-side {
        width: 100% !important;
    }

    .Login-Label-Div {
        margin-top: 20px !important;
    }

    .main-box {
        margin-inline: 20px;
        width: calc(100vw - 40px) !important;
    }

    .main-box-2 {
        margin-inline: 20px;
        width: calc(100vw - 40px) !important;
        min-width: auto !important;
        min-height: auto !important;
    }

    .ResetPassword-Image {
        display: none !important;
    }

    .right-side-2 {
        width: 100% !important;
    }

    .Login-Label-Div-2 {
        margin-top: 20px !important;
    }
    .box-header {
        width: 353px !important;
    }
}

@media only screen and (max-device-width: 459px) and (min-device-width: 361px) and (orientation: portrait) { /* from 320 to 459 */
    .Login-Image {
        display: none !important;
    }

    .right-side {
        width: 100% !important;
    }

    .Login-Label-Div {
        margin-top: 20px !important;
    }

    .main-box {
        margin-inline: 20px;
        width: calc(100vw - 40px) !important;
    }

    .main-box-2 {
        margin-inline: 20px;
        width: calc(100vw - 40px) !important;
        min-width: auto !important;
        min-height: auto !important;
    }

    .ResetPassword-Image {
        display: none !important;
    }

    .right-side-2 {
        width: 100% !important;
    }

    .Login-Label-Div-2 {
        margin-top: 20px !important;
    }

    .box-header {
        width: 353px !important;
    }
}

@media only screen and (max-device-width: 610px) and (min-device-width: 460px) and (orientation: landscape) {
    .Login-Image {
        display: none !important;
    }

    .right-side {
        width: 100% !important;
    }

    .Login-Label-Div {
        margin-top: 20px !important;
    }

    .main-box {
        margin-inline: 20px;
        width: calc(100vw - 40px) !important;
    }

    .main-box-2 {
        margin-inline: 20px;
        width: calc(100vw - 40px) !important;
        min-width: auto !important;
        min-height: auto !important;
    }

    .ResetPassword-Image {
        display: none !important;
    }

    .right-side-2 {
        width: 100% !important;
    }

    .Login-Label-Div-2 {
        margin-top: 20px !important;
    }
    .box-header {
        width: 460px !important;
    }
}

@media only screen and (max-device-width: 610px) and (min-device-width: 460px) and (orientation: portrait) {
    .Login-Image {
        display: none !important;
    }

    .right-side {
        width: 100% !important;
    }

    .Login-Label-Div {
        margin-top: 20px !important;
    }

    .main-box {
        margin-inline: 20px;
        width: calc(100vw - 40px) !important;
    }

    .main-box-2 {
        margin-inline: 20px;
        width: calc(100vw - 40px) !important;
        min-width: auto !important;
        min-height: auto !important;
    }

    .ResetPassword-Image {
        display: none !important;
    }

    .right-side-2 {
        width: 100% !important;
    }

    .Login-Label-Div-2 {
        margin-top: 20px !important;
    }

    .box-header{
        width:460px !important;
    }
}

@media only screen and (max-device-width: 767px) and (min-device-width: 611px) and (orientation: landscape) {
    .Login-Image {
        display: none !important;
    }

    .right-side {
        width: 100% !important;
    }

    .Login-Label-Div {
        margin-top: 20px !important;
    }

    .ResetPassword-Image {
        display: none !important;
    }

    .right-side-2 {
        width: 100% !important;
    }

    .Login-Label-Div-2 {
        margin-top: 20px !important;
    }

    .main-box-2 {
        min-width: auto !important;
        min-height: auto !important;
    }
}

@media only screen and (max-device-width: 767px) and (min-device-width: 611px) and (orientation: portrait) {
    .main-box {
        min-width: calc(100vw - 40px) !important;
        min-height: auto !important;
    }
    .Login-Image {
        display: none !important;
    }

    .right-side {
        width: 100% !important;
    }

    .Login-Label-Div {
        margin-top: 20px !important;
    }

    .ResetPassword-Image {
        display: none !important;
    }

    .right-side-2 {
        width: 100% !important;
    }

    .Login-Label-Div-2 {
        margin-top: 20px !important;
    }

    .main-box-2 {
        min-width: calc(100vw - 40px) !important;
        min-height: auto !important;
    }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) { /* ipad landscape */
    .LoginPageLabel {
        font-size: 18px !important;
    }

    .main-box-2 {
        min-width: auto !important;
        min-height: auto !important;
    }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) { /* ipad portrait */
    .LoginPageLabel {
        font-size: 18px !important;
    }

    .main-box-2 {
        min-width: auto !important;
        min-height: auto !important;
    }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
    .main-box {
        max-width: 650px !important;
    }

    .Login-Label-Div {
        font-size: 26px !important;
        margin-top: 0px !important;
    }

    .Login-Label-Username {
        font-size: 13px !important;
        margin-top: 30px !important;
    }

    .Login-Input-Div {
        height: 36px !important;
        font-size: 12px !important;
    }

    .Password-validation-span {
        font-size: 12px !important;
    }

    .Login-Label-Password {
        font-size: 13px !important;
    }

    .Login-Input-Password-Div {
        height: 36px !important;
        font-size: 12px !important;
    }

    .Login-btn {
        margin-top: 20px !important;
        height: 30px !important;
    }

    .LoginPageLabel {
        font-size: 17px !important;
    }


    .main-box-2 {
        max-width: 650px !important;
        min-width: 650px !important;
    }

    .Login-Label-Div-2 {
        font-size: 26px !important;
        margin-top: 0px !important;
    }

    .Login-Label-Username-2 {
        font-size: 13px !important;
        margin-top: 30px !important;
    }

    .Login-Input-Div-2 {
        height: 36px !important;
        font-size: 12px !important;
    }

    .Password-validation-span {
        font-size: 12px !important;
    }

    .Login-Label-Email {
        font-size: 13px !important;
    }

    .Login-Input-Email-Div {
        height: 36px !important;
        font-size: 12px !important;
    }

    .Login-btn {
        margin-top: 20px !important;
        height: 30px !important;
    }

    .LoginPageLabel {
        font-size: 17px !important;
    }

    .Login-Image{
        padding-top:10px !important;
    }
}