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

    html {
        position: relative;
        padding: 0;
        margin: 0;
        font-size: 27px;
        background: white;
        color: #000;
        font-family: 'GTE', sans-serif;
        max-width: 640px;
        min-width: unset;
        width: 640px;
        min-height: unset;
        height: auto;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }



    body {
        margin: 0;
        padding: 0;
        background-color: white;
        height: auto;
        min-width: unset;
        overflow-x: hidden;
        background: #F8F8F8;
    }

    section, footer {
        max-width: 640px;
        width: 640px;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .blockContent {
        width: 100%;
        padding: 40px;
    }

    .button {
        font-size: 24px;
        width: 300px;
        height: 70px;
        padding-top: 22px;
    }

    .block1 .blockContent {
        width: 100%;
        padding: 20px 40px;
    }

    .block2 {
        background: url(../img/head1.jpg?) no-repeat scroll -971px -1px #FDFDFD;
        height: 1141px;
        position: relative;
    }

    .block2 .pub {
        position: absolute;
        top: 595px;
        width: 580px;
        color: white;
        left: 40px;
    }

    .block2 h1 {
        font-size: 40px;
        width: 580px;
    }

    .block2 .pub span {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 1.2;
        color: #000000;
    }

    .block2-2 img {
        width: 580px;
    }

    .block2-2 {
        padding: 11px 0 1px 0;
        text-align: center;
        border-bottom: 15px solid #fff;
    }

    .block3 h2 {
        width: 580px;
        font-size: 40px;
        line-height: 54px;
        margin: 0 0 50px;
    }

    .block3 .flex {
        display: flex;
        margin-bottom: 24px;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: center;
    }

    .block3 .card {
        margin-bottom: 90px;
        height: auto;
    }

    .block3 .card .info {
        padding: 4px 0 20px 0;
        width: 500px;
    }

    .block3 .card .button {
        position: relative;
        bottom: 0;
        margin-top: 40px;
    }

    .block3 .card h3 {
        font-style: normal;
        font-weight: 500;
        font-size: 36px;
        line-height: 34px;
        color: #9A8555;
        margin: 20px 0 18px;
    }

    .block3 .card .textb {
        height: auto;
    }

    .block3 .card span {
        font-size: 24px;
        line-height: 135.9%;
    }

    .block4 {
        background: url(../img/mb4bg1.jpg) no-repeat scroll center -1px #EAEAEA;
        height: 2000px;
        position: relative;
        background-size: cover;
    }

    .block4 h2 {
        font-size: 30px;
    }

    .block4 .h22 {
        left: 360px;
    }

    .block4 .b4l {
        background: #f5f5f5;
        width: 640px;
        height: 602px;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 142.4%;
        position: absolute;
        top: 114px;
        left: 0;
    }

    .block4 .text {
        position: absolute;
        left: 40px;
        top: 120px;
        width: 580px;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 142.4%;
        z-index: 100;
        /* border-right: 1px solid #000; */
        padding-right: 20px;
    }


    .block4 .text2 {
        left: 360px;
        border: 0;
    }

    .block4 .b4 {
        position: absolute;
        top: 1090px;
        width: 640px;
        padding-left: 40px;
        padding-top: 60px;
        padding-bottom: 60px;
        left: 0;
        background: url(../img/mb4bg3.jpg) no-repeat scroll center -1px #EAEAEA;
    }

    .block4 h2
    {
        top: 50px;
        left: 40px;
        font-size: 42px;
    }

    .block4 h2 br
    {
        display: none;
    }

    .block4 .b4 h3 {
        font-size: 44[x];
    }

    .block4 .b4 .desc {
        width: 540px;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        color: #000000;
        margin-bottom: 20px;
    }

    .block4 form {
        width: 574px;
    }

    .block4 form input[type='text'], .block4 form input[type='email'], .msButton {
        width: 570px;
        height: 46px;
        font-size: 22px;
    }

    .block4 form label {
        font-size: 22px;
    }

    .b4img
    {
       display: block;
       position: absolute;
       top: 800px;
       width: 700px;
       left: 0; 
    }

    .msButton {
        height: 140px;
    }

    .msButton label {
        font-size: 22px !important;
        line-height: 28px;
    }

    .msButton span {
        width: 100%;
    }
}