@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .widget {
    padding: 35px 25px;
  }

  .pnvn-sanpham-left h3 {
    font-size: 1.1rem;
  }

  .pnvn-sanpham-left ul {
    padding-left: 1rem;
  }

  .msv-comic-book-item h2 {
    width: 220px;
  }
  .chapter-item-editor-name {
    display: none;
  }
}

@media (max-width: 1024px) {
  .msv-my-wall-comic-of-user .msv-comic-book-item h2 span {
    display: none;
  }

  header {
    display: none;
  }

  .pnvn-menu-mobile {
    display: block;
  }
  section {
    overflow: hidden;
  }

  section .container {
    padding-left: 0;
    padding-right: 0;
    width: 95%;
  }

  .mdv-slider-advertise-title::before {
    right: -264px;
  }

  .swiper-mdv-comic-nominate
    .swiper-slide.swiper-slide-prev
    .swiper-mdv-comic-nominate-item,
  .swiper-mdv-comic-nominate
    .swiper-slide.swiper-slide-next
    .swiper-mdv-comic-nominate-item {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }

  .nominate-navigate-next,
  .nominate-navigate-prev {
    scale: 0.7;
    top: 48%;
  }

  .nominate-navigate-next {
    right: -10px;
  }

  .nominate-navigate-prev {
    left: -10px;
  }

  .msv-comic-book-item .left-side {
    display: none;
  }

  .msv-comic-book-item .book:hover {
    transform: rotate3d(0, 1, 0, 0deg);
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    -moz-transform: rotate3d(0, 1, 0, 0deg);
    -ms-transform: rotate3d(0, 1, 0, 0deg);
    -o-transform: rotate3d(0, 1, 0, 0deg);
  }
  .mdv-top-hot-content-item-hang-3,
  .mdv-top-hot-content-item-hang-2 {
    scale: 1;
  }
  .mdv-top-hot-content-orther-item {
    box-shadow: none;
  }
  .mdv-top-hot-content-orther {
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
      rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
  }
  .mdv-top-hot-content-orther-item-right
    .mdv-top-hot-content-orther-item-ul
    li:last-of-type {
    border-bottom: none;
  }
  .mdv-charts-box-content {
    padding: 30px 0;
  }
  .chart-frame-img-1,
  .chart-frame-img-2 {
    scale: 1.05;
  }

  .san-pham-book-item {
    padding-left: 0.5rem;
    padding-right: 2rem;
    box-sizing: border-box;
  }
  .san-pham-book-item-show {
    scale: 0.85;
  }
  .mvd-san-pham-show-dsc-title {
    text-align: center;
  }
  .mdv-san-pham-show-profile {
    margin-top: 0;
  }
  .edit-content-comment .emojionearea .emojionearea-editor {
    min-height: 5em;
  }
  .san-pham-detail-gui-binh-luan-btn button {
    width: 100%;
  }
  .san-pham-detail-gui-binh-luan-btn button:hover .svg-wrapper {
    background-color: transparent;
    background: linear-gradient(
      to bottom,
      rgb(255, 97, 102) 0%,
      rgb(235, 112, 116) 100%
    );
  }
  .mdv-profile-content-information-item-card-info {
    font-size: 1rem;
  }
  .btn-tai-avatar,
  .btn-tai-anh-bia,
  .btn-tai-cai-dat {
    font-size: 1rem;
  }
  .icon-dao-donate-img {
    width: 30px;
  }
  .mdv-slider-section {
    padding-top: 100px;
    background-position: center;
  }
  .msv-login-container {
    margin: 0;
    max-width: 420px;
  }
  .nh-footer {
    clip-path: none;
    margin-top: -30px;
    padding-top: 50px;
  }
  .nh-footer .container {
    padding-left: 0;
    padding-right: 0;
  }
  .post-story-form h3 {
    margin-bottom: 0.5rem !important;
  }
  .story-info {
    text-align: start;
  }
  .chapter-item .avatar-chapter,
  .chapter-item .chapter-item-editor-name {
    display: none;
  }
  .btn-edit-chapter span {
    display: none;
  }
  .da-xuat-ban-title {
    margin: 0 auto;
  }
  .danh-sach-box-item .btn-xoa-dong-quan-ly {
    opacity: 1;
    visibility: visible;
  }
  .mdv-admin-doi-ten-chuong-wrapper {
    padding: 2rem;
  }
  /* lenis scrollbar */
  .lenis-scrollbar-thumb {
    display: none;
  }

  .mdv-section-title-wrapper {
    text-align: left !important;
  }
  .mdv-lasted-chapter-section {
    padding-top: 0 !important;
  }
  .section-newly-released-comic-content-box {
    padding-bottom: 0 !important;
  }
  .mdv-khung-slider {
    display: none;
  }
  .mdv-sliders-top {
    position: relative;
  }
  .mdv-sliders-top-swiper {
    width: 100%;
    height: 100%;
  }
  .mdv-sliders-top-image {
    position: relative;
    --bs-aspect-ratio: calc(9 / 16 * 100%);
    width: 100%;
  }
  .mdv-san-pham-show-thong-tin-truyen-wrapper {
    border: none;
  }
  .mdv-san-pham-show-thong-tin-truyen-hinh-truyen {
    max-width: 220px;
    margin: 0 auto;
  }
  .mdv-sps-thong-tin-tac-gia-wrapper .mdv-san-pham-show-profile {
    border: none;
  }
  .fix-padding-top {
    padding-top: 60px;
  }
  .mdv-sps-tb-tac-gia-box .mvd-san-pham-show-dsc-title {
    font-size: 1rem;
  }
  .mdv-top-hot-content-item-hang-2.hang-4,
  .mdv-top-hot-content-item-hang-3.hang-5 {
    scale: 1;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
  }

  .grid-view .col {
    flex: 0 0 33.3333%; /* 6 cột cho màn hình lớn */
    max-width: 33.3333%;
  }
  .list-view .col {
    flex: 0 0 50%; /* 2 cột cho chế độ list-view */
    max-width: 50%;
  }
  #fontSizeBoxMobile.font-size-box {
    left: initial;
    right: 10px;
    z-index: 1000 !important;
    bottom: 50px;
  }
  #chuongListLeftMobile.msv-chuong-list-container-left {
    left: 10px;
    width: 180px;
    top: initial;
    bottom: 80px;
    z-index: 1000;
  }
  .mdv-slider-box-thong-bao {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
  .bxh-tuan-container {
    max-width: 100%;
  }
  .mdv-slider-section {
    min-height: auto;
  }
  .lt-khung-tim-kiem-mobile-wrapper .mdv-header-find-form-image {
    min-width: 30px;
    max-width: 30px;
  }
  .rut-dao-new-form-table {
    min-width: 800px;
  }
  .nap-dao-history-table {
    min-width: 800px;
  }
  .story-info-col {
    padding-left: 0;
  }
  .mdv-top-hot-content-item-title-text-rank {
    font-size: 0.9rem;
  }
  .mdv-top-hot-content-item-hang-3,
  .mdv-top-hot-content-item-hang-2 {
    scale: 0.83;
  }
  .mdv-top-hot-content .msv-comic-book-item {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
  }
  .msv-comic-book-item .book {
    margin: 0;
  }
  .msv-comic-book-item,
  .mdv-lasted-chapter-content-mobile-subitem-image {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  }
  .mdv-nominate-section {
    min-height: 400px;
  }

  .story-info table td {
    width: 50%;
    padding: 2px 0;
  }
}

@media (max-width: 768px) {
  .mdv-slider-top-pagination-box {
    margin-top: 40px;
  }

  .mdv-slider-advertise-title::before {
    right: -264px;
  }

  .mdv-slider-advertise-title::before {
    display: none;
  }

  .mdv-title-view-more-box {
    top: 90%;
  }
  .mdv-top-hot-chapter-title {
    text-align: center;
  }
  .chart-frame-img-1,
  .chart-frame-img-2 {
    display: none;
  }
  .mdv-charts-section {
    padding: 80px 0;
  }
  .mdv-charts-box-content {
    padding: 60px 0;
  }
  .title-bar-chart-img {
    top: -60px;
  }
  .dmca-img {
    height: 25px;
  }
  .mdv-san-pham-show-dsc-table tr th:nth-child(2),
  .mdv-san-pham-show-dsc-table tr td:nth-child(2) {
    display: none;
  }
  .icon-dao-nho {
    width: 16px;
  }
  .icon-hat-nho {
    width: 12px;
  }
  .mdv-san-pham-show-dsc-table-gia-dao {
    min-width: 25px;
    font-size: 0.8rem;
    padding: 3px 4px;
  }
  .mdv-san-pham-show-dsc-table tr th:nth-child(4) {
    width: 60px;
  }
  .mdv-san-pham-show-dsc-table tr td:nth-child(4) {
    width: 45px;
  }
  .mdv-san-pham-show-dsc-table tr td:nth-child(4) .form-check-input {
    width: 1.5em;
    height: 1.5em;
  }
  .san-pham-show-read-next {
    justify-content: center;
  }
  .btn-mdv-button-1 {
    min-width: 100px;
  }
  .mdv-san-pham-show-dsc-table tbody {
    scrollbar-width: thin;
  }
  .mdv-san-pham-show-comment-list-item-comment-like-rep-right {
    text-align: right;
  }
  .post-story-form {
    padding: 1.5rem;
  }
  .story-list-item-image {
    width: 35px;
    margin: 0 auto;
  }
  .story-list-item-content-top {
    text-align: center;
  }
  .story-list-item-box {
    width: 100%;
  }
  .story-list-item-content-top-author-avatar {
    width: 30px;
  }
  .mdv-up-top-info-box {
    max-height: 230px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .mdv-thong-ke-section-item .icon-box {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }
  .mdv-thong-ke-section-item .icon-box img {
    width: 30px;
  }
  .comment-management-table table tr th:nth-child(3),
  .comment-management-table table tr td:nth-child(3),
  .comment-management-table table tr th:nth-child(5),
  .comment-management-table table tr td:nth-child(5),
  .comment-management-table table tr th:nth-child(6),
  .comment-management-table table tr td:nth-child(6) {
    display: none;
  }
  .comment-management-table table tr th:nth-child(2),
  .comment-management-table table tr td:nth-child(2),
  .comment-management-table table tr th:nth-child(4),
  .comment-management-table table tr td:nth-child(4) {
    width: 50%;
  }
  .story-thumbnail {
    max-width: 70px;
  }
  .mdv-product-page .container {
    width: 95%;
  }
  .mdv-chuong-button {
    min-width: 70px;
    padding: 13px 25px;
  }
  .mdv-chuong-button .mdv-chuong-button-text {
    display: none;
  }
  .msv-chuong-list-container {
    transform: translateX(-30%);
    -webkit-transform: translateX(-30%);
    -moz-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    -o-transform: translateX(-30%);
  }
  .msv-chuong-list-container {
    width: 100%;
    right: auto;
    left: 0;
  }

  .msv-chuong-number,
  .msv-chuong-title {
    font-size: 0.8rem;
  }
  .msv-chuong-list-container-left {
    left: -180px;
    width: 180px;
  }

  .msv-chuong-number,
  .msv-chuong-title {
    font-size: 0.8rem;
  }
  .mdv-btn-group-bao-loi-cac-kieu {
    justify-content: center;
  }

  .mdv-btn-action {
    padding: 8px 15px;
    font-size: 0.85rem;
  }
  .truyen-de-cu-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .truyen-de-cu-info {
    text-align: center;
    margin-top: 10px;
  }
  .profile-info-container {
    text-align: center;
  }
  .profile-info.container,
  .profile-gioi-thieu-truyen .container {
    width: 100%;
  }
  .profile-info {
    margin-top: 0px;
  }
  .profile-avatar-info-container-box {
    margin-top: -90px;
  }
  .donate-avatar {
    min-width: 75px;
    max-width: 75px;
  }
  .mdv-post-story-section .container {
    width: 100%;
  }
  .check-chapter-all {
    display: none;
  }
  .mdv-san-pham-detail .container {
    width: 100%;
  }
  .mdv-post-story-section {
    overflow: hidden;
  }
  .combo-purchase-card {
    padding: 15px;
  }

  .combo-title {
    font-size: 20px;
  }

  .combo-info-section {
    gap: 10px;
  }

  .combo-buy-button {
    padding: 10px 15px;
    font-size: 14px;
  }
  .combo-sell-card,
  .combo-purchase-card {
    padding: 15px;
  }

  .combo-title {
    font-size: 20px;
  }

  .combo-info-section {
    gap: 10px;
  }

  .combo-sell-button,
  .combo-buy-button {
    padding: 10px 15px;
    font-size: 14px;
  }
  .mui-ten-doi-so-huu i {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
  .swiper-slider-advertise-item-time {
    top: -67px;
    font-size: 0.7rem;
    width: 116px;
    height: 70px;
  }
  /* .story-list-item-image {
    display: none;
  } */
  .story-list-item-content-top-name {
    max-width: 100px;
    display: block;
  }
  .mdv-logo-18-box {
    width: 35px;
    height: 35px;
  }
  .mdv-logo-18-top {
    font-size: 0.45rem;
  }
  .mdv-logo-18-bottom {
    font-size: 0.9rem;
  }
  .swiper-slider-advertise-item .mdv-logo-18-box {
    transform: scale(0.8) translateX(20%) translateY(-20%);
    -webkit-transform: scale(0.8) translateX(20%) translateY(-20%);
    -moz-transform: scale(0.8) translateX(20%) translateY(-20%);
    -ms-transform: scale(0.8) translateX(20%) translateY(-20%);
    -o-transform: scale(0.8) translateX(20%) translateY(-20%);
  }
  .gioi-han-do-tuoi-buttons {
    flex-direction: column;
  }
  .gioi-han-do-tuoi-btn {
    width: 100%;
  }
  .gioi-han-do-tuoi-body {
    padding: 10px;
  }
  .mdv-nhiem-vu-tab {
    padding: 6px 10px;
  }
  .icon-section-title {
    width: 20px;
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
  }
  .icon-breadcrumb-home {
    width: 13px;
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
  }
  .modal-mdv img {
    max-width: 175px;
    margin: 0 auto;
  }

  /* .danh-sach-bai-dang-table,
  .danh-sach-bai-dang-table thead,
  .danh-sach-bai-dang-table tbody,
  .danh-sach-bai-dang-table th,
  .danh-sach-bai-dang-table td,
  .danh-sach-bai-dang-table tr {
    display: block;
  } */
  .danh-sach-bai-dang-container {
    overflow-x: auto;
    /* padding: 0 5%; */
    padding-right: 5%;
  }
  .danh-sach-bai-dang-table {
    width: max-content;
  }
  .danh-sach-bai-dang-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .danh-sach-bai-dang-table tr {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 10px;
  }

  .danh-sach-bai-dang-table td {
    border: none;
    position: relative;
    padding-left: 5%;
  }

  .danh-sach-bai-dang-table td:before {
    content: attr(data-label);
    position: absolute;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
  }

  .danh-sach-bai-dang-avatar {
    margin-right: 0;
    margin-bottom: 5px;
    min-width: 30px;
    height: 30px;
  }

  .danh-sach-bai-dang-author {
    flex-direction: column;
    align-items: flex-start;
  }

  .mdv-khung-tin-chi-tiet-author-info-avatar {
    max-width: 50px;
    min-width: 50px;
  }
  .khung-rank-img {
    max-width: 130px;
  }
  .mdv-khung-tin-chi-tiet-date {
    font-size: 0.8rem;
  }
  .mdv-khung-tin-chi-tiet-content {
    border-left: 7px solid var(--main-color);
    border-right: 7px solid #eeeeee;
  }
  .mdv-slider-section {
    padding-top: 75px;
  }
  .grid-view .col {
    flex: 0 0 50%; /* 6 cột cho màn hình lớn */
    max-width: 50%;
  }
  .list-view .col {
    flex: 0 0 100%; /* 2 cột cho chế độ list-view */
    max-width: 100%;
  }

  .qly-the-loai-tb-responsive {
    font-size: 0.9rem;
  }

  .tb-duyet-nap-dao-container {
    padding: 10px;
  }

  .tb-duyet-nap-dao-table {
    display: block;
    overflow-x: auto;
  }

  .tb-duyet-nap-dao-header th {
    white-space: nowrap;
    padding: 10px;
  }

  .tb-duyet-nap-dao-row td {
    padding: 10px;
  }

  .tb-duyet-nap-dao-actions {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .bxh-tuan-theloai {
    max-width: 90px;
    overflow: hidden;
  }
  .bxh-tuan-theloai .form-control {
    background: transparent;
    font-size: 0.85rem;
    padding: 0.15rem;
  }
  .truyen-moi-phat-hanh-the-loai {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  .tn-duyet-don-xin-qly-section {
    padding: 0.75rem;
  }

  .tn-duyet-don-xin-qly-section-content {
    padding: 1rem;
  }
  .tn-duyet-don-xin-qly-header {
    padding: 0.75rem;
  }
  .mdv-form-da-so-huu-container {
    padding: 0.5rem;
  }

  .mdv-form-da-so-huu-content {
    padding: clamp(1rem, 2vw, 1.5rem);
  }
  .mdv-form-xin-duyet-lai-lan-nay-container {
    padding: 0.5rem;
  }

  .mdv-form-xin-duyet-lai-lan-nay-content {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .mdv-form-xin-duyet-lai-lan-nay-icon {
    width: 60px;
    height: 60px;
  }

  .list-group-item {
    padding: 0.75rem;
  }
  .mdv-form-xin-duyet-lai-tu-choi-vinh-vien-container {
    padding: 0.5rem;
  }

  .mdv-form-xin-duyet-lai-tu-choi-vinh-vien-content {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .mdv-form-xin-duyet-lai-tu-choi-vinh-vien-icon {
    width: 60px;
    height: 60px;
  }

  .list-group-item {
    padding: 0.75rem;
  }

  .mdv-form-xin-duyet-lai-tu-choi-vinh-vien-banner {
    font-size: 1em;
    padding: 0.5rem;
  }
  .admin-list-dieu-khoan-so-container {
    margin: 0 1rem;
  }

  .admin-list-dieu-khoan-so-actions {
    flex-direction: column;
  }

  .admin-list-dieu-khoan-so-btn-apply,
  .admin-list-dieu-khoan-so-btn-clear {
    width: 100%;
  }
  .mdv-form-nop-don-xin-quyen-quan-ly-actions {
    flex-direction: column;
  }

  .mdv-form-nop-don-xin-quyen-quan-ly-btn-submit,
  .mdv-form-nop-don-xin-quyen-quan-ly-btn-cancel {
    width: 100%;
  }
  .admin-xin-quyen-qly-tra-phi-container {
    margin: 0 1rem;
  }

  .requirement-item {
    padding: 0.75rem;
  }
  .rut-dao-new-form-container {
    padding: 1rem;
  }

  .rut-dao-new-form-user {
    flex-direction: column;
    text-align: center;
  }

  .rut-dao-new-form-actions {
    flex-direction: column;
  }

  .rut-dao-new-form-actions .btn {
    width: 100%;
    border-radius: 8px;
  }

  .rut-dao-new-form-status {
    width: 100%;
    text-align: center;
  }
  .nap-dao-history-tabs .nav-link {
    padding: 0.75rem 1rem;
  }

  .user-info,
  .admin-info {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
  }

  .action-buttons {
    flex-direction: column;
  }

  .btn-approve,
  .btn-reject {
    width: 100%;
    border-radius: 5px;
  }
  .mdv-modal-pink .gia-chuong-result {
    flex-direction: column;
    gap: 1rem;
  }

  .mdv-modal-pink .modal-footer {
    flex-direction: column;
    gap: 1rem;
  }

  .mdv-modal-pink .modal-footer .btn {
    width: 100%;
  }
  .mua-btn-group .btn-mdv-button-2,
  .btn-mua-chuong {
    width: max-content;
  }
  .story-info p {
    margin-bottom: 3px;
  }
  .mdv-cai-dat-page-card-header,
  .mdv-cai-dat-page-card-body {
    padding: 1rem;
  }

  .mdv-cai-dat-page-theme-buttons {
    flex-direction: column;
  }

  .btn-theme {
    width: 100%;
  }

  .mdv-cai-dat-page-color-picker {
    justify-content: center;
  }
  .mdv-dieu-chinh-form-header h1 {
    font-size: 1.75rem;
  }

  .mdv-dieu-chinh-form-header p {
    font-size: 1rem;
  }

  .mdv-dieu-chinh-form-actions {
    flex-direction: column;
  }

  .mdv-dieu-chinh-form-container .btn {
    width: 100%;
  }
  /* sự kiện */
  .van-hiep-su-kien-header {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }

  .van-hiep-su-kien-header h1 {
    font-size: 1.75rem;
  }

  .mdv-su-kien-section .reward-input {
    flex-direction: column;
    align-items: flex-start;
  }

  .mdv-su-kien-section .reward-input .form-control {
    width: 100%;
  }

  .mdv-su-kien-section .progress-stats {
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
  }
  /* trang duyệt truyện lại */
  .van-hiep-duyet-lai-header .row {
    text-align: center;
  }

  .van-hiep-duyet-lai-header h1 {
    margin-bottom: 1rem;
  }

  .mdv-trang-xin-duyet-lai-truyen-section .stats {
    justify-content: center;
    margin-top: 1rem;
  }

  .mdv-trang-xin-duyet-lai-truyen-section .card-header {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    text-align: center;
  }

  .mdv-trang-xin-duyet-lai-truyen-section .meta-info {
    justify-content: center;
  }

  .mdv-trang-xin-duyet-lai-truyen-section .story-actions {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .mdv-trang-xin-duyet-lai-truyen-section .approval-actions {
    flex-direction: column;
  }

  .mdv-trang-xin-duyet-lai-truyen-section .approval-actions .btn {
    width: 100%;
  }
  .swiper-slider-advertise-item-image {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
  }
  .swiper-slider-advertise-item-box {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
  }
  .swiper-slider-quang-ba-mobile {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 cột */
    grid-template-rows: repeat(3, auto); /* 3 hàng */
    gap: 10px; /* Khoảng cách giữa các truyện */
  }

  .swiper-slider-quang-ba-mobile .swiper-slide {
    display: block;
    width: 100%; /* Mỗi item chiếm toàn bộ 1 ô grid */
  }
  .mdv-slider-container .mdv-slider-advertise {
    padding-top: 25px !important;
  }

  .story-info table td {
    padding: 0px 0;
  }

  .mdv-setting-item {
    /* flex-direction: column; */
    /* align-items: flex-start; */
    gap: 0.5rem;
  }

  .mdv-setting-select {
    max-width: 100%;
    width: 100%;
  }

  .mdv-setting-btn {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .filters .form-select {
    min-width: 110px;
  }
  .story-list-item-content-top-author-name {
    text-align: center;
  }
  .mdv-up-top-icon {
    justify-content: center;
  }
  .danh-sach-quan-ly-avatar {
    min-width: 50px;
    max-width: 50px;
  }
  .nguoi-gui-text {
    display: none;
  }
  .story-list-item-list-label {
    font-size: 0.7rem;
    right: -50px;
    top: 10px;
  }
  .combo-input {
    width: 170px;
    text-align: center;
  }
  .combo-info-row {
    flex-direction: column;
    gap: 5px;
  }
  .icon-bell-haha {
    transform: translateY(6px);
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
  }
  .pagination-page .pagination-sm li a {
    width: 28px;
    height: 28px;
  }
  .mdv-form-xin-duyet-lai-lan-nay-btn-submit,
  .mdv-form-xin-duyet-lai-lan-nay-btn-close {
    padding: 0.5rem 1.5rem;
  }
  .mdv-form-xin-duyet-lai-tu-choi-vinh-vien-btn-submit,
  .mdv-form-xin-duyet-lai-tu-choi-vinh-vien-btn-close {
    padding: 0.5rem 1rem;
    font-size: 0.9em;
  }
  .admin-list-dieu-khoan-so-item {
    padding: 1rem 0.2rem;
  }

  .admin-list-dieu-khoan-so-badge {
    width: 25px;
    height: 25px;
    font-size: 0.8em;
  }

  .admin-list-dieu-khoan-so-text h3 {
    font-size: 1rem;
  }

  .admin-list-dieu-khoan-so-text p {
    font-size: 0.8em;
  }
  .mdv-form-nop-don-xin-quyen-quan-ly-container {
    padding: 0.5rem;
  }

  .mdv-form-nop-don-xin-quyen-quan-ly-content {
    padding: 1rem;
  }

  .mdv-form-nop-don-xin-quyen-quan-ly-icon {
    width: 60px;
    height: 60px;
  }

  .mdv-form-nop-don-xin-quyen-quan-ly-icon i {
    font-size: 1.5rem;
  }
  .admin-thong-bao-dich-gia-tac-gia-container {
    padding: 0.5rem;
  }

  .admin-thong-bao-dich-gia-tac-gia-content {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .admin-thong-bao-dich-gia-tac-gia-icon {
    width: 60px;
    height: 60px;
  }

  .admin-thong-bao-dich-gia-tac-gia-role {
    padding: 0.75rem;
  }

  .admin-thong-bao-dich-gia-tac-gia-role-icon {
    width: 40px;
    height: 40px;
  }
  .admin-xin-quyen-qly-tra-phi-banner {
    flex-direction: column;
    text-align: center;
  }

  .admin-xin-quyen-qly-tra-phi-banner i {
    margin-bottom: 0.5rem;
  }
  .quang-ba-form-new-container {
    padding: 0.5rem;
  }

  .quang-ba-form-new-content {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .quang-ba-form-new-icon {
    width: 60px;
    height: 60px;
  }

  .quang-ba-form-new-icon i {
    font-size: 1.5rem;
  }

  .option-content {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
  }
  .mdv-rut-dao-new-container {
    margin: 0 1rem;
  }

  .mdv-rut-dao-new-payment-methods {
    flex-direction: column;
  }

  .mdv-rut-dao-new-container .info-content {
    flex-direction: column;
    text-align: center;
  }

  .mdv-rut-dao-new-container .info-content i {
    margin-bottom: 0.5rem;
  }

  .mdv-rut-dao-new-notice {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
  .rut-dao-new-form-title {
    text-align: center;
  }

  .pagination .page-link {
    padding: 0.5rem 0.75rem;
  }
  .nap-dao-history-container {
    padding: 1rem;
  }

  .status-badge {
    padding: 0.25rem 0.75rem;
  }

  .bao-loi-modal .modal-body {
    padding: 1rem;
  }

  .bao-loi-image-preview {
    min-height: 150px;
    padding: 1rem;
  }

  .bao-loi-modal .btn-submit {
    width: 100%;
  }
  .mdv-modal-pink .modal-body {
    padding: 1rem;
  }

  .mdv-modal-pink .chapter-label {
    font-size: 1rem;
  }

  .mdv-modal-pink .gia-chuong-gia-dao,
  .mdv-modal-pink .gia-chuong-gia-hat {
    font-size: 1.5rem;
  }

  .mdv-modal-pink .mat-khau-box-number {
    font-size: 1.25rem;
  }
  .mua-chuong-modal-body {
    padding: 1rem;
  }

  .mua-chuong-list-container {
    max-height: 250px;
  }

  .summary-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .mua-chuong-modal-footer {
    flex-direction: column;
    gap: 1rem;
  }

  .mua-chuong-modal-footer .btn {
    width: 100%;
  }
  .cover-container {
    max-width: 100%;
  }
  .mdv-cai-dat-page-title {
    font-size: 1.5rem;
  }

  .mdv-cai-dat-page-subtitle {
    font-size: 1rem;
  }

  .btn-save {
    width: 100%;
  }
  .mdv-dieu-chinh-form-card .card-header,
  .mdv-dieu-chinh-form-card .card-body {
    padding: 1rem;
  }

  .mdv-dieu-chinh-form-container .input-group {
    flex-direction: column;
  }

  .mdv-dieu-chinh-form-container .input-group .form-control,
  .mdv-dieu-chinh-form-container .input-group-text {
    border-radius: 10px;
    border: 2px solid var(--border-color);
  }

  .mdv-dieu-chinh-form-container .input-group .form-control {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
    text-align: center;
  }

  .mdv-dieu-chinh-form-container .input-group-text {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  /* sự kiện */
  .mdv-su-kien-section .card-status {
    position: static;
    margin: 1rem 1rem 0;
    justify-content: center;
  }

  .mdv-su-kien-section .card-header {
    text-align: center;
  }

  .mdv-su-kien-section .rewards-list,
  .mdv-su-kien-section .card-participants {
    justify-content: center;
  }

  .mdv-su-kien-section .card-actions {
    justify-content: center;
  }

  .mdv-su-kien-section .modal-footer {
    flex-direction: column;
    gap: 1rem;
  }

  .mdv-su-kien-section .modal-footer .btn {
    width: 100%;
  }
  /* trang duyệt truyện */
  .van-hiep-duyet-lai-header h1 {
    font-size: 1.5rem;
  }

  .mdv-trang-xin-duyet-lai-truyen-section .meta-info {
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
  }

  .mdv-trang-xin-duyet-lai-truyen-section .changes-list {
    justify-content: center;
  }

  .mdv-trang-xin-duyet-lai-truyen-section .preview-actions {
    flex-direction: column;
  }

  .mdv-trang-xin-duyet-lai-truyen-section .preview-actions .btn {
    width: 100%;
  }

  .mdv-trang-xin-duyet-lai-truyen-section .modal-footer {
    flex-direction: column;
    gap: 1rem;
  }

  .mdv-trang-xin-duyet-lai-truyen-section .modal-footer .btn {
    width: 100%;
  }
  .mdv-top-hot-content-item-avatar {
    max-width: 24px;
    min-width: 24px;
  }

  .story-info table td {
    font-size: clamp(0.5rem, 0.125rem + 1.875vw, 0.8rem);
  }
  .story-info-col {
    padding: 10px;
  }
  .story-info .icon-qua-dao-nho,
  .story-info .icon-hoa-nho {
    width: 14px;
    /* display: none; */
  }
  .story-info table td:nth-child(1) {
    width: 60%;
  }
  .story-info table td:nth-child(2) {
    width: 40%;
  }
  .story-info table td {
    padding: 2px 0;
  }
  .hvr-icon.fa-solid.fa-circle-chevron-right {
    margin-right: 2px !important;
  }
  .mdv-san-pham-show-profile-content-rank {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
  .mdv-san-pham-show-profile-content-chu-item-title {
    font-size: 1.4rem;
  }
  .mdv-san-pham-show-profile-content-chu-item-des {
    font-size: 1.2rem;
  }
  .anh-bia-thong-tin-truyen {
    transform: translateY(3px);
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
  }
  .nh-footer {
    max-width: 100%;
    overflow: hidden;
  }
  .btn-mdv-button-1 {
    background-color: #007bff;
    color: #fff;
    padding: 9px 10px;
    border: none;
    border-radius: 5px;
  }
  .page-admin-tool-bar-setting .btn-mdv-button-1 {
    font-size: 0.7rem;
    min-width: 85px;
  }
  .page-admin-tool-bar-setting .mdv-setting-label {
   min-width: 126px;
   font-size: 0.8rem; 
  }
  .msv-login-container {
    max-width: 320px;
  }
}
@media (max-width: 375px) {
  .mdv-san-pham-show-profile-content-chu-item-title {
    font-size: 1.2rem;
  }
  .mdv-san-pham-show-profile-content-chu-item-des {
    font-size: 1rem;
  }
}