body {background-color: #f7f7f7; padding-top: 20px;}

#loginreg {background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.25); width: 500px;}
.loginreg-content {padding: 30px 30px; position: relative;}
#loginreg h1 {font-size: 25px; font-weight: normal; line-height: normal; color: #777;}
.loginreg-footer {text-align: center; width: 100%; padding-top: 40px;}
.loginreg-register {text-align: center; font-size: 16px; padding: 30px 0; color: #777;}
.loginreg-content [class*="col-"] {margin-bottom: 20px; padding: 0 4px;}
.loginreg-content .row, .block {margin-bottom: 10px;}

.logo {margin: 0 auto 20px auto; background: url(../img/logo/logo-lg.png) no-repeat; background-size: 200px 44px; width: 200px !important; height: 44px;}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.logo {background: url(../img/logo/logo-lg@2x.png) no-repeat; background-size: 200px 44px;}
}

/* 1280 */
@media only screen and (min-width: 1025px) {

}

/* #1024 */
@media only screen and (min-width: 960px) and (max-width: 1024px) {

}

/* #Tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* #Mobile (all)*/
@media only screen and (max-width: 767px) {
body {background: #fff;}
#loginreg {background: none; box-shadow: 0 0 0; padding: 0; width: 100%;}
.loginreg-content {padding: 0;}
.loginreg-footer {position: inherit;}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) and (max-width: 767px) {

}
/* #Mobile (Landscape) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}


/*  #Mobile */
@media only screen and (min-width: 320px) and (max-width: 479px) {

}