@media only screen and (min-width: 1924px){
  /* Desktop super big */
      body{background-color: #f6f5f3; margin: 0 300px;}
    .home{ height: 80px; width: 80px; } .sidemenu{ height:55px; width: 55px; left: calc(100% - 200px);}
  .iskraline, .infoline, .afishaline, .goline{height:200px;}
  .skobki1{ height:70vh; top:30vh;} .size{ background-size: 90%;} .size1{width:9vw;}
  .op12, .op4{top:-100px;} .op5{top:-80px;} .op8{top:210px;} .op9{ top:215px;} .op2,.op3{top:260px;}
 .ap4, .ap5{top: 340px;} .ap1{top: 255px;} .ap2, .ap3{ top:140px;}
 .up3, .up4, .up5{top: 180px;} .up7{ top: -180px;}
  .yp1{top:-40px;}
  .text,.normal,.button,.des,.card, .line1, .line2, .contacts, .cont, .author{font-size: 30px; line-height: 33px;}  .head{ font-size: 38px;} .cap{font-size:50px;}
  .s1{ width: 18em; top: -90px;} .s2{width: 19em;}  .rec, .rectangles, .image{height: 188px;} .image{ width:155px;} .rec{width: 24px;} .rectengles{width:148px;}
  .banner{width: 1000px; height: 558px;} .desc{ width: 380px;} .caption{width: 785px;} .hse{width: 300px; height:125px;}
  @keyframes linemove1{0%{left:0;} 100%{left:-2832px;}}  @keyframes linemove2{0%{left:0;} 100%{left:-2976px;}}

}


@media only screen and (min-width: 1700px) and (max-device-width: 1924px) {
  /* Desktop big */
    .home{ height: 80px; width: 80px; } .sidemenu{ height:55px; width: 55px; left: calc(100% - 200px);}
  .iskraline, .infoline, .afishaline{height:200px;}
  .skobki1{ height:70vh; top:30vh;} .size{ background-size: 90%;} .size1{width:9vw;}
  .op12, .op4{top:-100px;} .op5{top:-80px;} .op8{top:210px;} .op9{ top:215px;} .op2,.op3{top:260px;}
 .ap4, .ap5{top: 340px;} .ap1{top: 255px;} .ap2, .ap3{ top:140px;}
 .up3, .up4, .up5{top: 180px;} .up7{ top: -180px;}
  .yp1{top:-40px;}
  .text,.normal,.button,.des,.card, .line1, .line2, .contacts, .cont, .author{font-size: 24px; line-height: 27px;}  .head{ font-size: 32px;} .cap{font-size:50px;} .big{width:19em;}
  .s1{ width: 18em; top: -90px;} .s2{width: 19em;}  .rec, .rectangles, .image,.line1,.line2,.card{height: 188px;} .line2{top:188px;}.image{ width:155px;} .rec{width: 24px;} .rectengles{width:148px;}
  .banner{width: 1000px; height: 558px;} .desc{ width: 380px;} .caption{width: 785px;} .hse{width: 300px; height:125px;}
}

@media only screen and (min-height: 700px) and (max-height: 950px) and (min-width: 1600px) {
  /* Desktop */

  .size{ background-size: 80%;} .size1{width:8vw;}
    .iskraline, .infoline, .afishaline, .goline{height:140px; animation-duration:6s; }
  .star1, .star2, .star3, .star4{ height: 38vw;}
  .skobki1 { top: 22vh; height: 78vh;}   .skobki2{ top: 8vh; height: 95vh;}
  .op12, .op4{top:-85px;} .op5{top:-65px;} .op8{top:185px;} .op9{ top:185px;}
  .ap4, .ap5{top: 295px;} .ap1{top: 215px;}
  .yp1{top:-40px;} .slick-list{ height: 90vh;} .ticketgallery{ height: 90vh;}
  .home{ height: 58px; width: 58px; }
  .s1{ top:-19vh;} .block{ top: -17vh;}
  @keyframes go {
    0%{transform: translateX(0);}
    100%{transform: translateX(-885px);}
  }
  .screen4{height:70vh;} .sliders{top:10vh;} .screen6{top:500vh;} .screen7{top:580vh;} .footer{top:680vh;} .tic{top:-25px;}
.screen5{ height: 115vh; top:390vh;} .slick-list{ height: 95vh;} .ticketgallery{ height: 95vh;}
}
@media only screen and (min-height: 700px) and (max-height: 850px)  {
    .home{ height: 55px; width: 55px; }   .sidemenu{ height: 40px; width: 40px; left:calc(100% - 135px);}
      .iskraline, .infoline, .afishaline, .goline{height:140px;}
    .star1, .star2, .star3, .star4{ height: 33vw;}
  .skobki1 { top: 25vh; height: 75vh;}   .skobki2{ top: 8vh; height: 95vh;}
  .op12 {top:-65px;} .op4,.op5{top:-60px;} .op8{top:155px;} .op9{ top:155px;} .banner{width: 715px; height: 400px;} .desc{ width: 350px;} .price{left:100px;} .caption{width: 600px;} .slick-list {height: 95vh;}
  .ticketgallery{ height: 95vh;} .tic{top:-5px;} .s1{ top:-9vh;} .block{ top: -13vh;}
  .screen4{height:70vh;} .sliders{top:10vh;} .screen6{top:500vh;} .screen7{top:580vh;} .footer{top:680vh;} .tic{top:-25px;}
.screen5{ height: 115vh; top:390vh;}
}
@media only screen and (min-height: 700px) and (max-height: 850px) and (min-width: 1500px)  {
    .iskraline, .infoline, .afishaline, .goline{height:130px;}
    .re4{background-position: left 45%;} .op8{top:135px;} .op9{top:140px;} .op12{top:-72px;} .ap1{top:185px;} .ap4, .ap5{top:240px;}
    .yp1{top:40px; }.yp2{top:-80px;} .ro3{background-position: left 30%;} .ro4{background-position: left 10%;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* iPad */
  .iskraline, .infoline, .afishaline, .goline{height:140px;}
  .star1, .star2, .star3, .star4{ height: 38vw;}
  .re5, .ra4{display: none;} .skobki2 {gap: 0px 0px;}
  .text,.normal,.button,.des,.card,.contacts, .cont, .author{font-size: 18px; line-height: 21px;}  .head{ font-size: 24px;} .cap{font-size:36px;}
  .s1{top:20vh;} .block{top:0vh;} .screen3{height: 80vh;} .screen4{ height: 70vh; top: 296vh;} .sliders{top:15vh;} .line1{animation-duration: 24s;} .line2{animation-duration: 27s; top:145px;} .card{width: 19em;} .big{width: ;}
  .description{top:3.5em;} .rec, .rectangles, .line1, .line2,.image,.card{height: 145px;} .image{ width:121px;} .rec{width: 21px;} .rectengles{width:138px;}
  .banner{width: 640px; height: 358px;} .desc{ width: 229px;} .caption{width: 420px;} .slick-list{ height: 78vh;} .ticketgallery{ height: 78vh;}
  .screen5{top:370vh;} .tic{top:1.65em;}.screen6{ height:55vh; top:465vh;} .screen7{top:520vh;} .footer{top:620vh;} .hse{width: 205px; height:85px;}
  .yp1{top:55px;} .yp2{top:-55px;}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* iPad Portrait */
  .star1, .star2, .star3, .star4{ height: 40.5vh;}
  .skobki1 {
    top:12vh;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  gap: 0px 55px;
  grid-template-areas:
    ". . . ."
    "re1 . re3 re4"
    "re1 . re3 re4"
    "re1 re2 re3 re4"
    ". re2 . .";
  } .re4{background-position: left 40%;}
  .skobki2{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    gap: 0px 50px;
    grid-template-areas:
      "ra1 . . ."
      "ra1 . ra3 ra5"
      "ra4 ra2 ra3 ra5"
      ". ra2 ra3 ."
      ". . . .";
  }
.ra4,.ra5{display: block;} .ra1{background-position: left 100%;} .ra5{background-position: left 40%;} .s1{top:28vh;}
.screen3{top:200vh;} .block{top:10vh;} .screen4{top:280vh; height: 50vh;} .sliders{top: 10vh;} .line1{animation-duration: 28s;} .line2{animation-duration: 30s;} .screen5{top:330vh;}
.slick-list{ height: 60vh;} .ticketgallery{ height: 60vh; top:5vh;} .tic{top:100px;} .screen6{top:420vh;} .screen7{top:475vh;} .skobki4{gap: 0px 10px;}
.footer{top:575vh; display: flex; justify-content: space-evenly; flex-wrap: nowrap; align-items: center;} .contacts,.hse,.author{position: static;}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0px 0px;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    margin: 0;
    padding: 0;
}
.ticket{overflow:hidden;} .starblack {width: 133px;height: 133px;position: absolute;  top: 31px;margin-left: 4vw;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* iPad Landscape */
  .iskraline, .infoline, .afishaline, .goline{height:140px;}
  .star1, .star2, .star3, .star4{ height: 38vw;}
  .re5, .ra4{display: none;} .skobki2 {gap: 0px 0px;}
  .text,.normal,.button,.des,.card,.contacts, .cont, .author{font-size: 18px; line-height: 21px;}  .head{ font-size: 24px;} .cap{font-size:36px;}
  .s1{top:20vh;} .block{top:0vh;} .screen3{height: 80vh;} .screen4{ height: 70vh; top: 296vh;} .sliders{top:15vh;} .line1{animation-duration: 24s;} .line2{animation-duration: 27s; top:145px;} .card{width: 19em;} .big{width: ;}
  .description{top:3.5em;} .rec, .rectangles, .line1, .line2,.image,.card{height: 145px;} .image{ width:121px;} .rec{width: 21px;} .rectengles{width:138px;}
  .banner{width: 640px; height: 358px;} .desc{ width: 229px;} .caption{width: 420px;} .slick-list{ height: 78vh;} .ticketgallery{ height: 78vh;}
  .screen5{top:370vh;} .tic{top:1.65em;}.screen6{ height:55vh; top:465vh;} .screen7{top:520vh;} .footer{top:620vh;} .hse{width: 205px; height:85px;}
  .yp1{top:55px;} .yp2{top:-55px;}
}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
  /* iPhone Portrait */
  .home{ height: 60px; width: 60px; left:8vw; } .sidemenu{ height:40px; width: 40px; left: calc(100% - 130px);}
  .star1, .star2, .star3, .star4{background-size: 200%; height: 50vh;}
  .iskraline, .infoline, .afishaline, .goline{height:105px;}
  .skobki1 {
    left: 8vw;
    top:13vh;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 0px 20px;
  grid-template-areas:
    ". re2 . "
    "re1 re2 re3 "
    "re1 re2 re3 "
    "re1 re2 re3 "
    ". . . ";
  } .re4{display: none;} .size{background-size: 100%;} .size1{width: 100%;}
  .re2{background-position: 0 115px;} .op4{top:20px;} .op5{top:25px;} .re3{background-position: left 150px;}.re1{background-position: left 50px;} .op12{display: none;} .op1{position:relative; top:12px;}
  .skobki2 {
    left: 8vw;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 0px 20px;
  grid-template-areas:
    ". ra3 ra5 "
    "ra2 ra3 ra5 "
    "ra2 ra3 ra5 "
    "ra2 . . "
    ". . . ";
  }

.ra5 {display: block; background-position: left 40%;} .ra1{display:none} .ra3{background-position: left 20%;} .s1{top:28vh;} .ap4,.ap5{top:440px;} .ap2,.ap3{top:245px;} .ap1{top:250px;}
.text,.normal,.button,.des,.card,.contacts, .cont, .author{font-size: 14px; line-height: 17px;}  .head{ font-size: 21px;} .cap{font-size:27px;}
.s1{top:20vh; left:8vw;} .screen3{top:200vh;} .block{top:2vh;height: 75vh;} .screen4{top:275vh; height: 65vh;} .sliders{top:15vh;}
.line1{animation-duration: 27s;} .line2{animation-duration: 30s; top:145px;} .card{width: 19.5em;} .big{width:22em;}
.description{top:3.5em; width:11em;} .rec, .rectangles, .line1, .line2,.image,.card{height: 145px;} .image{ width:121px;} .rec{width: 18px;} .rectengles{width:128px;}
.screen5{top:340vh; height: 70vh}
.slick-list {position: relative;display: block; overflow: hidden; margin: 0; padding: 0px 0px;}
.slick-slide {float: left; height: 100%; min-height: 1px; margin: 0; padding: 0;}
.slick-list{ height: 50vh;} .ticketgallery{ height: 50vh; top:0vh;} .tic{top:20px;} .ticket{overflow:hidden;} .starblack {display:none;}
.banner {height: 232px; width:100vw; margin-left:0px;} .caption{left:8vw; width: 350px;} .desc{left:8vw; width:178px;} .price{left:0;} .screen6{top:410vh; height: 60vh;}
.skobki3 {
  left: 8vw;
display: grid;
grid-template-columns: 1fr 1fr 1fr 0.4fr;
grid-template-rows: 1fr 1fr 1fr 1fr;
gap: 0px 20px;
grid-template-areas:
  ". . . . "
  ". ru2 . . "
  "ru1 ru2 . . "
  "ru1 . ru3 . ";
}
.up3{top:200px;} .up4{top:135px;} .up5{top:70px;} .up7{top:-140px;}
.screen7{top:470vh;}.footer{display:none;} .footer2{display: block; top:570vh; height:20vh;} .flex{display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; position: absolute; left:50vw; top:4vh;}
.hse{width: 133px; height:60px; position: absolute; left:8vw; top:4vh;} .contacts,.author{position: static; margin-bottom: 15px;}
.skobki4 {
  left: 8vw;
display: grid;
grid-template-columns: 1fr 1fr 1fr 0.4fr;
grid-template-rows: 1fr 1fr 1fr 1fr;
gap: 0px 20px;
grid-template-areas:
  "ro1 . . . "
  "ro1 . ro4 . "
  "ro1 ro2 ro4 . "
  ". ro2 ro4 . ";
}
.ro3{display: none;} .ro1{background-position: left 57%;} .yp1{top:180px;} .yp2{top:100px;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
  /* iPhone Landscape */
.topmenu{height:20vh;}   .home{ height: 40px; width: 40px; left:3.5vw; } .sidemenu{ height:40px; width: 40px; left: calc(100% - 130px);}
  .star1, .star2, .star3, .star4{background-size: 200%; height: 50vh;}
  .iskraline, .infoline, .afishaline, .goline{height:105px;}
}

@media only screen and (min-device-hight:360px) and (max-device-hight:480px){
  .topmenu{height:20vh;}   .home{ height: 40px; width: 40px; left:3.5vw; } .sidemenu{ height:40px; width: 40px; left: calc(100% - 130px);}
    .star1, .star2, .star3, .star4{background-size: 200%; height: 50vh;}
    .iskraline, .infoline, .afishaline, .goline{height:105px;}



}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
  /* iPhone Portrait */
  .home{ height: 60px; width: 60px; left:8vw; } .sidemenu{ height:40px; width: 40px; left: calc(100% - 125px);}
  .star1, .star2, .star3, .star4{background-size: 200%; height: 50vh;}
  .iskraline, .infoline, .afishaline, .goline{height:105px;}
  .skobki1 {
    left: 8vw;
    top:13vh;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 0px 20px;
  grid-template-areas:
    ". re2 . "
    "re1 re2 re3 "
    "re1 re2 re3 "
    "re1 re2 re3 "
    ". . . ";
  } .re4{display: none;} .size{background-size: 100%;} .size1{width: 100%;}
  .re2{background-position: 0 115px;} .op4{top:20px;} .op5{top:25px;} .re3{background-position: left 150px;}.re1{background-position: left 50px;} .op12{display: none;} .op1{position:relative; top:12px;}
  .skobki2 {
    left: 8vw;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 0px 20px;
  grid-template-areas:
    ". ra3 ra5 "
    "ra2 ra3 ra5 "
    "ra2 ra3 ra5 "
    "ra2 . . "
    ". . . ";
  }

.ra5 {display: block; background-position: left 40%;} .ra1{display:none} .ra3{background-position: left 20%;} .s1{top:28vh;} .ap4,.ap5{top:440px;} .ap2,.ap3{top:245px;} .ap1{top:250px;}
.text,.normal,.button,.des,.card,.contacts, .cont, .author{font-size: 14px; line-height: 17px;}  .head{ font-size: 21px;} .cap{font-size:27px;}
.s1{top:20vh; left:8vw;} .screen3{top:200vh;} .block{top:2vh;height: 75vh;} .screen4{top:275vh; height: 65vh;} .sliders{top:15vh;}
.line1{animation-duration: 27s;} .line2{animation-duration: 30s; top:145px;} .card{width: 19.5em;} .big{width:22em;}
.description{top:3.5em; width:11em;} .rec, .rectangles, .line1, .line2,.image,.card{height: 145px;} .image{ width:121px;} .rec{width: 18px;} .rectengles{width:128px;}
.screen5{top:340vh; height: 70vh}
.slick-list {position: relative;display: block; overflow: hidden; margin: 0; padding: 0px 0px;}
.slick-slide {float: left; height: 100%; min-height: 1px; margin: 0; padding: 0;}
.slick-list{ height: 50vh;} .ticketgallery{ height: 50vh; top:0vh;} .tic{top:20px;} .ticket{overflow:hidden;} .starblack {display:none;}
.banner {height: 232px; width:100vw; margin-left:0px;} .caption{left:8vw; width: 350px;} .desc{left:8vw; width:178px;} .price{left:0;} .screen6{top:410vh; height: 60vh;}
.skobki3 {
  left: 8vw;
display: grid;
grid-template-columns: 1fr 1fr 1fr 0.4fr;
grid-template-rows: 1fr 1fr 1fr 1fr;
gap: 0px 20px;
grid-template-areas:
  ". . . . "
  ". ru2 . . "
  "ru1 ru2 . . "
  "ru1 . ru3 . ";
}
.up3{top:200px;} .up4{top:135px;} .up5{top:70px;} .up7{top:-140px;}
.screen7{top:470vh;}.footer{display:none;} .footer2{display: block; top:570vh; height:20vh;} .flex{display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; position: absolute; left:50vw; top:4vh;}
.hse{width: 133px; height:60px; position: absolute; left:8vw; top:4vh;} .contacts,.author{position: static; margin-bottom: 15px;}
.skobki4 {
  left: 8vw;
display: grid;
grid-template-columns: 1fr 1fr 1fr 0.4fr;
grid-template-rows: 1fr 1fr 1fr 1fr;
gap: 0px 20px;
grid-template-areas:
  "ro1 . . . "
  "ro1 . ro4 . "
  "ro1 ro2 ro4 . "
  ". ro2 ro4 . ";
}
.ro3{display: none;} .ro1{background-position: left 57%;} .yp1{top:180px;} .yp2{top:100px;}
}