@media screen and (max-width: 639px) {

  .m-container {
    width: calc(100vw - 30px) !important;
    max-width: none !important;
    left: 15px !important;
    right: 15px !important;
    box-sizing: border-box !important;
  }

  .m-card {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .m-button {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .m-image {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
  }

  .m-text {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .m-slider {
    width: calc(100vw - 30px) !important;
    max-width: none !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
    box-sizing: border-box !important;
    overflow: hidden;
  }
}