@media (max-width: 767px) {
  #bo_list #mttip_site_info_mobile span {
    background: #a66eff !important;
  }

  .xs-row-block {
    display: inline-block;
    width: 100%;
  }

  .xs-srchinputcls {
    max-width: 100% !important;
  }

  .srch-rightcls .btn-safety,
  .srch-rightcls .btn-safety-primary {
    width: 30% !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  #nt_sidebar_move {
    display: none !important;
  }

  .nt_sidebar_m_top_menu {
    display: none;
  }

  #nt_sidebar_m {
    background: #f8f9fa !important;
  }

  .nt_sidebar_m_menu_depth_2_list li {
    border-bottom: 0 !important;
  }

  .nt_sidebar_m_menu_depth_2_list.divide_2 li {
    width: 100%;
  }

  .nt_sidebar_m_menu_depth_2_list li a {
    text-align: left;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .nt_sidebar_m_menu_depth_2_list.divide_3 li {
    width: 100%;
  }

  .nt_sidebar_m_menu_depth_1 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    border-top: 0 !important;
  }

  #nt_bottom_nav_m {
    display: none;
  }

  .xspadright10px {
    padding-right: 10px;
  }

  .xspadright5px {
    padding-right: 5px;
  }

  .custom-event-main-sec {
    padding-left: 0;
    padding-right: 0;
  }

  #nt_body {
    padding: 0 10px;
  }

  .event_detail_page .user-info-wrap > div {
    padding-right: 5px !important;
    margin-right: 5px !important;
    color: #6c7072;
  }

  .event_detail_page .user-nickname {
    font-size: 13px;
    color: #6c7072;
  }

  .event_detail_page #event_header time {
    font-size: 13px !important;
    line-height: 1.3;
    color: #6c7072;
  }

  .event_detail_page .user-info-wrap {
    font-size: 13px;
    line-height: 1.3;
  }

  .event_cmt_img {
    width: 20px !important;
    margin-right: 0 !important;
  }

  .cmt-content {
    padding: 0 !important;
    font-size: 15px !important;
  }

  .na-col {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #bo_v_con {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #bo_v_data .d-table-cell {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .event_reviews .by-writer,
  .event_bgs {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .evsubcomment {
    margin-left: 0 !important;
  }

  .cmt-wrap.position-relative.mb-2.event_reviews.event_replys {
    padding-left: 10px !important;
  }

  .custom_top_nav_div .header-top {
    padding-top: 10px;
  }

  .custom_top_nav_head,
  .custom_top_nav_active {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .point-zone-title {
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  .point-zone-title .submenu-title {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  .custom_top_nav_bills {
    margin-top: 10px !important;
  }

  .custom_top_nav_div .custom_top_nav_bills > a,
  .point-button {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  #bo_list .d-md-table-row,
  #bo_list .d-md-table-row > .d-md-table-cell,
  #bo_list .na-title,
  #bo_list .na-item,
  #bo_list .na-subject,
  #bo_list .site_name {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  #bo_list .d-md-table-row > .cpostnamecls,
  #bo_list .d-md-table-row > .cpostnamecls .sv_member,
  #bo_list .d-md-table-row > .cpostnamecls .sv_guest,
  #bo_list .d-md-table-row > .cpostnamecls .sv_member.en,
  #bo_list .d-md-table-row > .cpostnamecls .sv_wrap,
  #bo_list .d-md-table-row > .mobtimefldcls,
  #bo_list .d-md-table-row > .mobtimepadcls,
  #bo_list .d-md-table-row > .mobile-metric-cell,
  #bo_list .d-md-table-row > .mobile-metric-cell .mobileonlyshow,
  #bo_list .d-md-table-row > .mobile-metric-cell .mobilecommentcls,
  #bo_list .d-md-table-row > .mobile-metric-cell.mobile-reaction-cell,
  #bo_list time.f-xs,
  #bo_list .cnt_sub_head,
  #bo_list .na-info,
  #bo_list .na-info .count-plus {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  #bo_list .d-md-table-row {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
  }

  #bo_list .d-md-table-row > .d-md-table-cell.text-left:not(.cpostnamecls) {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }

  #bo_list .d-md-table-row > .cpostnamecls,
  #bo_list .d-md-table-row > .mobtimefldcls,
  #bo_list .d-md-table-row > .mobtimepadcls,
  #bo_list .d-md-table-row > .mobile-metric-cell,
  #bo_list .d-md-table-row > .mobile-metric-cell.mobile-reaction-cell {
    display: flex;
    align-items: center;
    gap: 3.5px;
    white-space: nowrap;
  }

  #bo_list .d-md-table-row > .cpostnamecls {
    float: none !important;
    flex: 1 1 auto;
    justify-content: flex-start;
    min-width: 0;
    max-width: calc(100% - 176px);
    margin-right: 0;
    text-align: left !important;
  }

  #bo_list .d-md-table-row > .mobtimefldcls,
  #bo_list .d-md-table-row > .mobtimepadcls {
    float: none !important;
    flex: 0 0 auto;
    margin-left: auto;
  }

  #bo_list .d-md-table-row > .mobile-metric-cell,
  #bo_list .d-md-table-row > .mobile-metric-cell.mobile-reaction-cell {
    float: none !important;
    flex: 0 0 auto;
  }

  #bo_list .d-md-table-row > .cpostnamecls .sv_wrap,
  #bo_list .d-md-table-row > .cpostnamecls .sv_member,
  #bo_list .d-md-table-row > .cpostnamecls .sv_guest,
  #bo_list .d-md-table-row > .cpostnamecls .sv_member.en,
  #bo_list .d-md-table-row > .mobile-metric-cell .mobileonlyshow,
  #bo_list .d-md-table-row > .mobile-metric-cell .mobilecommentcls {
    display: inline-flex;
    align-items: center;
    gap: 3.5px;
    vertical-align: middle;
  }

  #bo_list .d-md-table-row > .mobile-metric-cell,
  #bo_list .d-md-table-row > .mobile-metric-cell.mobile-reaction-cell {
    margin-right: 0 !important;
  }

  #bo_list .d-md-table-row > .board-mobile-meta {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    gap: 0.34rem;
    margin-left: auto;
    color: #6f7380;
    font-size: 14px !important;
    font-variant-numeric: tabular-nums;
    line-height: 1.6 !important;
    white-space: nowrap;
  }

  #bo_list .d-md-table-row > .board-mobile-meta .board-mobile-meta__item {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.14rem;
    color: #6f7380;
    line-height: 1.6;
    white-space: nowrap;
  }

  #bo_list .d-md-table-row > .board-mobile-meta .board-mobile-meta__item i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 13px;
    width: 13px;
    min-width: 13px;
    margin: 0;
    color: #7b8190;
    font-size: 14px !important;
    line-height: 1 !important;
    position: relative;
    top: -1px;
  }

  #bo_list .d-md-table-row > .board-mobile-meta ~ .mobtimefldcls,
  #bo_list .d-md-table-row > .board-mobile-meta ~ .mobtimepadcls,
  #bo_list .d-md-table-row > .board-mobile-meta ~ .mobile-metric-cell {
    display: none !important;
  }

  #bo_list .d-md-table-row > .cpostnamecls:has(.member-name-stacked--long) {
    float: none !important;
    clear: none;
    flex: 1 1 auto;
    display: flex !important;
    justify-content: flex-start;
    width: auto !important;
    max-width: calc(100% - 176px) !important;
    margin: 0;
    padding-right: 4px !important;
    white-space: nowrap;
  }

  #bo_list .d-md-table-row > .cpostnamecls:has(.member-name-stacked--long)::after {
    display: none;
  }

  #bo_list .d-md-table-row > .cpostnamecls:has(.member-name-stacked--long) .member-name-stacked-wrap,
  #bo_list .d-md-table-row > .cpostnamecls:has(.member-name-stacked--long) .member-name-stacked {
    width: auto;
    max-width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }

  #bo_list .d-md-table-row > .cpostnamecls .member-name-stacked-wrap,
  #bo_list .d-md-table-row > .cpostnamecls .member-name-stacked {
    display: inline-flex !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2px !important;
    min-width: 0;
    line-height: 1.45 !important;
  }

  #bo_list .d-md-table-row > .cpostnamecls:has(.member-name-stacked--long) .member-name-stacked__icons,
  #bo_list .d-md-table-row > .cpostnamecls:has(.member-name-stacked--long) .member-visual__name {
    flex-basis: auto;
    justify-content: flex-start;
    text-align: left;
  }

  #bo_list .d-md-table-row > .cpostnamecls .member-name-stacked__icons {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    gap: 2px;
    line-height: 1;
    min-width: 0;
  }

  #bo_list .d-md-table-row > .cpostnamecls .member-name-stacked__icons .xp-icon,
  #bo_list .d-md-table-row > .cpostnamecls .member-name-stacked__icons .profile_img {
    flex: 0 0 auto;
    margin: 0;
  }

  #bo_list .d-md-table-row > .cpostnamecls .member-visual__name {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #bo_list .d-md-table-row > .cpostnamecls .sv_member,
  #bo_list .d-md-table-row > .cpostnamecls .sv_guest,
  #bo_list .d-md-table-row > .cpostnamecls .sv_member.en,
  #bo_list .d-md-table-row > .cpostnamecls .sv_wrap,
  #bo_list .d-md-table-row > .cpostnamecls .member-visual__name {
    color: #111827 !important;
  }

  #bo_list .d-md-table-row > .cpostnamecls::after,
  #bo_list .d-md-table-row > .mobtimefldcls::after,
  #bo_list .d-md-table-row > .mobtimepadcls::after,
  #bo_list .d-md-table-row > .mobile-metric-cell .mobilecommentcls::before {
    display: none !important;
    content: none !important;
  }

  #bo_list .d-md-table-row > .cpostnamecls:has(.member-name-stacked--long) + .mobtimefldcls {
    padding-left: 8px !important;
  }

  #bo_list .d-md-table-row > .cpostnamecls .profile_img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
  }

  #bo_list .d-md-table-row > .cpostnamecls .profile_img img {
    display: block;
    width: 22px;
    height: 22px;
  }

  /* Guest rows carry a hidden placeholder image; collapse the wrapper so it doesn't reserve avatar space. */
  #bo_list .d-md-table-row > .cpostnamecls .profile_img.nonmemberemojj {
    display: none;
    width: 0;
    height: 0;
    margin: 0;
  }

  #bo_list .d-md-table-row > .mobtimefldcls > i,
  #bo_list .d-md-table-row > .mobtimepadcls > i,
  #bo_list .d-md-table-row > .mobile-metric-cell > i,
  #bo_list .d-md-table-row > .mobile-metric-cell .mobileonlyshow > i,
  #bo_list .d-md-table-row > .mobile-metric-cell .mobilecommentcls > i,
  #bo_list .d-md-table-row > .mobile-metric-cell.mobile-reaction-cell > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 14px;
    width: 14px;
    min-width: 14px;
    font-size: 14px !important;
    line-height: 14px !important;
  }

  /* Wrapped eye/comment icons sit about 1.5px lower than clock/thumb icons on mobile list rows. */
  #bo_list .d-md-table-row > .mobile-metric-cell > .mobileonlyshow:not(.mobilecommentcls) > i.fa-eye,
  #bo_list .d-md-table-row > .mobile-metric-cell > .mobilecommentcls > i.fa-commenting-o {
    position: relative;
    top: -1.5px;
  }

  #viewcomment > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #bo_v #bo_v_title {
    font-size: 20px !important;
    line-height: 1.5 !important;
  }

  #bo_v_title,
  .bo_v_tit {
    font-size: 20px !important;
    line-height: 1.5 !important;
  }

  #bo_v_con,
  #bo_v_con .view-content,
  #bo_v_con .view-content p {
    font-size: inherit !important;
    line-height: 1.7 !important;
  }

  /* .custom_top_nav_bills {
    display: none !important;
  } */

  .xs-show {
    display: block;
  }

  .xscustcatcls {
    color: #a66eff;
    padding-right: 10px;
  }

  #bo_list .xscustcatcls.xs-show {
    display: inline-flex !important;
    flex: 0 0 max-content !important;
    min-width: max-content;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    line-break: strict !important;
    margin-right: 6px;
    padding-right: 6px;
  }

  #bo_list .nw-md-auto {
    padding-left: 0 !important;
  }

  .mobile-hide {
    display: none !important;
  }

  .mobile-show {
    display: block !important;
  }

  .cusricon {
    width: 30px;
    display: inline-block;
    padding-right: 10px;
  }

  .modal-backdrop {
    z-index: 999;
  }

  #captcha #captcha_key {
    height: 35px !important;
  }

  #captcha #captcha_mp3 {
    height: 35px !important;
    background-position: 0 -4px;
  }

  #captcha #captcha_reload {
    height: 35px !important;
    background-position: 0 -44px;
  }

  .tbl_bo_safety_info tr th,
  .tbl_bo_safety_info tr td {
    font-size: 15px !important;
  }

  .tbl_bo_safety_info tr td.bo_safety_info_feature {
    font-size: 15px !important;
  }

  .h4,
  h4 {
    font-size: 1.1rem;
  }

  .tbl_bo_mttip_info tr th,
  .tbl_bo_mttip_info tr td {
    font-size: 15px !important;
  }

  .tbl_bo_mttip_info tr th {
    width: 96px !important;
    min-width: 96px;
    white-space: nowrap;
    word-break: keep-all;
    line-break: strict;
  }

  #bo_cate.sly-tab li.active a {
    border-radius: 0 !important;
  }

  nav#bo_cate.sly-tab li a {
    padding: 10px 8px !important;
  }

  #bo_cate a {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .bo_point_guide .title {
    font-size: 14px !important;
  }

  .bo_point_guide ul li {
    font-size: 14px !important;
  }

  .bo_point_guide .title span.small {
    font-size: 12px !important;
  }

  .sly-tab ~ form#fboardlist .d-sm-flex.align-items-center {
    justify-content: end;
  }

  .nt_sidebar_m_menu ul li {
    border-right: 0 !important;
  }

  .custombox-wrap .service-box.wow.fadeIn p {
    font-size: 15px;
    line-height: 1.6;
  }

  .custom_event_header_title {
    font-size: 14px;
  }

  .custom_event_header_subtitle {
    font-size: 13px;
    line-height: 1.5;
  }

  #bo_gallery .list-safety-info table tbody tr th,
  #bo_gallery .list-safety-info table tbody tr td {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  #bo_gallery .list-safety-info table tr th {
    text-align: left !important;
  }

  #bo_gallery .list-safety-item-btn-wrap {
    width: 100% !important;
  }

  #bo_gallery .list-safety-item-btn-wrap a {
    height: 38px !important;
    line-height: 35px !important;
    font-size: 13px !important;
    padding: 0 !important;
  }

  #bo_gallery .list-safety-item-btn-wrap a.btn_safety_site img {
    margin-top: 10px !important;
  }

  #bo_gallery .img-wrap .img-item img {
    height: 100% !important;
  }

  #bo_vc_empty {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  #viewcomment .float-left {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  #viewcomment .float-left .cnt_sub_head {
    font-size: inherit !important;
    line-height: inherit !important;
  }

  .chulsuk_title {
    font-size: 16px !important;
  }

  .chulsuk_live_datetime {
    font-size: 11px !important;
  }

  .chulsuk_calendar_top .month {
    font-size: 16px !important;
  }

  .chulsuk_calendar_top .month img {
    width: 24px !important;
    right: -30px !important;
  }

  #calendar_tbl tr th,
  #calendar_tbl tr td {
    font-size: 11px !important;
  }

  #calendar_tbl tr td a {
    font-size: 11px !important;
  }

  .chulsuk_wr_time {
    font-size: 11px !important;
  }

  .chulsuk_rank_point_info span {
    font-size: 11px !important;
  }

  .chulsuk_list_wrap table tr th,
  .chulsuk_list_wrap table tr td {
    font-size: 11px !important;
  }

  #faq_list_total {
    font-size: 11px;
  }

  #btnSave {
    font-size: 11px;
  }

  .custom-select {
    font-size: 11px;
  }

  #frmEdit input {
    font-size: 11px;
  }

  #btnUpdate {
    font-size: 11px;
  }

  #btnSearch {
    font-size: 11px;
  }

  #btnAdd {
    font-size: 11px;
  }

  .custom-checkbox .custom-control-label span,
  .custom-radio .custom-control-label span {
    position: relative;
    top: 5px;
  }

  #fwrite label,
  #fwrite .input-group-text,
  #fwrite .btn,
  #fwrite .btn_submit,
  #fwrite .btn_cancel,
  #fwrite .btn_file,
  #fwrite .custom-select,
  #fwrite .form-control,
  #fwrite .frm_input,
  #fwrite .fileName,
  #fwrite input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  #fwrite select,
  #fwrite textarea {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  #fwrite .text-muted,
  #fwrite .form-control-plaintext,
  #fwrite .form-text,
  #fwrite .f-sm,
  #fwrite small,
  #fwrite #char_count_desc,
  #fwrite #char_count_wrap {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .ologinmainsec .btn {
    font-size: 13px;
  }

  .custom-smnucls li a {
    font-size: 13px !important;
  }

  .changePassword {
    font-size: 13px !important;
  }
}