@media only all and (max-width: 700px) {
  /* for 700px or less */
body {
  font-size: 80%;
  line-height: 1.5;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin:0px;
}
h1 {
  font-size: 1.5rem;
}
h2,h3 {
  font-size: 1rem;
}
.frame-outer {
width: 100%;
min-width:240px;
margin:0px;
border: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
  font-size: 0.9rem;
}
.content,.footer {
  padding: 1rem 3%;
}
.box-left {
  width: 100%;
  padding: 0 0 1rem 0;
}
.box-right {
  width: 100%;
  padding: 0 0 1rem 0;
}
.flex {
  display: block;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.left,
.right {
  flex-basis: 100%;
  max-width: 100%;
  order:2;
}
.left {
  margin-bottom: 1rem;
  order: 1;
}

.hide {
  display: inline-block;
}
.hide_m {
  display: none;
}
.table {
  border-collapse: collapse;
  table-layout: fixed;
}
.cell-left,
.cell-right {
  display: block;
  float: left;
  width: 100%;
  border: none;
  border-bottom: 1rem solid #fff;
}
.row {
  display: block;
  float: left;
  width: 100%;
}
}

.refnr {}

.apply {}