html,body{height: 100% } .div1,.div2 { height: 100%;}
.div1 {display: table;margin: auto;} .div2{display: table-cell;vertical-align: middle;}form{position:relative; width:100%; height:auto; padding: 20px}
.div-center {margin: auto;width: 90%; margin-top: 20px;}.main-width{width:320px;}

@media all and (max-width:768px),only screen and (-webkit-min-device-pixel-ratio:2) 
and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),
only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) 
and (max-width:1024px),only screen and (min-resolution:192dpi) 
and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px){
    .profile-image-login{height:auto;width:120px!important}
    .div-center{width:90%;}
    .card-panel{min-width:100%;}
}