.tb-qrcode-container img {
  width: 300px;
  height: 300px;
}

.tb-qrcode-container .center-align {
  text-align: center;
}

.tb-qrcode-container header {
  float: left;
}

.tb-qrcode-container section {
  clear: both;
}

.tb-qrcode-container .tb-close {
  text-align: right;
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  .tb-qrcode-container header {
    font-size: 20px;
    line-height: 28px;
    padding-top: 34px !important;
    padding-left: 32px !important;
    padding-bottom: 22px !important;
  }
  .tb-qrcode-container section {
    font-size: 16px !important;
    line-height: 32px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .tb-qrcode-container .tb-close {
    padding-top: 32px !important;
    padding-right: 24px !important;
  }
}

@media only screen and (max-width: 320px) {
  .tb-qrcode-container header {
    padding-top: 24px !important;
    padding-left: 16px !important;
    padding-bottom: 16px !important;
  }
  .tb-qrcode-container section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .tb-qrcode-container img {
    width: 288px !important;
    height: 288px !important;
  }
  .tb-qrcode-container .tb-close {
    padding-top: 24px !important;
    padding-right: 16px !important;
  }
}