footer {
    position:fixed;
    bottom:0;
    width:100%;
}
@media
only screen
and (max-width: 760px), (min-device-width: 768px)
and (max-device-width: 1024px) {
    footer {
        position: inherit;
    }
}