@media screen and (max-width: 650px) and (orientation:landscape) {
    body, html {
        width: 1100px;
    }
}

@media screen and (max-width: 650px) and (orientation:portrait) {

    body, html, input {
        width: 540px;
        font-size: 24px;
    }

    .header .bl {
        width: 500px;
    }

    .header .bl_l {
        margin-left: 20px;
    }

    .header .bl_l .name {
        font-size: 28px;
        font-weight: 300;
    }

    .header .bl_r .l {
        font-size: 20px;
        font-weight: 300;
    }

    .header .bl_r {
        margin-right: 20px;
    }

    .header .bl_r_e {
        position: fixed;
        flex-wrap: wrap;
        width: 100%;
        bottom: 0;
        padding: 20px;
        margin-right: unset;
        background-color: #ffffff;
        box-shadow: 0 0 30px 0 rgb(0, 21, 64, 20%);
    }

    .header .bl_r_e .btn_a {
        width: calc(25% - 11px);
        font-size: 18px;
    }

    .header .bl_r_e .sep {
        margin: 0;
    }

    .header .bl_r_e .btn_b {
        width: calc(100% - 40px);
        height: 60px;
        margin-top: 20px;
        margin-left: unset;
        font-size: 24px;
    }

    .header .mob_hide {
        display: none;
    }

    .main_content {
        width: 500px;
        margin: 80px auto 50px;
    }

    .main_content .line1 {
        margin-top: 30px;
    }

    .main_content .line1 .h {
        line-height: 1.2;
    }

    .main_content .line1 .item_a {
        width: 100%;
    }

    .main_content .line1 .item .name {
        font-size: 32px;
    }

    .main_content .line1 .item .descr {
        font-size: 24px;
    }

    .main_content .line1 .item .btn {
        min-height: 60px;
        font-size: 24px;
    }

    .main_content .line2 .bl {
        width: calc(100% - 30px);
        margin-top: 20px;
    }

    .main_content .line2 .bl .t {
        font-size: 21px;
    }

    .main_content .line4 .bl {
        width: calc(100% - 30px);
        margin-top: 20px;
    }

    .main_content .line4 .bl .h {
        font-size: 24px;
    }

    .main_content .line4 .bl .t {
        font-size: 21px;
    }

    .main_content .line4 .marl {
        margin-left: 0;
    }

    .main_content .line4 .marr {
        margin-right: 0;
    }

    .main_content .line5 .bl {
        width: calc(100% - 30px);
    }

    .main_content .line5 .bl .name {
        font-size: 18px;
    }

    .main_content .line5 .bl .name .v {
        font-size: 16px;
    }

    .main_content .line5 .bl .t {
        font-size: 21px;
    }

    .footer .bl {
        width: 500px;
    }

    .footer .col1 {
        width: 100%;
    }

    .footer .col1 .logo .name {
        font-size: 28px;
        font-weight: 300;
    }

    .footer .col1 .t {
        font-size: 18px;
    }

    .footer .col2 {
        display: none;
    }

    .footer .col3 {
        width: 50%;
        margin-top: 20px;
    }

    .footer .col3 .l {
        font-size: 20px;
    }

    .landing_content {
        width: 500px;
        margin: 80px auto 50px;
    }

    .landing_content .line1 {
        width: 540px;
    }

    .landing_content .line1 .img {
        width: 100%;
        left: unset;
    }

    .landing_content .line1 .bl {
        width: 500px;
        left: 20px;
    }

    .landing_content .line1 .bl .btn {
        height: 80px;
        font-size: 32px;
    }

    .landing_content .line2 {
        width: 100%;
    }

    .landing_content .line2 .col {
        width: 100%;
    }

    .landing_content .line2 .arr {
        width: 100%;
        justify-content: center;
        margin: 10px 0;
    }

    .landing_content .line2 .arr img {
        transform: rotate(90deg);
    }

    .landing_content .line3 {
        width: 100%;
    }

    .landing_content .line3 .h2 {
        font-weight: 600;
    }

    .landing_content .linebtn .btn {
        height: 80px;
        font-size: 32px;
    }

    .form_content {
        width: 520px;
        margin: 80px auto 50px;
    }

    .form_content .form {
        margin: 25px 0 0;
    }

    .form_content .bl_zoom {
        display: none;
    }

    .form_content .page {
        width: 100%;
    }

    .form_content .w_reg .ff .f input {
        width: unset;
    }

    .terms {
        width: 500px;
        margin: 110px auto 50px;
    }

    .terms .btn {
        height: 80px;
        font-size: 32px;
    }

    .terms .h {
        font-size: 30px;
    }

    .terms .h2 {
        font-size: 24px;
    }

    .terms p {
        font-size: 18px;
    }

    .terms ul {
        font-size: 18px;
    }

    .terms .line2 .bl {
        width: calc(100% - 30px);
        margin-bottom: 20px;
    }

    .terms .line2 .bl .h {
        font-size: 21px;
    }

    .terms .line2 .bl .t {
        font-size: 18px;
    }

    .form_inp_text_label {
        font-size: 20px;
    }

    .form_inp_text {
        width: calc(100% - 24px);
        height: 50px;
        border: 2px solid #cccccc;
    }

    .form_inp_text:focus {
        border: 2px solid #cccccc;
    }

    .purchase {
        width: 500px;
        margin: 110px auto 50px;
    }

    .purchase .l1 .col1 {
        width: 100%;
    }

    .purchase .l1 .col1 .h2 {
        font-weight: 600;
    }

    .purchase .l1 .col2 {
        width: 100%;
        height: 130px;
        margin-top: 20px;
    }

    .purchase .l1 .col2 .iq {
        width: 60px;
    }

    .purchase .l1 .col2 .iq .score {
        font-size: 18px;
    }

    .purchase .l1 .col2 .iq .score_y {
        font-size: 18px;
    }

    .purchase .l2 {
        margin-top: 20px;
    }

    .purchase .l2 .col1 .si .t {
        font-size: 16px;
    }

    .purchase .l2 .col1 .form .bl_refsec {
        font-size: 16px;
    }

    .purchase .l2 .col2 {
        width: 100%;
        margin-top: 20px;
    }

    .purchase .l3 .bl {
        width: 100%;
    }

    .purchase .l3 .bl .name {
        font-size: 18px;
    }

    .purchase .l3 .bl .name .v {
        font-size: 16px;
    }

    .purchase .l3 .bl .t {
        font-size: 21px;
    }

    .purchase .l4 {
        margin-top: 100px;
    }

    .stripe_base {
        border: 2px solid #bbbbbb;
        height: 36px;
    }

    .purchase .l2 .col1 {
        order: 2;
        margin-top: 20px;
    }

    .purchase .l2 .col1 .form .cname_l {
        font-size: 22px;
    }

    .purchase .l2 .col1 .form .cname {
        height: 51px;
        font-size: 24px;
    }

    .purchase .l2 .col1 .bl_t {
        font-size: 14px;
    }

    .purchase .l2 .col2 {
        order: 1;
        margin-top: 0px;
    }

    .purchase .l2 .col2 .h {
        font-size: 24px;
    }

    .purchase .l2 .col2 .bl {
        font-size: 20px;
    }

    /* Thank You */

    .thankyou {
        width: 500px;
        margin: 110px auto 50px;
    }

    .thankyou .l1 .h {
        font-size: 36px;
    }

    .thankyou .l1 .h2 {
        font-size: 20px;
    }

    /* Cookies */

    .cookies {
        position: fixed;
        width: 500px; height: 180px;
        bottom: 20px;
        left: 20px; margin-left: 0px;
        font-size: 16px;
    }

    .cookies .text {
        width: 360px;
    }

    .cookies .btn1 {
        width: 150px; height: 45px;
        left: 50%; margin-left: -155px;
        top: unset;
        bottom: 20px;
    }

    .cookies .btn2 {
        width: 148px; height: 43px;
        left: 50%; margin-left: 5px;
        top: unset;
        bottom: 20px;
    }

}