@media only all and (max-width: 834px) {

    /* for 700px or less */
    body {
        font-size: 90%;
        line-height: 1.5;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

.frame-outer {
    margin: 0;
    border: none;
}

    .header,
    .content {
        float: none;
        width: 100%;
    }

    .header .box {
        padding: 1rem 1rem 0rem;
    }

    .content,
    .footer {
        padding: 1rem 1rem 0rem;
    }

    .content .logo {
        margin-bottom: 1rem;
    }

    .footer .flex {
        display: block;
    }

.right {
padding-top: 1rem;
width: 100% !important;
}

/* -------------- FLEXBOX -------------------- */

.leftBox{
  width: 100% !important;
}

.rightBox{
  width: 100% !important;
  padding: 1rem 2rem;
}

.rightBox .logo {
    margin-bottom: 1rem !important;
}

/* -------------- FLEXBOX -------------------- */

    .frame-outer {
        width: 100%;
    }

    .hide_m {
        display: none;
    }
}
.refnr {}

.apply {}