.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 25px;  
   position: fixed;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.container {
    /*width: auto;
    max-width: 680px;*/
    padding: 0 0px;
}
.container .text-muted {
    margin: 0px 0;
}

@media only screen and (min-width: 100px) and (max-width: 700px) and (min-height: 10px) and (max-height: 470px)
{
    .footer {
        position: relative;
        /*bottom: 0;*/
        width: 100%;
        /* Set the fixed height of the footer here */
        height: 25px;  
        float: left;
    }    
}