/*** Responsive Mobile Settings ***/
@media screen and (max-width: 800px) {
    html, body {width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; background:#fff !important}

    div#HeaderContainer {width:100% !important; height:auto !important; margin:0 auto !important; padding:0 !important; text-align:center !important}

    div#divLogIn {width:100% !important; height:auto !important; margin:0 !important; padding:0 !important; background:#fff !important}

    div#divRightFieldForm {width:100% !important; height:auto !important; margin:0 auto !important; padding:0 !important; min-height:0 !important; float:none !important}    

    div#divTitle {width:100% !important; height:auto !important; margin:0 auto !important; padding:0 !important}

    div#divClientData {width:100% !important; /*height:340px;*/ margin:0 !important; padding:0 0 0 0 !important; border:none !important}
    div#divClientData iframe {width:100% !important; margin:0 !important; padding:0 !important}

    div.LinkbtnContinueWithOutPupalte {bottom:-20px !important; left:5% !important; font-size:15px !important; padding: 0px 0px 10px 0px;}
    #LoginRegisterIframe {
        height: 90dvh !important
    }
    div#divLeftFieldForm,
    div#divLogInTitle,
    div#divLogInPng {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    div#logoTopBg { width:100%; height:70px !important; background:#464646; /*position:absolute; top:0; left:0;*/ text-align: center; z-index: 1000; display: block !important;}
    #logoTopBg img {top: 20px; position: relative; height: 35px;}

    div#divLogInSubTitle {width:100% !important; height:auto !important; margin:0 auto !important; padding:30px 0 10px 0 !important}
    div#divJobNameTitle {display:none !important;width:90% !important; height:auto !important; margin:0 auto !important; padding:0 0 0 0 !important}

    div#divFooter {display:none;width:100% !important; height:auto !important; margin:0 auto !important; padding:0 !important;  background:#fff !important}
    div#divMobileFooter {width:90%; height:auto; margin:35px auto 10px auto; padding:0 0 10px 0; text-align:center; font-family:Arial; font-size: 17px; color:#666666;}    
    div#divMobileFooter div.header {margin:0 auto; text-align:center; width:100%; height:auto; font-weight:bold;}    
    div#divMobileFooter div.header span.text {width:auto; height:auto;}
    div#divMobileFooter div.sub-text {margin:0 auto; text-align:center; width:90%; height:auto; text-align:center; font-family:Arial; font-size: 15px; color:#666666;}
    div#divMobileFooter div.sub-text span {}
    div#divFooterText {display:none;;width:90%; height:auto; margin:0 auto; padding:0; text-align:center; float:none !important}
}

div#divLogInLoader {width: 100%;height: 100%;background-color: #fff;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;position: fixed;top: 0;left: 0;z-index: 1020;display: none;}
div#divLogInLoader div.loder-img {width: 48px;height: 48px;position: fixed;top: 50%;left: 50%;margin: -24px 0px 0px -24px;background: url(/images/ajax-loader.gif) no-repeat;z-index: 101}
div#RemoveAlertSMS_Container{height: 50px;width: 100%;text-align: center;line-height: 50px;border-bottom: 1px solid #dbdbdb;color:#505050;font-size:15px}
div#RemoveAlertSMSBlocker {width:270px;background-color:white;position:fixed;right:50%;top:30%;margin-right:-135px;z-index:1030;font-size:16px;border:solid 1px #ccc;display:none}
a.RemoveAlertSMS {color: #ee771b;text-decoration: underline;cursor: pointer;}
div#RemoveAlertSMS_Success{color: #72b220;font-weight: bold;min-height: 27px;font-size: 17px;display: inline;float: right;padding-top: 6px;padding-right: 5px;}

@media screen and (min-width: 0px) and (max-width: 327px) {div.LinkbtnContinueWithOutPupalte {left:0 !important; padding:0 !important} div#divClientData iframe {width:320px !important}}
@media screen and (min-width: 328px) and (max-width: 340px) {div.LinkbtnContinueWithOutPupalte {left:2% !important; padding:0 !important}}
@media screen and (min-width: 341px) and (max-width: 349px) {div.LinkbtnContinueWithOutPupalte {left:3% !important; padding:0 !important}}
@media screen and (min-width: 350px) and (max-width: 357px) {div.LinkbtnContinueWithOutPupalte {left:4% !important; padding:0 !important}}
/*** Responsive Mobile Settings ***/

/*** Desktop Settings ***/
@media screen and (min-width: 801px) {
    div#logoTopBg, 
    div#divMobileFooter 
    {display:none !important}
}
/*** Desktop Settings ***/