/* màn hình ngang: luôn dùng màn hình PC */
@media screen and (orientation: landscape) {
  .index.screen {
    display: block !important;
  }
  .screen.frame-1210 {
    display: none !important;
  }
  .main-container {
    background-image: url(../img/image-13.webp);
  }
}

/* màn hình dọc: luôn dùng màn hình mobile */
@media screen and (orientation: portrait) {
  .index.screen {
    display: none !important;
  }
  .screen.frame-1210 {
    display: block !important;
  }
  .main-container {
    background-image: url(../img/bg.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .frame-1210 .bg {
    display: none;
  }
  .frame-1210 .frame-1197,
  .frame-1210 .image-6,
  .frame-1210 .image-5-1 {
    display: none;
  }
}

/* ipad dọc: đã có nền lớn phía sau nên ẩn ảnh bg cho khỏi dư */
@media screen and (orientation: portrait) and (min-width: 768px) {
  .frame-1210 .bg {
    display: none;
  }
  .frame-1210 .frame-1198:not(.frame-1198-1) {
    display: none;
  }
  .frame-1210 .ellipse-1,
  .frame-1210 .ellipse-2,
  .frame-1210 .group-3,
  .frame-1210 .group-4,
  .frame-1210 .image-5-1,
  .frame-1210 .image-6 {
    display: none;
  }
}