.page10-mobile {
  display:none!important}
@media (max-width:823px) {
  div#contact-menu {
    width:100% !important;
    bottom:0 !important;
    right:unset !important;
    top:unset !important;
    padding:7px 0 0 0 !important;
    border-radius:40px 40px 0 0 !important;
    box-shadow:0 2px 35px rgb(0 0 0 / 30%), 0 15px 12px rgb(0 0 0 / 22%) !important}
  div#contact-menu ul {
    display:flex;
    margin:0}
  div#contact-menu ul li {
    width:50%}
  div#contact-menu ul li a {
    font-size:14px;
    white-space:nowrap;
    color:#0d6799}
  div#contact-menu img {
    width:40px}
  .regftGroup {
    display:none !important}

  .screen1 {
    background:var(--uri_m) center 0 no-repeat;
    background-size:428px;
    min-height:520px;
    max-width:428px;
    margin:0 auto;
    display:flex;
    align-items:flex-end;
    padding:20px 0}
  .screen1__box {
    margin:unset !important}
  .screen1__header img {
    display:none !important}
  .screen1 button {
    display:block;
    margin:0 auto;
    border:none;
    color:#fff;
    font-size:12px;
    font-weight:600;
    border-radius:20px;
    padding:5px 15px;
    background:linear-gradient(to right, #012e73, #1663df);
    animation:flicker 1s infinite}
  .screen1__box {
    display:flex;
    justify-content:center;
    width:100%}
  .screen2__img img {
    display:block;
    width:100%;
    height:auto}
  .screen10,
  .screen9,
  .screen8,
  .screen7,
  .screen6,
  .screen5,
  .screen2 {
    padding:20px 0;
    max-width:428px;
    margin:0 auto}
  .screen2__video {
    width:100%}
  .screen2__play img {
    display:block;
    width:30px;
    height:30px}
  .screen3__wrapper {
    flex-wrap:wrap}
  .screen3__item {
    width:46%}
  .screen3__wrapper {
    max-width:428px;
    margin:auto}
  .screen5__box table {
    width:100%;
    color:#000;
    font-size:1rem;
    border-collapse:collapse}
  .screen5.loaded {
    background:var(--uri) center 0;
    background-size:cover}
  .screen5__whiteBg {
    background:#fff !important}
  .screen5__footer span {
    color:#fff;
    font-size:14px}
  .screen6__item {
    width:46%}
  .screen8__video {
    width:100%}
  .screen8__item {
    width:100%}
  .screen9__item {
    width:46%}
  .page10-mobile {
    display:block !important}
  .page10-pc {
    display:none !important}
  .screen10.loaded {
    background:var(--uri_m) center bottom;
    background-size:428px}
  .screen10__wrapper {
    width:100%}
  .screen10__title img {
    display:block;
    /* width:75%; */
    margin:0 auto;
    height:auto}
  .screen3__header {
    font-size:1.4rem}
  .screen3__text label {
    font-size:0.9rem}
  .screen8__header,
  .screen7__header,
  .screen6__header,
  .screen4__header {
    font-size:1.4rem}
  .screen5__header {
    font-size:1.4rem;
    font-weight:600;
    text-align:center;
    margin-bottom:10px;
    color:#fff}
  .screen10__box {
    margin:unset !important}

  .screen14__pic {
    display:none !important}
  .screen14__text {
    width:100%}
  .screen14__text ul {
    font-size:1rem}
  .screen14__header {
    font-size:1.4rem}}
@media (max-width:400px) {
  .screen6__item {
    width:100%}}
@media (max-width:320px) {
  .screen1 {
    background-size:320px;
    min-height:390px;
    padding:10px 0}
  .screen3__item {
    width:100%}
  section#page5 .container {
  padding:8px}}
@media (max-width:1440px) {
  .screen10.loaded {
    background-repeat:no-repeat;
    background-size:cover}}
.modal-cam-on {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0, 0, 0, 0.4);
  z-index:8}
.modal-cam-on {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0, 0, 0, 0.4);
  z-index:20;
  justify-content:center;
  align-items:center;
  display:none}
.modal-cam-on.display {
  display:flex !important}
@keyframes hienAn {
  0% {
    transform:translateY(-220px)}
  100% {
    transform:translateY(0)}}
.modal-cam-on .khoi {
  background-color:#fff;
  max-width:500px;
  min-width:350px;
  min-height:200px;
  padding:16px 24px;
  position:relative;
  border-radius:8px;
  animation:hienAn .5s ease-in;
  box-shadow:2px 2px 4px #000}
p.khoi-item-img {
  width:200px;
  text-align:center;
  margin:8px auto}
p.khoi-item-img img {
  width:100%;
  object-fit:cover}
h2.khoi-item-h2 {
  font-size:32px;
  font-weight:600;
  text-align:center;
  margin-bottom:30px;
  color:rgb(34, 33, 33)}
p.khoi-item-p {
  font-size:18px;
  text-align:center;
  line-height:1.6;
  color:#222}
p.close {
  position:absolute;
  top:5px;
  right:16px;
  font-size:30px;
  cursor:pointer;
  opacity:.9}
p.close:hover {
  opacity:1}
@media (max-width:430px) {
  .khoi {
    min-width:calc(100% - 32px) !important;
    margin:0 16px}
  h2.khoi-item-h2 {
    font-size:20px}}