@media screen and (max-width: 1024px) {
  .headerdesk {
    display: none !important;
  }

  .footerdesk {
    display: none;
  }

  .headermob {
    display: block;
  }

  .footermob {
    display: block;
  }
}

@media screen and (min-width: 1025px) {
  .headerdesk {
    display: block;
  }

  .footerdesk {
    display: block;
  }

  .headermob {
    display: none;
  }

  .footermob {
    display: none;
  }
}