@media screen and (max-width: 1260px) and (min-width: 768px) {
  .section1 {
    padding: 148px 0 0;
    text-align: center;
  }
  .section1.industry-top-section.has-space-bottom .section1_right {
    margin-bottom: 80px;
  }
  .section1 .video-thumbnail {
    width: 720px;
    height: 480px;
  }
  .section1 .video-thumbnail img {
    border-radius: 16px 16px 0 0;
  }
  .section1 .flex-container {
    flex-direction: column;
    gap: 64px;
  }
  .section1 .flex-container .section1_right {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 0;
    flex: auto;
    margin-bottom: 80px;
  }
  .section1 .flex-container .section1_right .hero_box {
    margin-top: 0;
    margin-bottom: 64px;
  }
  .section1 .flex-container .section1_right .hero_box * {
    text-align: left;
  }
  .section1 .container {
    position: relative;
    flex-direction: column;
  }
  .section1 .sub_title {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 8px;
  }
  .section1 .section1_right {
    position: relative;
    margin-top: 100px;
  }
  .section1 .section1_right img,
  .section1 .section1_right video {
    width: 720px;
    height: 480px;
  }
  .section1.with-sites-animations .section1_right:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 216px;
    background: linear-gradient(0deg, #000 5%, rgba(0, 0, 0, 0) 100%);
  }
  .section1 .bottom-intro-wrap {
    margin-top: 80px;
    padding-top: 64px;
  }
  .section1 .bottom-intro-wrap .container p {
    font-size: 32px;
    line-height: 137.5%;
  }
}