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

    html {
        position: relative;
        padding: 0;
        margin: 0;
        font-size: 27px;
        max-width: 640px;
        min-width: unset;
        width: 640px;
        min-height: unset;
        height: auto;
    }

    body {
        margin: 0;
        padding: 0;
        height: auto;
        min-width: unset;
        overflow-x: hidden;
        /*background: url(../img/bg.svg?) repeat-x scroll center -1px #AE2F87;*/

        background-size: cover;

        word-wrap: break-all;

    }

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

    .block1 .logoArena
    {
        right: unset;
    }

    h1 {
        font-size: 28px;
    }

    img {
        max-width: 580px;

    }

    .helper {
        position: absolute;
        color: #f1f1f1;
        font-size: 16px;
        top: 48px;
        right: 190px;
    }

    .block1 .logoArena {
        position: absolute;
        right: 0px;
        top: 42px;
        height: 32px;
    }

    .block1 .logoTA {
        position: absolute;
        right: unset;
        top: 45px;
    }

    .block1 {
        height: 950px;
        /*ackground: url(../img/bg_top.svg?) repeat-x scroll center -1px transparent;
        background-size: cover;*/
    }


    .block1 .windowSmallText {
        width: 550px;
        position: absolute;
        top: 474px;
        right: 24px;
    }

    .block1 .logo {
        position: absolute;
        margin: auto;
        top: 110px;
        left: -90px;
        width: 900px;
        max-width: 650px;
    }

    p span {
        color: #EBBDFB;
        font-size: 30px;
    }

    .block1 .windowSmall {
        display: none;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .leftColumn {
        width: 580px;
        margin: 0;
        padding: 0 0 20px 0;
        float: unset;
    }

    .leftWin {
        background-image: none;
    }

    .leftWin p {
        width: auto;
    }

    .rightColumn {
        width: 580px;
        float: unset;
        padding: 0 30px;
        margin-top: 280px;
        padding-top: 70px;
        border-top: 3px solid #f1f1f1;
    }

    .folderBlock .text {
        margin-top: 22px;
        float: right;
        width: 370px;
        margin-right: 10px;
        line-height: 1.4;
        font-size: 22px;
    }

    .folderBlock p {
        margin-bottom: 22px;
    }

    .folderBlock h4 {
        font-size: 22px;
        color: #FC185D;
        margin: 4px 0 20px 0;
    }

    .folderBlock .under {
        margin: 4px 0 18px 0
    }

    .colorLine {
        display: none;
    }

    .leftWin .eclips {
        display: none;
    }

    .leftWin .footerImg {
        display: none;
    }





    .blockContent {
        width: 580px;
    }

    .header {}

    .modalWindowHead {
        display: block;
        background-color: #4a4a4a9c;
        height: 50px;
        margin-bottom: 20px;
        width: 100%;
        color: white;
        padding: 8px 26px 5px;
    }

}