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

    * {
        transition-duration: 0;
    }

    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;
    }

    .logos img
    {
        margin-right: 14px;
        height: 70px;
        margin-bottom: 20px;
    }


    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .button {
        font-size: 26px;
        font-weight: 500;
        padding: 23px 53px;
    }

    .buttonBlue {
        font-size: 26px;
        font-weight: 500;
        padding: 23px 53px;
    }

    h2 {
        font-size: 36px;
        line-height: 1.3;
    }

    h3 {
        font-size: 28px;
        line-height: 76px;
    }

    h4 {
        font-size: 28px;
        line-height: 40px;
    }

    h4 br {
        display: none;
    }

    .block {
        width: 550px;
        margin-left: 40px;
    }

    .blockShadow {
        background: #FFFFFF;
        box-shadow: 0px 11px 30px rgb(38 75 130 / 20%);
        border-radius: 0;
        width: 1080px;
        min-height: 100px;
        position: inherit;
        width: 100%;
        margin: 60px 0;
        height: auto;
        padding: 40px 0;
    }



    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;
    }

    .line1, .line2, .line3 {
        display: none;
    }

    .blockContent {
        width: 100%;
    }

    .menu {
        margin-right: 30px;
        margin-top: 46px;
        width: 35px;
    }

    .header {
        height: 1500px;
    }

    .header .pub {
        width: 560px;
        font-size: 26px;
        font-weight: 500;
        line-height: 1.3;
        top: 345px;
    }

    .header .pub .button {
        margin-top: 40px;
    }

    .headerMainImage {
        display: none;
    }

    .headerStat {
        width: 372px;
        position: absolute;
        top: 880px;
        left: -20px;
        width: 700px;
    }

    .block1 {
        height: 740px;
    }

    .block1 .flex {
        display: block;
        width: 100%;
        font-size: 26px;
        line-height: 1.3;
        margin-top: 50px;
    }

    .block1 .flexChild {
        text-align: left;
        padding: 0;
        width: 100%;
        display: block;
        flex-flow: column;
    }

    .block1 .flexChild .elem {
        padding-left: 54px;
    }

    .block2 {
        height: auto;
        margin-bottom: 80px;
    }

    .block2 .block2Img {
        display: none;
    }

    .block2 p {
        display: block;
        width: 100%;
        margin-bottom: 50px;
        font-size: 26px;
        line-height: 1.3;
    }

    .block3 {
        height: 1040px;
    }

    .block3 .image {
        position: absolute;
        top: 50px;
        left: 180px;
        width: 300px;
    }

    .block3 .text {
        padding-top: 386px;
        margin-left: 40px;
        width: 570px;
    }

    .block3 .bList {
        position: absolute;
        top: 580px;
        left: 40px;
        width: 60px;
    }

    .block3 .bLi {
        font-style: normal;
        font-weight: 600;
        font-size: 28px;
        line-height: 30px;
        text-decoration-line: underline;
        color: #264B82;
        position: absolute;
        left: 128px;
        top: 596px;
        text-decoration: none;
        border-bottom: 1px solid #264B82;
    }    

    .block3 .bLi2
    {
        top: 700px;
    }

    .block3 .bLi3
    {
        top: 806px;
    }

    .block3 .button {
        position: absolute;
        right: unset;
        bottom: 50px;
        left: 40px;
    }

    .block4 {
        height: 1415px;
    }

    .block4 .flex {
        display: block;
        margin-top: 40px;
    }

    .block4 .flex .item {
        padding-left: 0;
        display: block;
        width: 100%;
        margin-bottom: 40px;
        font-size: 26px;
        line-height: 1.3;
    }

    .buttonMiddle {
        left: 40px;
        margin-left: 0;
        position: relative;
        margin-bottom: 100px;
        clear: both;
        height: 70px;
        width: 250px;
    }

    .block5 {
        margin-top: 100px;
        height: 640px;
    }

    block5 .buttonBlue {
        position: absolute;
        right: auto;
        top: auto;
        left: 40px;
        bottom: 80px;
        /* padding: 13px 38px !important; */
        padding: 23px 53px;
        height: 66px;
    }

    .block5 img {
        position: absolute;
        top: 40px;
        left: 235px;
    }

    .block5 .text {
        width: 100%;
        position: absolute;
        left: 40px;
        top: 280px;
    }

    .block5 .buttonBlue {
        position: absolute;
        right: auto;
        top: auto;
        bottom: 60px;
        height: 70px;
        left: 40px;
    }

    .block6 {
        margin-top: 0;
        height: 800px;
    }

    .block6 p {
        margin-bottom: 72px;
        font-size: 26px;
        line-height: 1.3;
        width: 550px;
    }

    .block6 .text {
        font-size: 26px;
        position: absolute;
        width: 450px;
        left: 40px;
        top: 280px;
    }

    .block6 .image {
        position: absolute;
        right: 156px;
        bottom: unset;
        top: 40px;
        width: 300px;
    }

    .block6 .buttonBlue
    {
        margin-bottom: 60px;
        margin-left: 0;
    }

    .block7 {
        margin-top: 0px;
        height: 680px
    }

    .block7 .image {
        position: absolute;
        left: 196px;
        top: 36px;
        width: 300px;
    }


    .block7 .text {
        font-size: 26px;
        position: absolute;
        width: 550px;
        right: unset;
        top: 270px;
        left: 40px;
        line-height: 1.3;
        /* margin-bottom: 60px; */
    }

    .block7 .buttonBlue {
        float: left;
        margin-top: 30px;
        height: 70px;
    }

    .block8 {
        margin-top: 0px;
        height: 880px;
    }

    .block8 .image {
        position: absolute;
        right: 260px;
        bottom: auto;
    }

    .block8 .text {
        position: absolute;
        left: 40px;
        top: 350px;
        width: 550px;
        font-size: 26px;
        line-height: 1.3;
    }

    .block8 p {
        margin-bottom: 50px;
    }

    .blockAdv img {
        width: 1000px;
        margin-left: -380px;
        margin-top: 20px;
    }

    .blockLast {
        margin-top: 66px;
        margin-bottom: 10px;
        height: 1040px;
    }

    .blockLast .image {
        position: absolute;
        right: 212px;
        bottom: unset;
        top: 40px;
        width: 300p;
    }

    .blockLast h2 br
    {
        display: none;
    }

    .blockLast .text {
        position: absolute;
        left: 40px;
        top: 340px;
        width: 520px;
        font-size: 26px;
        line-height: 1.3;
    }

    .blockLast p {
        margin-bottom: 60px;
    }

    .blockLast span {
        position: absolute;
        left: 0;
        font-weight: bold;
        top: 544px;
        bottom: 20px;
        color: #264B82;
        font-size: 26px;
        max-width: 550px;
        text-align: left;
    }

    .blockLast .button {
        position: absolute;
        left: 0;
        top: 560px;
    }

    .logoFooter {
        width: 220px;
        float: right;
        margin-right: 40px;
    }

    .footer span
    {
        display: block;
        width: 270px;
        left: 40px;
        line-height: 1.4;
        top: -12px;
    }

    video {
        width: 560px;
    }
}