/*********************************************\
		Desktop First Method
\*********************************************/
@media only screen and (max-width: 1260px) {
  body {
    font-size: 16px; }
  section {
    padding: 80px 0; }
  .container {
    max-width: 760px; }
  .sec1 {
    background-position: calc(50% + 100px) 0px; }
  .sec1 .start {
    margin-left: 0; }
  .sec1 .presentation {
    margin-left: 0; }
  .sec1 .text {
    width: 200px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 250px;
    margin-left: 10px;
    font-size: 14px; }
  .sec1 .logo {
    height: 37px;
    width: 150px;
    background-size: contain; }
  .sec1 .text1 {
    font-size: 12px; }
  .sec1 .text2 {
    font-size: 18px;
    letter-spacing: 0px; }
  .sec1 .text3 {
    font-size: 80px; }
  .sec1 .text4 {
    font-size: 56px; }
  .sec1 .text5 {
    font-size: 18px;
    width: 340px; }
  .sec1 .part2 {
    padding-right: 0; }
  .sec1 .parts {
    margin-top: 80px; }
  .sec1 .text6 {
    font-size: 16px;
    width: 270px; }
  .btn {
    width: 280px;
    font-size: 13px; }
  .sec1 .chernyak {
    width: 500px;
    height: 320px;
    background-size: contain;
    left: calc(50% - 130px); }
  .sec1 {
    height: 546px; }
  .sec2 .text {
    font-size: 48px; }
  .sec2 .text1 {
    width: 390px; }
  .sec3 .text1 {
    font-size: 58px; }
.sec13 .blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .sec13 .tickets {
    width: 264px;
    height: 253px; }
  .sec13 .footer {
    margin-top: 80px;
    padding-top: 40px; }
  .sec13 .block2 {
    margin-left: 0; }
  .sec13 .part1 {
    margin-left: 30px; }
  .sec13 .part2 {
    margin-left: 70px; }
  .sec13 .line {
    margin-left: 45px;
    margin-right: 45px; }
  .sec13 .part3 {
    width: 170px; }
  .sec13 .doc {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
.sec13 .docs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center; }

     }

@media only screen and (max-width: 760px) {
  body {
    font-size: 14px; }
  section {
    padding: 50px 0; }
  .container {
    max-width: 340px; }
  .sec1 {
    height: auto;
    padding-bottom: 50px;
    padding-top: 20px;
    background-position: calc(50% + 280px) 0px;
    background-size: cover; }
  .sec1 .topline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .sec1 .text {
    width: 200px;
    width: 190px;
    margin-left: 10px;
    font-size: 12px; }
  .sec1 .logo {
    height: 27px;
    width: 105px;
    background-size: contain; }
  .sec1 .text1 {
    margin-top: 15px; }
  .sec1 .text3 {
    font-size: 65px; }
  .sec1 .text4 {
    font-size: 48px; }
  .sec1 .parts {
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center; }
  .sec1 .part1 {
    width: 100%; }
  .sec1 .part2 {
    width: 100%; }
  .btn {
    margin: 0 auto; }
  .sec1 .text5 {
    width: 100%; }
  .sec1 .chernyak {
    width: 310px;
    height: 230px;
    left: calc(50% - 110px); }
  .sec2 .photo {
    display: none; }
  .sec2 .text1 {
    width: 100%; }
  .sec2 .text {
    font-size: 36px; }
  .sec3 .text {
    font-size: 16px; }
  .sec3 .text1 {
    font-size: 40px; }
  .sec3 .btn {
    margin-top: 30px; }
     .sec13 .text {
    font-size: 26px; }
  .sec13 .line {
    display: none; }
  .sec13 .part3 {
    margin-left: 30px;
    width: 220px; }
  .sec13 .docs {
    height: 250px;
    padding-top: 30px;
    padding-bottom: 30px; }
  /*Disable Animation on Mobile Devices*/
  .animated {
    transition-property: none !important;
    -ms-transform: none !important;
    transform: none !important;
    animation: none !important; } }