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

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

    .desktop
    {
        display: none;
    }

    .mobile
    {
        display: block;
    }

    .article {
        width: 520px;
    }

    .readmoreb {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 1000px;
        width: 340px;
    }
  
    body {
      margin: 0;
      padding: 0;
      height: auto;
      min-width: unset;
      overflow-x: hidden;
    }
  
    section, footer {
      max-width: 640px;
      width: 640px;
      overflow-x: hidden;
      overflow-y: hidden;
    }

    .blockContent
    {
        width: 100%;
    }

    .screw {
        position: absolute;
        margin: 200px 50%;
        left: -250px;
        top: 100px;
    }

    .text2 {
        font-size: 26px;
        line-height: 1.4;
        top: 380px;
    }

    .arrow
    {
        display: none;
    }

    .text3
    {
        top: 750px;
        line-height: 1.3;
        font-size: 24px;
        text-align: center;
    }

    .supers
    {
        top: 1100px;
        left: 28px;
    }

    .supers .info
    {
        padding: 25px 25px 15px !important;
    }
    

    .supers2
    {
        top: 1385px;
    }

    .supers3
    {
        top: 1670px;
    }

    .supers4
    {
        text-align: left;
        top: 1956px;
    }

    .supers4 .info
    {
        text-align: left;
    }

    .block4_hide .article {
        height: 270px !important;
    }

    .supers5
    {
        text-align: left;

        top: 2210px;
    }


    .supers6
    {
        text-align: left;

        top: 2590px;
    }

    .comm
    {
        width: 520px;

    }

    .supers .info span
    {
        font-size: 27px;
    }

    .supers .info {
        display: block;
        width: 580px;
        left: 0px;
        top: 80px;
        font-size: 22px;
        min-height: auto;
        height: auto;
        background-color: black;
        line-height: 1.4;
    }

    .supers .info .close
    {
        display: none;
    }

    .supers > img
    {
        width: 200px;
        display: none;
    }

    .block1 {
        height: 3050px;
    }

    .block2 .desc {
        font-size: 22px;
    }

    .block3 .border
    {
        display: none;
    }

    .block3 .paralax
    {
        display: none;
    }

    .block3 .shest {
        left: 60px;
        top: 180px;
    }

    .block3 .shest2 {
        top: 490px;
    }

    .block3 .shest3 {
        top: 950px;
    }


    .block3 .shestF {
        left: -25px;
        top: 70px;
    }

    .block3 .shestF2 {
        top: 380px;
    }

    .block3 .shestF3 {
        top: 840px;
    }


    .block3 .desc
    {
        margin-left: 160px;
        width: 400px;
        font-size: 24px;
        text-align: left;
    }

    .block3 .article {
        padding: 0px 40px 50px 40px;
    }

    .block4
    {
        margin-top: 100px;
    }

    .block4 .article {
        background: url(../img/tech.png?) no-repeat scroll center -1px transparent;
        width: 640px;
        height: auto;
        background-size: cover;
        padding: 10px 50px 30px;
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 30px;
    }

    .block5 .article {
        position: relative;
        width: 540px;
        z-index: 10000;
    }

    .block5 .ornament
    {
        display: none;
    }

    .logobast
    {
        width: 520px;
    }

    .block5 .left {
        margin-left: 77px;
        font-size: 28px;
        margin-bottom: 10px;
    }

    .block5 .tg {
        margin-left: 62px;
        width: 160px;
        margin-bottom: 40px;
    }

    .block5 .vk {
        width: 160px;
        margin-top: 20px;
        margin-bottom: 40px;
    }
  
}