.desktopnone, .mobilelogo {
    display: none
}
@media only screen and (max-width: 767px) {
    body {
        background: url(../Images/mobileLoginBackgroundImage.png) no-repeat center top !important;
        overscroll-behavior-y: contain;
    }
    html {
 background: url(../Images/mobileLoginBackgroundImage.png) repeat-x left bottom !important;
        height: 100%
    }
    html, body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        width: 100%;
    }
    .mobilenone {
        display:none
    }
    .desktopnone {display:block
    }
    .width100per {
        width:100%
    }
    .mobilelogo {
        display:block;
        padding:30px 40px 20px 30px
    }
    .loginfooter {
       margin-top:20px;
       font-size:14px!important;
    }
    .col-md-4.pull-right.mt-5 {
        margin-top:1rem!important
    }
    .mobilecard {
        background-color: #fff !important;
        border: 0 !important;
        border-radius: 20px !important;
        margin-top: calc(50% - 110px);
    }
        .mobilecard .l-m-h {
            font-weight:bold;
            color:#000!important
        }
        .mobilecard .control-label {
            color: #808080;
            margin-bottom:0
        }
        .mobilecard .m-color {
            color: #4F5DBB!important;font-weight:600
        }
        .mobilecard .btmobile {
            background: #4F5DBB;border-radius:10px!important;min-height:45px;font-size:16px;font-weight:600
        }
    .mobilecontainer { padding:0 20px;
    }
    .form-control:focus {
        box-shadow: 0 0 0 0rem rgba(78, 115, 223, 0.25)!important
    }
    .mobilecard .checkbox-inline {
        width: 25px;
        height: 25px;
        vertical-align:middle
    }
}
@media only screen and (max-height: 700px) {
    .col-md-4.pull-right.mt-5 {
        margin-top: 1rem !important;
    }

    .mobilecard {
        margin-top: calc(50% - 150px);
    }
}

@media only screen and (min-height:768px) and (max-height: 900px) {
    .col-md-4.pull-right.mt-5 {
        margin-top: 6rem !important;
    }

    .mobilecard {
        margin-top: calc(50% - 150px);
    }
}

@media only screen and (min-height:901px) and (max-height: 932px) {
    .col-md-4.pull-right.mt-5 {
        margin-top: 7rem !important;
    }

    .mobilecard {
        margin-top: calc(50% - 150px);
    }
}