@media only screen and (max-width: 768px) {
    
    .wrapper{ width:100%; }
    .login-body {
    background-color: #f1f2f7;
    
    background-image:url("../images/login-bg2.jpg");
    background-size: inherit;
    background-position: center top;
}
    .main{ text-align:center; padding:20px 0; }
    .main .fullbtn{ display:inline-block; width:100%; padding:10px 0; margin-bottom:15px; background:#f5f5f5; border-radius:5px; color:#333; }
    .main .fullbtn:hover{ text-decoration:none; }
    
    .main .formli{ display:inline-block; padding:0; }
    .main .formli li span{ display:inline-block; text-align:left; }
    .main input[type=text],.main input[type=password],.main input[type=email],.main input[type=number]{ border:1px solid #eee; border-radius:4px; padding:6px 10px; font-size:18px; width:50%; }
    .main input[type=submit]{ width:166px; font-size:14px; padding:10px 0; }
    
    .lf{ width:100%; height:100%; background:#fff; position:relative; }
    .navbtns li{ padding:0; }
    
    .mobhide{ display:none; }

    #main-content {
        margin-left: 0;
    }
    
    .panel{ margin:0 0 20px 0; padding:0; }
    
    #pins{ display:none; }
    #map{ width:100%; }

    .canvases {
            text-align: center;
    }
    .canvases canvas {
        margin-left: 0 !important;
    }
    .canvases canvas + canvas {}

}