html, body {
    margin: 0 auto;
    padding: 0;
    color: #00304f;
    height: 100% !important;
    background-image: url('/common/images/background-v3.jpg');
}

.loginFullScreenContainer {
    position: relative;
    width: 100%;
    padding: 0px !important;
    margin: 0px !important;
    min-height: 100% !important;
}

.loginFooter {
    position: relative;
    margin-top: 20px;
    width: 100%;
}

.navigationContainer {
    width: 100%;
    height: 65px;
    background-color: #f2f2eb;
    color: #00304f !important;
    position: relative;
    display: none;
}



@media only screen and (max-device-width : 500px) {
    body {
        font-family: 'Onest',Arial,Arial, sans-serif;
        font-size: 16px;
        letter-spacing: 0.04em;
    }

    h1 {
        font-size: 25px;
        margin: 0px;
        padding: 0px;
        font-weight: 400;
    }

    h2 {
        font-size: 21px;
        margin: 0px;
        padding: 0px;
        font-weight: 400;
    }

    h3 {
        font-size: 18px;
        margin: 0px;
        padding: 0px;
        font-weight: 400;
    }

    h4 {
        font-size: 14px;
        margin: 0px;
        padding: 0px;
        font-weight: 100;
    }

    .font-footer {
        font-size: 11px;
    }

    .footer {
        color: #ffffff;
        font-size: 13px;
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 60px;
        left: 5px;
    }

    .footerContainer {
        margin-left: auto;
        margin-right: auto;
        line-height: 16px;
        top: 50%;        
    }

    .loginHeader {
        position: relative;
        top: 0px;
        left: 0px;
        height: 119px;
        width: 100%;
    }

    .loginHeaderContent {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        top: 20px;
    }

    .loginHeaderContent_Image {
        float: left;
        margin-top: -5px;
        margin-left: 5px;
    }

    .loginHeaderContent_Info {
        margin-top: 5px;
        float: left;
        text-align: left;
    }

    .loginHeaderContent_Info_PhoneNumber {
        color: #f2f2eb;
        line-height: 30px;
    }

        .loginHeaderContent_Info_PhoneNumber .phone {
            float: right;
            background: url(icons-sprite.png) 100% -18px no-repeat;
            margin-top: 6px;
            height: 30px;
            width: 30px;
        }

    .loginBody {
        background-color: #f2f2eb;
        border: 2px solid #db2459;
        border-radius: 15px;
        box-sizing: border-box;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 0px;
        margin-bottom: 40px;
        padding: 20px;
        position: relative;
    }

    .loginBody_Left {
        float: left;
        width: 100%;
    }

    .loginBody_Right {
        display:none;
    }

    .messageContainer {
        position: relative;        
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-device-width : 501px) and (max-device-width : 840px) {
    .loginBody_Left {
        float: left !important;
        width: 100% !important;
    }

    .loginBody_Right {
        display: none !important;
    }

    .loginHeaderContent_Info {
        font-size: 21px !important;        
    }
}

@media only screen and (min-device-width : 501px) and (max-device-width : 1024px) {
    body {
        font-family: 'Onest',Arial, sans-serif;
        font-size: 16px;
        letter-spacing: 0.04em;
    }

    h1 {
        font-size: 30px;
        margin: 0px;
        padding: 0px;
        font-weight: 400;
    }

    h2 {
        font-size: 25px;
        margin: 0px;
        padding: 0px;
        font-weight: 400;
    }

    h3 {
        font-size: 20px;
        margin: 0px;
        padding: 0px;
        font-weight: 400;
    }

    h4 {
        font-size: 18px;
        margin: 0px;
        padding: 0px;
        font-weight: 100;
    }

    .font-footer {
        font-size: 11px;
    }

    .footer {
        color: #ffffff;
        font-size: 13px;
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 60px;
        left: 5px;
    }

    .footerContainer {
        width: 900px;
        margin-left: auto;
        margin-right: auto;
        line-height: 16px;
        top: 50%;
        -ms-transform: translateY(50%);
        transform: translateY(50%);
    }

    .loginHeader {
        position: relative;
        top: 0px;
        left: 0px;
        height: 119px;
        width: 100%;
    }

    .loginHeaderContent {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        top: 20px;
    }

    .loginHeaderContent_Image {
        float: left;
        margin-top: -5px;
        margin-left: 50px;
    }

    .loginHeaderContent_Info {
        margin-top: 5px;
        float: right;
        text-align: right;
    }

    .loginHeaderContent_Info_PhoneNumber {
        color: #f2f2eb;
        line-height: 30px;
        margin-right: 50px;
    }

        .loginHeaderContent_Info_PhoneNumber .phone {
            float: right;
            background: url(icons-sprite.png) 100% -18px no-repeat;
            margin-top: 6px;
            height: 30px;
            width: 30px;
        }

    .loginBody {
        background-color: #f2f2eb;
        border: 2px solid #db2459;
        border-radius: 15px;
        box-sizing: border-box;
        margin-left: 50px;
        margin-right: 50px;
        margin-top: 0px;
        /*margin-top: 30px;*/
        margin-bottom: 40px;
        padding: 20px;
        position: relative;
    }

    .loginBody_Left {
        float: left;
        width: 65%;
    }

    .loginBody_Right {
        float: right;
        width: 35%;
        text-align: right;
    }

    .loginBody_Right_Info_Element {
        box-sizing: border-box;
        padding-left: 5%;
        line-height: 45px;
        height: 45px;
        width: 100%;
    }

    .loginBody_Right_Info_Element_MP {
        margin-top: 2.5px;
        background: url(nav-sprite.png) no-repeat #fff;
        background-position: 5px -160px;
        height: 40px;
        width: 40px;
        float: left;
    }

    .messageContainer {
        position: relative;
        width: 900px;
        min-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width : 0px) and (min-device-width : 1025px) {
    body {
        font-family: 'Onest',Arial, sans-serif;
        font-size: 16px;
        letter-spacing: 0.04em;
    }

    h1 {
        font-size: 30px;
        margin: 0px;
        padding: 0px;
        font-weight: 400;
    }

    h2 {
        font-size: 25px;
        margin: 0px;
        padding: 0px;
        font-weight: 400;
    }

    h3 {
        font-size: 20px;
        margin: 0px;
        padding: 0px;
        font-weight: 400;
    }

    h4 {
        font-size: 18px;
        margin: 0px;
        padding: 0px;
        font-weight: 100;
    }

    .font-footer {
        font-size: 11px;
    }

    .footer {
        color: #ffffff;
        font-size: 13px;
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 60px;
        left: 5px;
    }

    .footerContainer {
        width: 900px;
        margin-left: auto;
        margin-right: auto;
        line-height: 16px;
        top: 50%;
        -ms-transform: translateY(50%);
        transform: translateY(50%);
    }

    .loginHeader {
        position: relative;
        top: 0px;
        left: 0px;
        height: 100px;
        width: 100%;
    }

    .loginHeaderContent {
        position: relative;
        width: 900px;
        min-width: 900px;
        margin-left: auto;
        margin-right: auto;
        top: 20px;
    }

    .loginHeaderContent_Image {
        float: left;
        margin-top: -5px;
    }

    .loginHeaderContent_Info {
        margin-top: 5px;
        float: right;
        text-align: right;
    }

    .loginHeaderContent_Info_PhoneNumber {
        color: #f2f2eb;
        line-height: 30px;
    }

        .loginHeaderContent_Info_PhoneNumber .phone {
            float: right;
            background: url(icons-sprite.png) 100% -18px no-repeat;
            margin-top: 6px;
            height: 30px;
            width: 30px;
        }

    .loginBody {
        width: 900px;
        min-width: 900px;
        border-radius: 15px;
        /*margin-top: 30px;*/
        box-sizing: border-box;
        padding: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        background-color: #f2f2eb;
        border: 2px solid #db2459;
    }

    .loginBody_Left {
        float: left;
        width: 65%;
    }

    .loginBody_Right {
        float: right;
        width: 35%;
        text-align: right;
    }

    .loginBody_Right_Info_Element {
        box-sizing: border-box;
        padding-left: 5%;
        line-height: 45px;
        height: 45px;
        width: 100%;
    }

    .loginBody_Right_Info_Element_MP {
        margin-top: 2.5px;
        background: url(nav-sprite.png) no-repeat #fff;
        background-position: 5px -160px;
        height: 40px;
        width: 40px;
        float: left;
    }

    .messageContainer {
        position: relative;
        width: 900px;
        min-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }
}