@charset "UTF-8";

/* --------------------------------------------------
TABLET AND MOBILE SCREENS
--------------------------------------------------*/
/*===============================================================
991px
===============================================================*/
@media (max-width: 991px) {
  .tw-function-intro .main .vr-title {
    padding: 71px 0px 0px 15px;
  }

  .tw-function-intro .main .list .item {
    margin: 30px 50px 30px 50px;
  }

  .tw-function-intro .main .vr-detail {
    width: 95vmin;
  }

  .tw-function-intro .main .vr-detail {
    padding: 180px 80px 50px 80px;
    width: 95vmin;
  }
}

/*===============================================================
768px
===============================================================*/
@media (max-width: 768px) {
  .tw-function-intro .main .vr-title {
    padding: 100px 0px 0px 30px;
  }
  .tw-function-intro .main .vr-bg {
    background-size: 280px;
  }
  .tw-function-intro .main .function-for-2-people {
    height: 250px;
    width: auto;
  }

  .tw-function-intro .main .function-for-1-person {
    height: 250px;
    width: auto;
  }

  .tw-function-intro .main .list .item {
    margin: 30px 15px 30px 15px;
  }
}
/*===============================================================
576px
===============================================================*/
@media (max-width: 576px) {
}

/*===============================================================
500px
===============================================================*/
@media (max-width: 500px) {
}
/*===============================================================
450px
===============================================================*/
@media (max-width: 450px) {
  .tw-function-intro .main .list {
    flex-direction: column;
  }
  .tw-function-intro .main .w-s-option-img {
    content: url(../../images/telebooth-wire/w-s-option-m.svg);
  }
  .tw-function-intro .main .w-s-option-img-en {
    content: url(../../images/telebooth-wire/w-s-option-m-en.svg);
  }
  .tw-function-intro .main .w-s-option-img-vi {
    content: url(../../images/telebooth-wire/w-s-option-m-vi.svg);
  }

  .tw-function-intro .main .close-x-icon {
    top: 15px;
    right: 15px;
  }
  .tw-function-intro .main .vr-detail-img {
    content: url(../../images/telebooth-wire/w-function-detail-m.svg);
  }
  .tw-function-intro .main .vr-detail-img-en {
    content: url(../../images/telebooth-wire/w-function-detail-m-en.svg);
  }
  .tw-function-intro .main .vr-detail-img-vi {
    content: url(../../images/telebooth-wire/w-function-detail-m-vi.svg);
  }

  .tw-function-intro .main .w-option {
    padding: 25px 20px 50px 20px;
    height: auto;
  }

  .tw-function-intro .main .w-option-img {
    content: url(../../images/telebooth-wire/W-OPTION-M.svg);
  }

  .tw-function-intro .main .w-option-img-en {
    content: url(../../images/telebooth-wire/W-OPTION-M-en.svg);
  }

  .tw-function-intro .main .w-option-img-vi {
    content: url(../../images/telebooth-wire/W-OPTION-M-vi.svg);
  }

  .tw-function-intro .main .close-x-white-icon {
    top: 15px;
    right: 25px;
  }
}
/*===============================================================
376px
===============================================================*/
@media (max-width: 376px) {
}