@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;
  }
  .lt-header-logo-box img {
    max-width: 150px;
  }
  .mdv-nav-menu {
    gap: 2rem !important;
  }
}

@media only screen and (min-width: 1025px) {
  .row-cols-lg-7 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
}

@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;
  }

  .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: 1;
  }
  .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 auto;
  }
  .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: center;
  }
  .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;
  }
  .lt-truyen-box-title {
    text-align: center;
  }
  .mdv-slider-advertise::before {
    border: none;
  }
  .btn-icon-swiper-prev {
    left: -5px;
  }
  .btn-icon-swiper-next {
    right: -5px;
  }
  section {
    padding: 30px 0;
  }
  .lt-truyen-noi-bat-section {
    padding-bottom: 0;
  }
  .mdv-san-pham-detail-khung-tool {
    left: initial;
    right: -8px;
  }
  #noi_dung_truyen {
    padding-right: 12px;
  }
}

@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: 93%;
  }
  .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;
  }
  .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: 250px;
    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-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: 50%;
  }

  .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;
  }

  .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;
  }

  .mdv-header-find-form-image {
    overflow: hidden;
    min-width: 30px;
    max-width: 30px;
  }
  .pagination-page .pagination-sm li {
    margin: 0 2px;
  }
  /* .page-item .page-link {
  width: 27px;
  height: 27px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
} */
.page-item.prev, .page-item.next {
  display: none;
}
}

@media (max-width: 425px) {
  .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;
  }
  .lt-button-mobile-tim-kiem {
    font-size: 1.1rem;
  }
}