@charset "UTF-8";

@media (max-width: 1023px) {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  img,
  svg,
  canvas,
  video,
  iframe,
  embed,
  object {
    max-width: 100%;
  }

  img,
  video {
    height: auto;
  }

  input,
  select,
  textarea,
  button {
    max-width: 100%;
  }

  .fixwidth,
  .fixpage,
  .wrap-content,
  .wrap-main,
  .maincontent,
  .menu .fixwidth {
    width: 100%;
    max-width: 100%;
    padding-left: 14px;
    padding-right: 14px;
  }

  .wrapmain_container,
  .wrapmain_container > *,
  .w-clear,
  .clearfix,
  .d-flex,
  .wrap-taikhoan,
  .taikhoan_left,
  .taikhoan_right,
  .title_taikhoan,
  .title_taikhoan_left,
  .title_taikhoan_right,
  .title_taikhoan_right_topw,
  .list_user_tk,
  .right_user_tk,
  .right_user_tk_hoadon,
  .container_qlnhom,
  .left_qlnhom,
  .center_qlnhom,
  .center_kenh,
  .center_uoctinhkenh,
  .right_qlnhom,
  .full_kenhdoitac,
  .content_header_qlnhom,
  .flex_header_groups_right,
  .grid_tv_qlnhom,
  .mkrica-dashboard,
  .mkrica-card,
  .mkrica-results,
  .mkrica-form-group-row,
  .mkrica-form-group-lang,
  .mok_tb_notification,
  .mokr-card-mok {
    min-width: 0;
  }

  .text-split,
  .title-main span,
  .title_dichthuat_container,
  .title-user1,
  .title-user_tt,
  .slider_info__name,
  .slider_info__desc,
  .mok_tb_text,
  .mokr-name-mok,
  .mokr-country,
  .mokr-highlight span,
  .mokr-lang-item {
    overflow-wrap: anywhere;
  }

  .table-responsive,
  .table-cart-area,
  .table_admin,
  .table_dh,
  .table100,
  .header_table,
  .order_qlnhom_table,
  .box_thanhvien_groups_order,
  .box_thanhvien_groups_order_qlnhom,
  .thanhvien_groups,
  .thanhvien_groups_qlnhom,
  .body_thongke_groups_center_r,
  .content_translatoradmin,
  .content_translatoradmin_lichsutt,
  .statistic_l,
  .page_admin_email_chiendich,
  .content_loaitailieu_cscl,
  .thongtin_dichgia_gr,
  .overflow_auto,
  .mkrica-table {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive table,
  .table-cart-area table,
  .table_admin table,
  .table_dh table,
  .table100 table,
  .header_table table,
  .order_qlnhom_table table,
  .box_thanhvien_groups_order table,
  .box_thanhvien_groups_order_qlnhom table,
  .thanhvien_groups table,
  .thanhvien_groups_qlnhom table,
  .body_thongke_groups_center_r table,
  .content_translatoradmin table,
  .content_translatoradmin_lichsutt table,
  .statistic_l table,
  .page_admin_email_chiendich table,
  .content_loaitailieu_cscl table,
  .thongtin_dichgia_gr table,
  .mkrica-table table {
    width: max-content;
    min-width: 100%;
  }

  .taikhoan_right > table,
  .center_qlnhom > table,
  .full_kenhdoitac > table,
  .content-main table,
  .noidung_dieukhoan table,
  .toc-content table,
  #toc-content table {
    display: block;
    width: max-content;
    min-width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .modal-dialog,
  .modal-content,
  .modal-custom,
  .fancybox-content,
  .dialog,
  .dialog-content-qlnhom,
  .dialog-content-suatin,
  .openpopup_form,
  #formdk79,
  #popup-cart .modal-dialog {
    max-width: calc(100vw - 24px);
  }

  .modal-body,
  .fancybox-slide,
  .dialog,
  .dialog-content-qlnhom,
  .dialog-content-suatin {
    max-height: calc(100vh - 24px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .fancybox-slide {
    padding: 12px;
  }

  .wrap-taikhoan {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
    gap: 14px;
  }

  .taikhoan_left {
    flex: 0 0 250px;
  }

  .taikhoan_right {
    flex: 1 1 auto;
    max-width: 100%;
  }

  .title_taikhoan {
    flex-wrap: wrap;
    gap: 10px;
  }

  .title_taikhoan_right,
  .title_taikhoan_right_topw ul,
  .link_tk_header,
  .link_tk_header_id {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .link_tk_header,
  .link_tk_header_id {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
  }

  .link_tk_header a,
  .link_tk_header_id a,
  .title_taikhoan_right_topw ul li {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .container_qlnhom {
    width: 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    gap: 12px;
  }

  .left_qlnhom {
    flex: 0 0 230px;
  }

  .center_qlnhom,
  .center_kenh,
  .center_uoctinhkenh,
  .thanhvien_qlnhom {
    flex: 1 1 auto;
    max-width: 100%;
  }

  .right_qlnhom {
    flex: 0 0 250px;
  }

  .content_header_qlnhom {
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex_header_groups_right,
  .m_mobile_header,
  .tabs {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .flex_header_groups_right > *,
  .tabs a {
    flex: 0 0 auto;
  }

  .dropdown .dropdownmenu,
  .mok_tb_panel,
  .sidebar_moi {
    max-width: calc(100vw - 20px);
  }

  .mok_tb_panel {
    right: 8px;
    width: min(420px, calc(100vw - 16px));
  }

  .mok_tb_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .sidebar_moi {
    width: min(430px, 92vw);
  }

  .mokr-top-mok,
  .mokr-lang-mok,
  .mokr-extra {
    flex-wrap: wrap;
  }

  .mkrica-dashboard {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: 14px;
  }

  .mkrica-results {
    flex-direction: column;
  }

  .mkrica-chart canvas {
    max-width: 100% !important;
    height: auto !important;
  }

  .mkrica-form-group input,
  .mkrica-form-group select,
  .mkrica-small,
  .mkrica-price,
  progress,
  input[type="file"] {
    max-width: 100%;
  }

  .detailvisavn_right,
  .detail_visaxcleft,
  .detail_visaxcright,
  .detailvisa_rightmain,
  .chitietvisa_bvkhacright,
  .chitietvisa_khungleft,
  .dtlistbv_img,
  .ngonngulist_right,
  .detail_visacatimg {
    float: none !important;
    width: 100% !important;
    max-width: 100%;
    margin-right: 0 !important;
  }

  .detail_visacatinfo,
  .dichthuat_info,
  .ngonngulist_slideinfo,
  .dtlist_title {
    position: static !important;
    width: 100% !important;
  }

  .dtlist_background {
    padding-bottom: 24px;
  }

  .dtlist_open {
    position: static !important;
    display: inline-flex;
    margin: 6px;
    vertical-align: top;
  }

  .dtlist_open p {
    position: static !important;
    width: auto !important;
    height: auto !important;
  }

  .dtlist_open::after,
  .dtlist_open a::after {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .fixwidth,
  .fixpage,
  .wrap-content,
  .wrap-main,
  .maincontent,
  .menu .fixwidth,
  .wrap-taikhoan,
  .container_qlnhom {
    padding-left: 10px;
    padding-right: 10px;
  }

  .wrap-taikhoan {
    display: block !important;
  }

  .taikhoan_left {
    display: none;
  }

  .taikhoan_right,
  .center_qlnhom,
  .center_kenh,
  .center_uoctinhkenh,
  .thanhvien_qlnhom,
  .left_qlnhom,
  .right_qlnhom {
    width: 100% !important;
    max-width: 100%;
  }

  .left_qlnhom.position-sticky,
  .right_qlnhom.position-sticky {
    position: relative !important;
    top: auto !important;
  }

  .left_qlnhom,
  .right_qlnhom {
    margin-bottom: 12px;
  }

  .container_qlnhom {
    display: block !important;
  }

  .content_header_qlnhom {
    padding-left: 8px;
    padding-right: 8px;
  }

  .flex_header_groups_right {
    max-width: calc(100vw - 76px);
  }

  .box_flex_header_groups_l a {
    width: 44px;
    justify-content: center;
  }

  .box_flex_header_groups_l span,
  .flex_header_groups_user .select span {
    display: none;
  }

  .dropdown .dropdownmenu {
    right: 0;
    left: auto;
    width: min(320px, calc(100vw - 16px));
  }

  .mok_tb_panel {
    position: fixed;
    top: 58px;
    right: 8px;
    left: 8px;
    width: auto;
  }

  .mok_tb_notification {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .mok_tb_blue-dot {
    display: none;
  }

  .mok_tb_actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .sidebar_moi {
    width: 100vw;
    max-width: 100vw;
  }

  .grid_tv_qlnhom,
  .grid_kh,
  .content_grid_kh,
  .thongke_groups_top_grid,
  .grid_thongke,
  .mkrica-dashboard,
  .boxtaisao_grid,
  .loadkhung_dichgia,
  .loadkhung_tintuc,
  .loadkhung_doc,
  .loadkhung_video,
  .loadkhung_tailalbum,
  .dttintuc_grid,
  .dttintuc_grid_trogiup,
  .visavietnam_bvlist,
  .visavietnam_listkhokhan,
  .detaildt_langlist,
  .detaildt_chuyennganhlist,
  .detaildtdt_grid,
  .detaillang_list,
  .ngonngulist_tintucgrid,
  .boxcontact_tabgrid {
    grid-template-columns: 1fr !important;
  }

  .mkrica-form-group-row,
  .mkrica-form-group-lang,
  .mkrica-btn-row {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 12px;
    overflow-x: visible;
  }

  .button_moi a,
  .mkrica-btn-row button,
  .mkrica-banner,
  .btn_xoa_thanhvien_nhom,
  .btn_roi_nhom {
    width: 100%;
  }

  .box_video_landing_r a {
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  .dialog,
  .dialog-content-qlnhom,
  .dialog-content-suatin {
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
  }
}