@media screen and (max-width: 1060px) {
  .desktop {
    display: none;
  }

  .page1 {
    position: relative;
    position: inherit !important;
    display: block !important;
    width: 100vw !important;
    padding-bottom: 5vw;
  }

  .page1 .logo-top-container {
    cursor: initial !important;
    width: 7.5vh !important;
    height: 7.5vh !important;
    border-bottom-right-radius: 2vh !important;
  }

  .page1 .logo-top-container img {
    width: 4.5vh !important;
    height: 4.5vh !important;
  }

  .page1 .page-container {
    max-width: 100vw;
  }

  .page1 .page-container h1 {
    padding-top: 27vw;
    padding-left: 6vw;
    padding-right: 6vw;
    width: 88vw;
    font-size: 8.5vw;
    line-height: 1.1;
  }

  .page1 .page-container h3 {
    margin-top: 5vw;
    font-size: 4.9vw;
  }

  .page1 .page-container h3 svg {
    margin-left: 1.5vw;
    width: 6vw;
    height: 6vw;
  }


  .page1 .competition-timer .time-box {
    margin: 1.8vw;
    width: 18vw;
    border-radius: 3vw;
    height: 15.6vw;
    font-size: 8vw;
  }

  .page1 .competition-timer-lables>div {
    width: 18vw;
    margin-left: 1.8vw;
    margin-right: 1.8vw;
    font-size: 3.2vw;
  }

  .page1 .flex-bricks {
    display: block;
  }

  .page1 .brick-container {
    margin-left: 6vw;
    margin-right: 6vw;
  }



  /* brick panel styles */
  .page1 .fixed-brick {
    width: 100%;
    border-radius: 2vw;
    margin-top: 7vw;
    margin-bottom: 7vw;
  }

  .page1 .fixed-brick .second-title {
    font-size: 7vw;
  }

  .page1 .fixed-brick .brick-title {
    padding-left: 5vw;
    padding-right: 5vw;
    width: calc(100% - 10vw);
    font-size: 5vw;
    height: 9vw;
  }

  .page1 .fixed-brick .brick {
    margin-left: 5vw;
    margin-right: 5vw;
    border-radius: 3vw;
    height:45vw;
    width: calc(100% - 10vw);
    margin-bottom: 12vw;
  }


  /* orange play button for each competition */
  .page1 .fixed-brick .play-btn {
    top: 60vw;
    font-size: 6vw;
    width: 39vw;
    left: 22vw;
    padding: 1.8vw;
  }

  .page1 .fixed-brick .play-btn svg {
    margin-right: 2vw;
    width: 8vw;
  }


  /* icons below brick */
  .page1 .fixed-brick .icons-row {
    margin-bottom: 1.8vw;
  }

  .page1 .fixed-brick .icons-row>div {
    text-align: center;
    width: 27vw;
    font-size: 4.2vw;
  }

  .page1 .fixed-brick .icons-row>div svg {
    height: 6vw;
    margin-bottom: 0.3vw;
  }

  .page1 .fixed-brick .icons-row > div svg.feather-clock {
    height: 7vw;
  }

  /* bottom part */
  .page1 .fixed-brick .brick-panel-bottom {
    margin-top: 4vw;
    padding: 3vw;
    font-size: 4.5vw;
  }

  .page1 .fixed-brick .brick-panel-bottom svg {
    margin-left: 0.5vw;
    margin-right: 2vw;
    width: 9vw;
  }

  .page1 .fixed-brick .brick-panel-bottom .arrow-s4rf {
    margin-left: 1vw;
    width: 5vw;
  }

  .page1 .fixed-brick .brick-panel-bottom .right-subject {
    right: 3vw;
    font-size: 4.1vw;
    padding: 0.3vw;
    padding-left: 3vw;
    padding-right: 3vw;
    background: rgba(33, 197, 170, 0.1);
    border-radius: 5vw;
  }
}