#footer {
    width: calc( 100vw - 250px );
    height: 50px;
    border-top: 1px solid #ccc;
    position: fixed;
    bottom: 0px;
    right: 0px;
    background: #ECEFF1;
}

#footer .footer-content {
    padding-top: 15px;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    #footer {
        width: 100%;
    }
}