@media only screen and (max-width: 1279px) {
    body {background-size:300px;}
    }
    
    @media only screen and (max-width: 767px) {
    body {background-image:none;}
    .logo {padding-bottom:10px; text-align:center;}
    .logo img {width:140px;}
    .footer-logo { padding: 10px 0 0 0; text-align: center; width:100%; }
    .footer-logo img{ width: 140px; } 
    .mobCen {text-align:center;}
    .lofinForm {max-width:320px; margin:auto;}
    .fieldBox {width:100%;}
    .loginTab {margin:-5px;}
    .loginTab li {padding:5px;}
    .loginTab li a {padding:5px;}
    .loginTab li a img {height:32px;}
    .loginBtn {position:static; width:100%; padding:12px; margin-top:25px;}
    .footer {text-align:center;}
    .errorMessage {width:100%; position:static; display:block; margin:-3px 0 0 0; text-align:center; background:#D9D9D9; color:#DC323C; font-size:12px; padding:5px; z-index:10;}
    .errorMessage:before {visibility:hidden;}
    .errorMessage.selectType {position:absolute; left:50%; top:100%; margin:-8px 0 0 -75px; text-align:center; width:150px; background:#DC323C; color:#fff;}
    .errorMessage.selectType:before {border-left:6px solid transparent; visibility:visible; border-right:6px solid transparent; border-bottom:6px solid #DC323C; left:50%; top:-12px; margin:0 0 0 -6px;}
    .passwordErrorBox {width:80%; max-width:320px; margin:20px auto 0 auto;}
    .pagefooter {text-align:center;}
    .cloginBtn {position:static; /*width:100%;*/ padding:12px; margin-top:25px;}
    .fieldBox{ width: 100%; }
    .inveter-img{ width: 100%; }
    .loginOuter .loginInner .logo{ text-align: left; }
    .loginOuter .loginInner .lofinForm { max-width:100%; }
    .karit-device-button { width: 100%; }
    .karit-device-button .inveter-img img{ width: 60px; }
    }