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

  .desktop
  {
    display: none;
  }

  .mobile
  {
    display: block;
  }

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

    
    body 
    {
        margin: 0;
        padding: 0;
        background-color: black;
        height: auto;
        min-width: unset;
        overflow-x: hidden;

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

    header
    {
      height: 80px;
    }

    .ta-logo {
      position: absolute;
      right: 0;
      top: 35px;
  }

    .block-content
    {
        width: 600px;
        max-width: 640px;
        height: 100%;
        margin: auto;
        position: relative;
        margin-top: 0;
        padding: 20px 20px;
    
    }

    .block1 {
      height: 2330px;
      overflow: hidden;
    }

    .block1 .block-content
    {
      padding: 0;
    }

    .block1 h1
    {
      color: white;
      font-size: 50px;
    }

    .block1 .rect1
    {
      display: none;
    }

    .block1 .article {
      width: auto;
      position: absolute;
      top: 360px;
      left: 0;
      font-size: 26px;
      line-height: normal;
      color: white;
  }

  .block1 .article .title {
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 10px;
}

.block1 .group {
  margin-top: 35px;
  height: 50px;
}

.block1 .group2
{
  margin-top: 54px;
  margin-left: 0;

}

  .block1 .img
  {
    top: 840px;
    width: 600px;
  }

  .block1 .about {
    position: absolute;
    top: 1620px;
  }

  .block1 .info {
    position: absolute;
    top: 1300px;
    left: 0;
    right: 0;
    z-index: 10;
    width: 600px;
  } 

  .block1 .title
  {
    font-size: 36px;
    margin-bottom: 30px;
  }

  .block1 .desc
  {
    line-height: 36px;
  }
    
  .block1 .about {
    position: absolute;
    top: 1870px;
    font-size: 26px;
    line-height: normal;
    padding: 10px 50px;
  }

  .block1 .about::before
  {
    left: 0;
  }

  .block1 .about::after
  {
    right: 0;
    bottom: 0;
  }
    
  .block1 .button {
    position: absolute;
    right: 0;
    top: 750px;
    width: 600px;
    z-index: 500;
    font-size: 26px;
    padding: 20px;
    text-align: center;
  }

  .block2
  {
    height: 1960px;
  }

  .block2 .right
  {
    display: none;
  }

  .block2 .left {
    position: absolute;
    left: 0;
    margin-left: 0;
    height: 860px;
  }

  .block2 .angle2
  {
    display: none;
  }

  .block2 .angle1
  {
    display: none;
  }

  .block2 .rect
  {
    display: none;
  }

  .block2 .title
  {
    font-size: 36px;
  }

  .block2 ul b
  {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .block2 ul
  {
    width: 550px;
    line-height: normal;
    font-size: 26px;
  }

  .block2 ul li
  {
    line-height: normal;
  }

  .block2 .aa1
  {
    top: 940px;
    font-size: 36px;
  }
  
  .block2 .aa2
  {
    top: 1000px;
    font-size: 26px;
    line-height: 1.2;
  }

  .block2 .res
  {
    top: 1380px;
    width: 270px;
  }

  .block2 .res2 {
    left: 310px;
  }

  .block2 .res3 {
    top: 1670px;
    left: 20px;
  }

  .block2 .res4 {
    top: 1670px;
    left: 310px;
  }

  .block3 {
    height: 600px;
  }

  .block3 .dm {
    height: auto;
    margin-top: 40px;
  }

  .block3 .d
  {
    font-size: 26px;
    width: 255px;
    height: 200px;
    line-height: normal;
  }

  .block3 .d3
  {
    margin-top: 40px;
    margin-left: 10px;
  }

  .block3 .d4
  {
    margin-top: 40px;

    margin-left: 40px;
  } 

  .block3 .d span
  {
    font-size: 20px;
  }

  .block4
  {
    height: 2100px;
    margin-top: 0;
  }

  .block4 .right {
    width: 530px;
    float: none;
    padding: 30px 0 10px 0;
    position: absolute;
    top: 400px;
}  

  .block4 .left {
    position: absolute;
    left: 40px;
    width: 600px;
    margin-left: 0;
  }

  .block4 h3
  {
    font-size: 36px;
  }

  .block4 .desc
  {
    font-size: 26px;
    line-height: 1.2;
  }

  .block4 .im
  {
    top: 350px;
    width: 320px;
    height: 400px;
    margin-left: 90px;
    background-size: cover;
    font-size: 34px;
    padding-top: 100px;
  }

  
  .block4 .im2
  {
    left: 0;
    top: 800px;
  }

  .block4 .im3
  {
    left: 0;
    top: 1250px;
  }

  .block5
  {
    height: 1320px;
    overflow: hidden;

  }

  .block5 .right
  {
    left: 0;
  }

  .block5 .left
  {
    top: 520px;
  }

  .block5 h3
  {
    font-size: 34px;
  }

  .block5 ul
  {
    margin-top: 60px;
    font-size: 26px;
    line-height: 1.2;
    margin-top: 31px;
  }

  .block5 ul li::before
  {
    top: 5px;
  }

  .block5 ul li
  {
    margin-bottom: 60px;
  }

  .block5 ul a
  {
    font-size: 24px;
    
    width: 270px;
    padding: 20px 0;
  }

  .block5 ul a::after
  {
    top: 17px;
  }

  .block_form
  {
    height: 1320px;
  }

  .block_form .right {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
  } 

  .block_form .left
  {
    margin-top: 440px;
  }

  .block_form h3
  {
    font-size: 36px;
    margin-bottom: 20px;
  }

  .block_form h4
  {
    font-size: 26px;
  }

  .block_form input[type=text], .block_form input[type=email], textarea
  {
    font-size: 26px !important;
    padding: 14px 20px;
  }

  .block_form .button {
    font-size: 26px;
    padding: 15px;
    width: 100%;
    margin-bottom: 30px;
}

  .block_form p {
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 1.2;
    text-align: center;
}

.block_form .left {
  width: 560px;
}

  header
  {
    margin-top: 0;
    padding: 20px;
  }

}