@media (max-width : 1024px) and (orientation: landscape),
(max-width : 768px) and (orientation: portrait) {
    body.hide-header-footer header{
        display: none;
    }
    body.hide-header-footer footer{
        display: none;
    }
}