@media all and (min-width: 1024px) {
  .hide-desktop {
    display: none !important; } }

@media all and (min-width: 1025px) {
  .hide-desktop-1024 {
    display: none !important; } }

@media all and (max-width: 1023px) {
  .hide-mobile {
    display: none !important; } }

@media all and (max-width: 1024px) {
  .hide-mobile-1024 {
    display: none !important; } }