body.home_page #content {
    padding-top: 380px;
    padding-bottom: 100px;
}

body.home_page #content .promote {
    min-height: 400px;
    width: 100%;
    color: white;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
}

body.home_page #content .promote .div_module {
    position: inherit;
}

body.home_page #content .promote .title {
    font-size: 22px;
    margin-bottom: 20px;
    position: absolute;
    top: 80px;
    z-index: 2;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    font-weight: 600;
}

body.home_page #content .promote .control {
    position: absolute;
    bottom: 40px;
    left: 0;
    z-index: 2;
    width: 100%;
    display: flex;
    justify-content: center;
}

body.home_page #content .promote .promote_list {
    height: auto;
}

body.home_page #content .promote .promote_list .swiper-wrapper {}

body.home_page #content .promote .control .div_module {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: 600;
    gap: 10px;
}

body.home_page #content .promote .control .div_module .text {
    display: flex;
    gap: 5px;
}

body.home_page #content .promote .promote_item {
    position: relative;
    padding-top: 130px;
    text-align: left;
    cursor: pointer;
}

body.home_page #content .promote .promote_item .title {}

body.home_page #content .promote .promote_item .detail {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    height: 250px;
    overflow: hidden;
}

body.home_page #content .promote .promote_item .detail .avatar {
    width: 140px;
    aspect-ratio: 1/1.5;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

body.home_page #content .promote .promote_item .detail .avatar::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

body.home_page #content .promote .promote_item .detail .avatar img {
    object-fit: cover;
    width: 100%;
}

body.home_page #content .promote .promote_item .detail .info {
    flex: 1;
}

body.home_page #content .promote .promote_item .detail .info .name {
    font-size: 35px;
    font-weight: 600;
    text-transform: capitalize;
}

body.home_page #content .promote .promote_item .detail .info .tags {
    display: flex;
    gap: 5px;
    margin: 10px 0;
    flex-wrap: wrap;
}

body.home_page #content .promote .promote_item .detail .info .tags .item {
    padding: 5 10px;
    background-color: var(--background-module-2);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 3px;
}

body.home_page #content .promote .promote_item .detail .info .text {
    line-height: 24px;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.home_page #content .promote .promote_item .background {
    position: absolute;
    width: 100%;
    height: 380px;
    left: 0;
    top: 0;
    z-index: -1;
    overflow: hidden;
}

body.home_page #content .promote .promote_item .background img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter: blur(20px);
    transform: translate(0, -10%);
    opacity: 0.7;
}

body.home_page #content .promote .promote_item .background::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(0deg, #0c1121 0%, #0c1121c7 10%, #0c112187 30%, #0c11214a 100%);
}

body.home_page .home_page_cmanga #content .home_data {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

body.home_page .home_page_cmanga #content .album_data {
    padding-bottom: 60px;
}

body.home_page .home_page_cmanga #content h5 {
    font-size: 22px;
    color: var(--highlight-text-color);
    display: flex;
    line-height: 40px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    font-weight: 600;
}

body.home_page .home_page_cmanga #content h5 .left {
    display: flex;
    align-items: center;
    gap: 5px;
}

body.home_page .home_page_cmanga #content h5 .right {}

body.home_page .home_page_cmanga #content h5 .right svg {}

body.home_page .home_page_cmanga #content h5 img {
    height: 40px;
}

body.home_page .home_page_cmanga #content .home_data .update_list {
    flex: 1;
}

body.home_page .home_page_cmanga #content .home_data .update_list #list_new {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 0;
}

body.home_page .home_page_cmanga #content .home_data .other_list {
    width: 340px;
}

body.home_page .home_page_cmanga #content .home_data .other_list .upload {
    border: 1px solid var(--purple-color);
    padding: 20px 15px;
    border-radius: 10px;
}

body.home_page .home_page_cmanga #content .home_data .other_list .upload button {
    width: 100%;
    height: 60px;
    color: white;
    border: 0;
    font-weight: 500;
    font-size: 19px;
    background: rgb(108, 116, 252);
    background: linear-gradient(311deg, rgba(108, 116, 252, 1) 0%, rgba(108, 164, 252, 1) 50%, rgb(73 119 227) 100%);
    border-radius: 5px;
    margin-bottom: 20px;
}

body.home_page .home_page_cmanga #content .home_data .other_list .upload ul {}

body.home_page .home_page_cmanga #content .home_data .other_list .upload ul li {
    line-height: 34px;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

body.home_page .home_page_cmanga #content .home_data .other_list .upload ul li svg {
    color: var(--purple-color);
    zoom: 0.6;
}

body.home_page .home_page_cmanga #content .home_data .other_list .upload ul li span {
    color: var(--highlight-text-color);
    font-weight: 500;
}

body.home_page .home_page_cmanga #content .home_data .other_list .top_list {
    flex: 1;
}

body.home_page .home_page_cmanga #content .home_data .other_list .top_list .item {
    margin-bottom: 20px;
}

body.home_page .home_page_cmanga #content .home_data .other_list .top_list .item ul {}

body.home_page .home_page_cmanga #content .home_data .other_list .top_list .item ul li {}

body.home_page .home_page_cmanga #content .home_data .other_list .top_list .item ul li {
    padding: 12px 10px;
    background-color: var(--purple-color-4);
    border-bottom: 1px solid #0c1121;
    display: flex;
    color: var(--main-text-color)
}

body.home_page .home_page_cmanga #content .home_data .other_list .top_list .item ul li .user_profile_div {
    height: 60px;
    margin-right: 10px
}

body.home_page .home_page_cmanga #content .home_data .other_list .top_list .item ul li .stt {
    line-height: 60px;
    margin-right: 10px;
    font-size: 24px;
    font-weight: 600;
    width: 28px;
    text-align: center
}

body.home_page .home_page_cmanga #content .home_data .other_list .top_list .item ul li .book_avatar {
    width: 60px;
    overflow: hidden;
    height: 60px;
    margin-right: 10px;
    border-radius: 5px
}

body.home_page .home_page_cmanga #content .home_data .other_list .top_list .item ul li .book_avatar img {
    width: 100%;
    min-height: 100%;
}

body.home_page .home_page_cmanga #content .home_data .other_list .top_list .item ul li .detail {
    position: relative;
    min-height: 60px;
    flex: 1
}

body.home_page .home_page_cmanga #content .home_data .other_list .top_list .item ul li .detail p.name {
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--highlight-text-color);
    line-height: 22px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.home_page .home_page_cmanga #content .home_data .other_list .top_list .item ul li .detail p.chapter {
    font-size: 13px;
    margin-top: 1px
}

body.home_page .home_page_cmanga #content .home_data .other_list .top_list .item ul li .detail p.total_view {
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: 500;
    color: var(--highlight-text-color);
}

body.home_page .home_page_cmanga #content .home_data .other_list .top_list .item ul li .detail p.total_view .rank_icon {
    height: 40px;
    margin-bottom: -5px
}



body.home_page .home_page_ongtruyen {
    position: relative;
}

body.home_page .home_page_ongtruyen .content {
}

.swiper-pagination .swiper-pagination-bullet {
    background-color: #797979 !important;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #5A74F8 !important;
}


body.home_page .home_page_ongtruyen .content .flex_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-left: 10px;
    border-left: 6px solid #5A74F8;
}

body.home_page .home_page_ongtruyen .content .left {
    display: flex;
    align-items: center;
    gap: 8px;
}
body.home_page .home_page_ongtruyen .content .left .title {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    color: #eee;
    text-transform: capitalize;
}

body.home_page .home_page_ongtruyen .content .left .title::after {
    position: absolute;
    left: -15px;
    top: -4px;
    width: 6px;
    height: 1.6em;
    background: #5A74F8;
}

body.home_page .home_page_ongtruyen .content .left .icon {
    width: 28px;
    height: auto;
    object-fit: cover;
}

body.home_page .home_page_ongtruyen .content .right {
    line-height: 0;
}

body.home_page .home_page_ongtruyen .content .right .arrow {
    color: #fff;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 10px;
}

body.home_page .home_page_ongtruyen .content .right .arrow:hover {
    background-color: #2D334F;
}

body.home_page .home_page_ongtruyen .content .filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
}

body.home_page .home_page_ongtruyen .content .filter button {
    height: 35px;
    padding: 0px 14px;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 0;
    font-weight: 400;
    background: transparent;
    border: 1px solid var(--purple-color-2-highlight);
    cursor: pointer;
    transition: 0.3s;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 3px;
}

body.home_page .home_page_ongtruyen .content .filter button.active {
    background: #606bf0;
}

body.home_page .home_page_ongtruyen .content .filter .button_extra {background-color: var(--purple-color-2-highlight);}

body.home_page .home_page_ongtruyen .content .filter .button_extra svg {
}

body.home_page .home_page_ongtruyen .content .container {
    margin-top: 15px;
    border-radius: 10px;
    padding: 0 12px;
    padding-bottom: 40px;
}

body.home_page .home_page_ongtruyen .content .container .card {
    cursor: pointer;
    width: 100%;
    height: max-content !important;
}

body.home_page .home_page_ongtruyen .content .container .card .leaderboard_text {
    
font-size: 74px;
    
position: absolute;
    
bottom: 65px;
    
left: -10px;
    
color: #121416;
    
font-family: "Helvetica Neue";
    
-webkit-text-stroke: 2px #b6c2ff;
}

body.home_page .home_page_ongtruyen .content .container .card .image_container {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.4;
    pointer-events: none;
}

body.home_page .home_page_ongtruyen .content .container .card .image_container .overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;
    background: linear-gradient(0deg,rgba(14, 15, 29, 1) 0%, rgba(0, 0, 0, 0) 100%);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

body.home_page .home_page_ongtruyen .content .container .card .image_container .image {
    min-height: 100%;
    max-height: 100%;
    width: 100%;
    min-width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}


body.home_page .home_page_ongtruyen .content .tag_container {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 4px;
    top: 5px;
    left: 5px;
}

body.home_page .home_page_ongtruyen .content .tag_container p {
    font-size: 8px;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
    -webkit-user-select: none;
    user-select: none;
    line-height: 1;
}

body.home_page .home_page_ongtruyen .content .tag_container.default p {
    padding: 4px 8px;
}

body.home_page .home_page_ongtruyen .content .tag_container.large p {

padding: 4px 12px;
}

body.home_page .home_page_ongtruyen .content .tag_container .vip {
    background: #5A74F8;
}

body.home_page .home_page_ongtruyen .content .tag_container .hot {
    background: #F44E3C;
}

body.home_page .home_page_ongtruyen .content .container .card .image_container .card_info {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    gap: 7px;
    z-index: 1;
}

body.home_page .home_page_ongtruyen .content .container .card .image_container .card_info .view {
    display: flex;
    align-items: center;
    gap: 5px;
}

body.home_page .home_page_ongtruyen .content .container .card .image_container .card_info .fav {
    display: flex;
    align-items: center;
    gap: 5px;
}

body.home_page .home_page_ongtruyen .content .container .card .image_container .card_info p {
    font-size: 11px;
    color: #9d9d9d;
    font-weight: 500;
}

body.home_page .home_page_ongtruyen .content .container .card .image_container .card_info svg {
    font-size: 18px;
    color: #9d9d9d;
}

body.home_page .home_page_ongtruyen .content .container .card .image_container .card_info .fav svg {
    font-size: 14px;
}

body.home_page .home_page_ongtruyen .content .container .card .card_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

body.home_page .home_page_ongtruyen .content .container .card .card_content .name_container {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.home_page .home_page_ongtruyen .content .container .card .card_content .name {
    text-overflow: ellipsis;
    font-size: 16px;
    color: #eee;
    font-weight: 500;
    margin-top: 15px;
    line-height: 1.5em;
    height: 3em;
    max-height: 3em;
    text-transform: capitalize;
}

body.home_page .home_page_ongtruyen .content .container .card .card_content .chapter {
    color: #9D9D9D;
    font-size: 12px;
    line-height: 1;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data {display: flex;gap: 20px;}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list {
    flex: 1;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer {
    padding: 12px;
    background: linear-gradient(130deg, rgba(29, 38, 81, 1) 0%, rgba(2, 11, 26, 1) 100%);
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card {
    display: flex;
    gap: 12px;
    align-items: center;
    border-bottom: 1px solid #ffffff14;
    padding: 10px 0;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card:first-child {
    padding-top: 0;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card:last-child {
    padding-bottom: 0;
    border: none;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .main_content {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 15px;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .main_content .image {
    max-width: 35px;
    width: 100%;
    aspect-ratio: 1 / 1.4;
    border-radius: 5px;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .main_content .flex {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .main_content .flex .top {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 200px;
    width: 80%;
    margin-bottom: 1px;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .main_content .flex .top .title {
    font-size: 15px;
    font-weight: 500;
    color: #eee;
    text-transform: capitalize;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .main_content .flex .top .tag_container {
    position: relative;
    top: 0;
    display: flex;
    left: 0;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .main_content .flex .bottom {
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--main-text-color);
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .main_content .flex .bottom div {
    display: flex;
    align-items: center;
    gap: 5px;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .main_content .flex .bottom div svg {
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .main_content .flex .bottom div p {
    font-size: 12px;
    font-weight: 500;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .main_content .flex .bottom .fav svg {
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .low {
    color: var(--main-text-color);
    font-style: italic;
    text-align: left;
    text-transform: capitalize;
    width: 180px;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .chapter {
    color: #fff;
    font-weight: 500;
    width: 100px;
}
body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .time_format{
    width: 100px;
    text-align: right;
}
body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .text_info {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 340px;
    margin-top: 60px;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard {
    display: flex;
    flex-direction: column;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .title_container {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px;
    justify-content: space-between;
    background: #5A74F8;
    overflow: hidden;
    border-bottom: 5px solid #FFBC69;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .title_container .group {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    z-index: 1;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .title_container .title {
    font-size: 18px;
    font-weight: 600;
    color: #eee;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .title_container .icon {
    width: 23px;
    height: 23px;
    z-index: 2;
    cursor: pointer;
    color: white;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .title_container .highlight {
    content: "";
    position: absolute;
    background: #6F87FF;
    right: -46px;
    top: 0;
    width: 120px;
    height: 100%;
    z-index: 0;
    transform: rotate(115deg);
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .title_container .arrow {
    color: #eee;
    font-size: 20px;
    z-index: 1;
}
body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .list_container .list {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: linear-gradient(130deg,rgba(29, 38, 81, 1) 0%, rgba(2, 11, 26, 1) 100%);
    gap: 20px;
    border: 1px solid #16203B;
}
body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .list_container .list .list_content.out {
    justify-content: space-between;
    align-items: self-end;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .list_container .list .list_content {
    display: flex;
    gap: 10px;
    align-items: center;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .list_container .list .list_content .img {
    width: 54px;
    height: 54px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 10px;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .list_container .list .list_content .index {
    text-shadow: 0px 0px 7px;
    line-height: 60px;
    margin-right: 4px;
    font-size: 24px;
    font-weight: 600;
    width: 20px;
    text-align: center;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .list_container .list .list_content:nth-child(1) .index {
    color: #fdcb6e;
}
body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .list_container .list .list_content:nth-child(2) .index {
    color: #74b9ff;
}
body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .list_container .list .list_content:nth-child(3) .index {
    color: #ff7675;
}
body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .list_container .list .list_content:nth-child(4) .index,
body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .list_container .list .list_content:nth-child(5) .index {
    color: #A3A6B1;
}
body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .list_container .list .list_content .info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .list_container .list .list_content .info .name {
    font-size: 14px;
    font-weight: 500;
    color: #eee;
    text-transform: capitalize;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .list_container .list .list_content .info .chapter {
    font-size: 12px;
    color: #9D9D9D;
    font-weight: 400;
}

body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list .leaderboard .list_container .list .list_content .score {
    position: relative;
    font-size: 12px;
    color: #9d9d9d;
    font-weight: 400;
}

@media (max-width: 1600px){
    body.home_page .home_page_ongtruyen .content {
        margin-left: 0px;
    }
}
@media (max-width: 1000px){
    body.home_page .home_page_ongtruyen .content .screen_1 .container .swiper{max-height: 700px !important;}
    body.home_page .home_page_ongtruyen .content .screen_1 .container .swiper-wrapper{max-height: 700px !important;}
}
@media (max-width: 799px){

    body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .main_content .flex .top {
        width: 100%;
    }

    body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card {
        flex-direction: column;
        align-items: flex-start;
    }

    body.home_page .home_page_ongtruyen .content .screen_4 .home_data {
    flex-direction: column;
    }

    body.home_page .home_page_ongtruyen .content .screen_4 .home_data .other_list {
        margin-top: 30px;
        width: 100%;
        gap: 30px;
    }
}
@media (max-width: 500px){
    body.home_page .home_page_ongtruyen .content .screen_1 .container .swiper{max-height: 500px !important;}
    body.home_page .home_page_ongtruyen .content .screen_1 .container .swiper-wrapper{max-height: 500px !important;}
    body.home_page .home_page_ongtruyen .content .screen_4 .home_data .update_list .updateContainer .card .text_info {
        gap: 0;
    }
    body.home_page .home_page_ongtruyen .content .container .card .leaderboard_text {
        top: 0;
        font-size: 50px;
        right: 5px;
        left: unset;
    }
    body.home_page .home_page_ongtruyen .content .container .card .card_content .name {
        font-size: 14px;
    }
}