/* Adjust max-width as needed */

@media only screen and (max-width: 780px) {
  .webbtn {
    display: none;
  }
}

@media only screen and (max-width: 780px) {
  .mobilebtn {
    display: block;
  }
}

@media only screen and (max-width: 780px) {
  footer {
    bottom: 0;
    z-index: 99;
    width: 100%;
    display: block;
    position: initial;
  }
}

@media only screen and (min-width: 781px) {
  .webbtn {
    display: block;
  }
}

@media only screen and (min-width: 781px) {
  .mobilebtn {
    display: none;
  }
}

@media only screen and (min-width: 781px) {
  footer {
    bottom: 0;
    z-index: 99;
    width: 100%;
    position: fixed;
  }
}