@media screen and (max-width: 1215px) {

    #mobileMenu {
        width: 100%;
        height: 100%;
        right: 0;
        top: 138px;
        background-color: rgba(0, 0, 0, 0.90);
        z-index: 8;
        overflow-y: auto;
        position: fixed;
        gap: 18px;
        padding-top: 70px;
        display: none;
    }
    #mobileMenu.show {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }
    #mobileMenu li.nav-item {
        height: 62px;
        border-left: none;
        width: 796px;
        text-align: center;
        background: url(../imgs/bg-button-mb.png) top center no-repeat;
        text-transform: uppercase;
        background-size: 100%;
    }
    #mobileMenu li.active,
    #mobileMenu li.nav-item:hover {
        background: url(../imgs/bg-button-mb.png) bottom center no-repeat;
        background-size: 100%;
    }
    #mobileMenu li.active a {
        color: #d5c173;
    }
    #mobileMenu li a {
        width: 100%;
        color: #fff;
        text-align: center;
        padding-left: 0;
        line-height: 63px;
        font-size: 18px;
        font-weight: 600;
        position: relative;
        display: block;
        color: #d5c173;
    }

    body {
        overflow-y: auto;
    }

    .wrap-menu-fixed {
        display: none !important;
    }

    .bg-main {
        overflow-x: hidden;
    }

    .bg-main .bg-2 {
        top: unset;
        bottom: 37px;
    }

    .bg-main .than-cong-bao {
        top: 890px;
        left: -220px;
    }

    .bg-main .natra {
        top: 486px;
        right: -181px;
    }

    .bg-main .title-mobile {
        display: block !important;
        top: 640px;
        z-index: 4;
    }

    header {
        height: 140px;
        background: #000;
    }

    header .main-nav {
        display: none !important;
    }

    header .top-nav-mobile {
        display: flex;
        position: absolute;
        right: 13px;
    }

    .logo {
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    header .top-nav-mobile .btn-download {
        display: block;
        width: 258px;
        height: 104px;
        background: url(../imgs/btn-download.webp) no-repeat 0 0 / 100% 200%;
    }

    header .top-nav-mobile .btn-download:hover {
        background-position: bottom;
    }

    header .top-nav-mobile .social {
        display: block;
        width: 95px;
        height: 98px;
        background: url(../imgs/btn-socials-mobile.webp) no-repeat;
        background-size: 300% 200%;
    }

    header .top-nav-mobile .social.facebook {
        background-position: left top;
        margin-left: 34px;
    }

    header .top-nav-mobile .social.group {
        background-position: center top;
    }

    header .top-nav-mobile .social.discord {
        background-position: right top;
    }

    header .top-nav-mobile .social:hover {
        background-position-y: bottom;
    }

    header .top-nav-mobile .swap-menu-id {
        width: 111px;
        height: 111px;
        margin-left: 34px;
        background: url(../imgs/btn-collapse-menu.webp) no-repeat 0 0 / 100% 200%;
        transition: 0.3s;
    }

    header .top-nav-mobile .swap-menu-id[aria-expanded="true"] {
        background-position: bottom;
        transform: rotate(360deg);
    }

    header .top-nav-mobile .login {
        top: unset;
        bottom: -20px;
        right: 50px;
        transform: translateY(100%);
    }

    .page-1 {
        height: 2090px;
        max-height: unset;
    }

    .page-1 .btn-play-video {
        top: 197px;
        left: 184px;
    }

    .page-1 .btn-actions > * {
        opacity: unset;
        transform: unset;
    }

    .page-1 .btn-actions {
        bottom: 100px;
    }

    .page-1 .btn-actions .game-actions {
        display: none !important;
    }

    .page-2 .container {
        opacity: unset;
        transform: unset;
        padding-left: 0;
    }

    .page-2 .title {
        top: 0;
    }

    .page-2 .content {
        width: 1175px;
        height: 668px;
        background: url(../imgs/page-2/bg-content-tablet.webp) no-repeat 0 0 / 100% 100%;
        margin-left: 24px;
        margin-top: 86px;
    }

    .page-3 {
        height: 1278px;
        max-height: unset;
    }

    #slideHome {
        display: flex;
        align-items: center;
        padding: 41px 12px 73px 61px;
        max-width: 340px;
        min-width: 340px;
    }

    #slide-pc {
        width: 254px;
        height: 377px !important;
    }

    #slide-pc .carousel-indicators {
        bottom: 8px;
    }

    #slide-pc .carousel-indicators button {
        width: 24px;
        height: 25px;
    }

    #slide-pc .carousel-item a {
        padding: 12px;
        padding-left: 16px;
    }

    #slide-pc .carousel-item a span {
        width: 160px;
        height: 35px;
    }

    .page-3 .title {
        top: -42px;
    }

    #tab-touches {
        opacity: unset;
        flex-direction: row !important;
        top: 162px;
        left: 50%;
        transform: translateX(-50%);
        gap: 20px;
        flex-wrap: nowrap;
    }

    #tab-touches .nav-item:nth-child(1)::before {
        transform: translate(-100%, -50%) rotate(-90deg);
        top: 50%;
        left: -80px;
    }

    #tab-touches .nav-item:nth-child(6)::before {
        transform: translate(100%, -50%) rotate(90deg);
        top: 50%;
        right: -80px;
        left: unset;
    }

    #tab-touches .nav-item button::after {
        top: unset;
        bottom: 5px;
        right: 84%;
        transform: translate(100%, 100%);
    }

    #tab-touches .nav-item:nth-child(1) button::after {
        right: 100%;
    }

    .page-3 .slide-hero .hero-content .wrap-img {
        opacity: unset;
        transform: unset;
        margin-top: 55px;
        margin-left: 5px;
    }

    .page-3 .slide-hero .hero-content .description {
        opacity: unset;
        transform: unset;
        padding: 0;
        width: 414px;
    }

    .page-3 .slide-hero .hero-content .description hr {
        display: none;
    }

    .page-3 .page-3-content {
        padding-top: 175px;
    }

    .page-3 .slide-hero {
        justify-content: flex-start !important;
    }

    .page-3 .slide-hero .hero-content .description .content,
    .page-3 .slide-hero .hero-content .description .skill {
        display: none;
    }

    .page-3 .slide-hero .hero-content .description .type {
        padding-right: 50px;
    }

    .page-3 .slide-hero .hero-tabs {
        bottom: 140px;
        left: 258px;
    }

    .page-4 .container {
        opacity: unset;
        transform: unset;
    }

    .page-4 .title {
        top: -35px;
    }

    .page-4 .carousel-wrapper {
        transform: translateY(-12px);
    }

    .page-4 .carousel-wrapper .btn-nav.next {
        right: 40px;
    }

    .page-4 .carousel-wrapper .btn-nav.prev {
        left: 40px;
    }

    .card-item-3 {
        transform: translate(-50%, -50%) scale(1);
        z-index: 3;
    }

    .card-item-2 {
        transform: translate(-92%, -50%) scale(0.9);
        z-index: 2;
    }

    .card-item-1 {
        transform: translate(-140%, -50%) scale(0.8);
        z-index: 1;
    }

    .card-item-4 {
        transform: translate(-8%, -50%) scale(0.9);
        z-index: 2;
    }

    .card-item-5 {
        transform: translate(40%, -50%) scale(0.8);
        z-index: 1;
    }

    .card-item-6 {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.1);
        z-index: 1;
    }

    footer .wrap-content {
        opacity: unset;
        transform: unset;
    }

    footer .container {
        padding-top: 156px;
        max-width: 940px;
    }

    footer .logo {
        transform: unset;
    }

    footer::before {
        width: 1200px;
        height: 620px;
    }

    .homepage footer::before {
        background: url(../imgs/bg-footer-tablet.webp) no-repeat 0 0 / 100% 100%;
    }

    .subpage footer::before {
        background: url(../imgs/bg-footer-subpage-tablet.webp) no-repeat 0 0 / 100% 100%;
    }

    .homepage footer {
        transform: translateY(-40px);
    }

    .open-detail-champ-info {
        display: block;
    }

    .subpage-container.post > .container {
        max-width: 1144px;
    }

    .content-layout-subpage {
        height: 830px;
    }

    .bg-layout-subpage.bg-layout-2 {
        top: 830px;
    }

    .bg-layout-subpage.bg-layout-1 {
        top: 833px;
    }

    #root.subpage .bg-main .natra {
        top: -86px;
        right: -104px;
    }

    .content-layout-subpage .btn-actions {
        bottom: 28px;
        left: 60px;
    }

    .subpage-container.post .listNews {
        padding: 0 20px;
    }

    .subpage-container.post .listNews .posts-content li {
        width: 1080px;
    }

    .subpage-container.post .listNews .posts-content li .thumbnail {
        width: 315px;
        height: 177px;
    }

    .subpage-container.post .listNews .posts-content li .post-item-content {
        width: 730px;
        max-width: 730px;
    }

    .subpage-container.post-detail .hot-news-wrapper {
        display: none !important;
    }

    .subpage-container.post-detail .breadcrums {
        margin-top: 57px;
    }


    .subpage-container.post-detail .content {
        width: 100%;
    }

    .subpage-container.post-detail .post-data {
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
    }

    .subpage-container.post-detail .post-title h1 {
        margin-top: 40px;
        padding-left: 35px;
    }

    .wrapper-id .row.content {
        margin-top: 0;
        padding-left: 35px;
    }

    .wrapper-id .row.content .user-box {
        margin-top: 34px;
        width: 100%;
    }

    #mouse-icon {
        display: none;
    }
}


@media screen and (max-width: 576px) {
    #mobileMenu {
        top: 73px;
    }
    .qr-code img {
        width: 126px;
        margin-top: 34px;
        margin-left: 24px;
    }
    #mobileMenu li.nav-item {
        height: 40px;
        width: 520px;
    }
    #mobileMenu li a {
        line-height: 40px;
        font-size: 16px;
    }
    header {
        height: 75px;
    }

    .container {
        max-width: 550px;
    }

    header .container {
        padding: 0;
    }

    header .top-nav-mobile {
        right: 0;
    }

    .logo {
        left: 0;
    }

    .logo img {
        width: 167px;
    }

    header .top-nav-mobile .swap-menu-id {
        height: 60px;
        width: 60px;
        margin-left: 10px;
    }

    header .top-nav-mobile .social {
        width: 51px;
        height: 53px;
    }

    header .top-nav-mobile .btn-download {
        width: 138px;
        height: 56px;
    }

    header .top-nav-mobile .social.facebook {
        margin-left: 8px;
    }

    header .top-nav-mobile .login {
        right: 15px;
        width: 193px;
        height: 55px;
    }

    header .login .wrap-login .wrapper-btn-login {
        width: 100%;
        height: 100%;
        display: block;
    }

    header .top-nav-mobile .login .wrap-login .user-info .display-name {
        width: 125px;
        max-width: 125px;
    }

    header .top-nav-mobile .login .wrap-login .user-info .dropdown-menu {
        width: 237px;
    }

    header .top-nav-mobile .login .wrap-login .user-info .dropdown-menu li {
        height: 40px;
    }

    header .top-nav-mobile .login .wrap-login .user-info .dropdown-menu li span {
        font-size: 16px;
    }

    header .top-nav-mobile .login .wrap-login .user-info .dropdown-menu li i:not(.payment-group) {
        font-size: 18px;
        width: 20px;
        height: 20px;
    }

    header .top-nav-mobile .login .wrap-login .user-info .dropdown-menu li .payment-unit {
        height: 22px;
        width: 23px;
        margin-top: 2px;
    }

    .logo-18::before {
        width: 151px;
        height: 36px;
        background-size: 100% 100%;
    }

    .page-1 .btn-play-video {
        width: 163px;
        height: 162px;
        top: 120px;
        left: 60px;
    }

    .bg-main .title-mobile {
        width: 328px;
        height: 37px;
        top: 343px;
    }

    .bg-main .than-cong-bao {
        width: 418px;
        height: 535px;
        top: 484px;
        left: -130px;
    }

    .bg-main .natra {
        width: 654px;
        height: 749px;
        top: 300px;
    }

    .bg-main .bg-2 {
        top: 672px;
        bottom: unset;
    }

    .page-1 {
        height: 1100px;
    }

    .page-1 .btn-actions > a:nth-child(1),
    .page-1 .btn-actions > a:nth-child(2),
    .page-1 .btn-actions .qr-code,
    .content-layout-subpage .btn-actions > a:nth-child(1),
    .content-layout-subpage .btn-actions > a:nth-child(2),


    .page-1 .btn-actions {
        bottom: 15px;
    }

    .page-2 {
        height: fit-content;
        max-height: unset;
        min-height: unset;
    }

    .page-2 .title {
        top: 18px;
        width: 555px;
    }

    .page-2 .content {
        background: unset;
        flex-direction: column;
        align-items: center;
        margin: 0;
        margin-top: -22px;
        width: 100%;
        height: 550px;
    }

    .page-2 .container {
        padding: 0;
        justify-content: flex-start;
        padding-top: 168px;
        height: fit-content;
    }

    #slideHome {
        display: none;
    }

    #slideHomeMobile {
        display: block;
        width: 563px;
        height: 142px !important;
        background: url(../imgs/page-2/bg-banner-mobile.webp);
        margin-bottom: 6px;
    }

    .page-2 .content .tabs-post {
        width: 553px;
        height: 413px;
        padding: 30px 34px 43px 27px;
        background: url(../imgs/page-2/bg-content-mobile.webp) no-repeat;
    }

    #nav-tab {
        margin-bottom: 8px;
    }

    .page-2 .content .tabs-post .nav-tabs .nav-link {
        width: 120px;
    }

    #nav-huong-dan {
        background-position: -240px top;
    }

    #nav-huong-dan.active {
        background-position-y: -26px !important;
    }

    .page-2 .tab-content ul {
        min-height: 246px;
        max-height: 246px;
        overflow-y: auto;
    }

    .page-2 .tab-content li.tab-item {
        height: 38px;
    }

    .page-2 .tab-content li.tab-item a,
    .page-2 .tab-content li.tab-item h6 {
        font-size: 16px;
    }

    .page-2 .tab-content li.tab-item::before {
        width: 19px;
        height: 19px;
    }

    .page-2 .tab-content .search-lite {
        background: url(../imgs/page-2/bg-search-mobile.webp) no-repeat 0 0 / 100% 100%;
        width: 299px;
        height: 45px;
    }

    .page-2 .tab-content .action-group .more {
        width: 166px;
        height: 45px;
    }

    .page-2 .tab-content .search-lite input {
        padding-left: 42px;
        font-size: 18px;
        line-height: 34px;
    }

    .page-2 .tab-content .search-lite input::placeholder {
        line-height: 45px;
        font-size: 18px;
        font-weight: bold;
    }


    .page-2 .content .tabs-post .nav-link.active::before {
        bottom: 1px;
        height: 7px;
    }

    .subpage-container.post .listNews .action a.active::before {
        bottom: 1px;
    }

    .page-3 .title {
        top: 56px;
        width: 552px;
    }

    #tab-touches {
        width: 100%;
        top: 186px;
        gap: 14px;
    }

    #tab-touches .nav-item button {
        width: 77px;
        height: 76px;
    }

    #tab-touches .nav-item:nth-child(2) button {
        background-position: left -76px;
    }

    #tab-touches .nav-item:nth-child(3) button {
        background-position: left -152px;
    }

    #tab-touches .nav-item:nth-child(4) button {
        background-position: left -228px;
    }

    #tab-touches .nav-item:nth-child(5) button {
        background-position: left -304px;
    }

    .page-3 {
        height: 1125px;
    }

    .page-3 .slide-hero .hero-content {
        width: 100%;
        height: 0;
    }

    .page-3 .slide-hero .hero-content .description {
        width: 100%;
        height: 0;
        position: relative;
    }

    .page-3 .slide-hero .hero-content .description .title,
    .page-3 .slide-hero .hero-content .description .type,
    .open-detail-champ-info {
        position: absolute;
    }

    .page-3 .slide-hero .hero-content .description .title {
        width: fit-content;
        left: -26px;
        top: 15px;
    }

    .page-3 .slide-hero .hero-content .description .type {
        top: 124px;
        left: -120px;
    }

    .page-3 .slide-hero .hero-content .wrap-img {
        width: 100%;
        height: 482px;
        left: 0;
        margin: 0;
        top: 290px;
    }

    .page-3 .slide-hero .hero-content .wrap-img img {
        height: 100%;
    }

    .open-detail-champ-info {
        right: -30px;
        top: 33px;
    }

    .page-3 .slide-hero .hero-tabs {
        flex-wrap: nowrap;
    }

    .page-3 .slide-hero .hero-tabs {
        bottom: 77px;
        left: -66px;
    }

    .page-3 .slide-hero .hero-tabs li {
        position: relative;
        z-index: 2;
    }

    .page-3 .slide-hero .hero-tabs li:first-child {
        transform: translateX(30px);
        z-index: 1;
    }

    .page-3 .slide-hero .hero-tabs li:last-child {
        transform: translateX(-30px);
        z-index: 1;
    }

    .page-4 {
        max-height: unset;
        min-height: unset;
        height: 826px;
    }

    .page-4 .title {
        width: 552px;
        top: -20px;
    }

    .page-4 .page-4-carousel .card-item.hidden {
        display: none;
    }

    .page-4 .page-4-carousel .card-item-2 {
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 4;
    }

    .card-item-1 {
        transform: translate(-90%, -50%) scale(0.8);
    }

    .card-item-3 {
        transform: translate(-10%, -50%) scale(0.8);
    }

    .page-4 .carousel-wrapper .btn-nav {
        z-index: 5;
    }

    .page-4 .carousel-wrapper .btn-nav.prev {
        left: -25px;
    }

    .page-4 .carousel-wrapper .btn-nav.next {
        right: -25px;
    }

    .page-4 .carousel-wrapper .carousel-button {
        bottom: 4px;
    }

    .homepage footer {
        transform: unset;
    }

    .page-5 .logo {
        display: none;
    }

    .page-5 .wrap-content {
        padding: 10px;
        padding-top: 124px;
    }

    footer::before {
        bottom: 0;
    }

    footer .logo-g1 {
        left: 50%;
        top: 70px;
        transform: translateX(-50%);
    }

    footer h2 {
        padding-right: 0;
    }

    footer p {
        margin-bottom: 8px;
    }

    footer p br {
        display: inline;
    }

    footer .police-menu {
        padding-right: 0;
        gap: 24px;
    }

    footer .police-menu a {
        font-size: 15px;
    }

    footer .police-menu li:not(:last-child)::after {
        right: -10px;
    }

    #popup-text .wrap-content {
        width: 576px;
        height: 748px;
        background: url(../imgs/popup-mobile.webp) no-repeat 0 0 / 100% 100%;
        padding: 95px;
    }

    .subpage-container {
        position: relative;
    }

    .subpage-container.post > .container {
        max-width: 550px;
    }

    .content-layout-subpage {
        height: 582px;
    }

    .bg-layout-subpage.bg-layout-2 {
        top: 582px;
    }

    .bg-layout-subpage.bg-layout-1 {
        top: 585px;
        pointer-events: none;
        background: url(../imgs/bg-subpage-layer-1-mobile.webp) no-repeat 0 0 / 100% 100%;
        height: 133px;
    }

    .content-layout-subpage .btn-actions .game-actions {
        display: none !important;
    }

    #root.subpage .bg-main .natra {
        top: -64px;
        right: -135px;
        width: 800px;
        height: 916px;
    }

    .content-layout-subpage .btn-actions {
        bottom: 20px;
        left: 0px;
    }

    .subpage-container.post .subpage-title,
    .subpage-container.wrapper-id .subpage-title {
        width: 556px;
        height: 128px;
    }

    .subpage-container.post .subpage-title.su-kien {
        background-position-y: -128px;
    }

    .subpage-container.post .subpage-title.huong-dan {
        background-position-y: -256px;
    }

    .subpage-container.post > .container {
        padding-top: 54px;
    }

    .subpage-container.post .listNews {
        margin-top: 16px;
        padding: 0;
    }

    .subpage-container.post .listNews .btn-group {
        padding-bottom: 8px;
        gap: 5px !important;
    }

    .subpage-container.post .listNews .action a.dac-sac {
        background-position: -497px 0;
        background-size: auto;
    }

    .subpage-container.post .listNews .posts-content li .thumbnail {
        width: 244px;
        height: 137px;
    }
    .subpage-container.post .listNews .posts-content li .thumbnail img {
        width: 244px;
        height: 137px;
        display: block;
        object-fit: cover;
    }

    .subpage-container.post .listNews .posts-content li .cat-name {
        height: 23px;
        font-size: 14px;
        line-height: 23px;
    }

    .subpage-container.post .listNews .posts-content li .post-item-content {
        margin-left: 8px;
        max-width: 280px;
        width: 280px;
    }

    .subpage-container.post .listNews .posts-content h3 {
        margin-bottom: 30px !important;
    }

    .subpage-container.post .listNews .posts-content li .post-item-title {
        position: relative;
    }

    .subpage-container.post .listNews .posts-content li .post-item-title > p {
        position: absolute;
        max-width: 280px;
        width: 280px;
        top: 100%;
        font-size: 14px;
    }

    .subpage-container.post .listNews .posts-content li .text-content {
        font-size: 14px;
        line-height: 16px;
        padding-left: 7px;
    }

    .subpage-container.post .listNews .posts-content li .text-content::before {
        height: 14px;
        top: 1px;
        width: 3px;
    }

    .subpage-container.post .listNews .posts-content li .time {
        font-size: 14px;
    }

    .subpage-container.post .listNews .action a {
        width: 120px;
    }

    .subpage-container.post .listNews .posts-content li:hover {
        transform: translateX(5px);
    }

    .subpage-container.post .listNews .action a.huong-dan {
        background-position: -320px 0;
        width: 160px;
        background-size: auto;
    }

    .subpage-container.post-detail .breadcrums {
        margin-top: 28px;
    }

    .subpage-container.post-detail .post-data {
        padding: 0;
    }

    .subpage-container.post-detail .breadcrums dl dt,
    .subpage-container.post-detail .breadcrums dl dt a {
        font-size: 14px;
    }

    .subpage-container.post-detail .breadcrums dl {
        gap: 22px;
    }

    .subpage-container.post-detail .breadcrums dl dt:nth-child(3) a::before,
    .subpage-container.post-detail .breadcrums dl dt:nth-child(5)::before {
        left: -6px;
    }

    .subpage-container.post-detail .post-title h1 {
        font-size: 24px;
        margin-top: 18px;
    }

    .subpage-container.post-detail .post-content h1 {
        font-size: 24px;
    }

    .subpage-container.post-detail .post-content {
        font-size: 14px;
    }


    #slideHomeMobile .carousel-indicators button {
        width: 24px;
        height: 24px;
        background: url(../imgs/page-2/btn-carousel.webp) no-repeat;
        background-size: 100% 200%;
        box-sizing: border-box;
        border: none;
        outline: none;
        opacity: unset;
        background-position: bottom;
    }

    #slideHomeMobile .carousel-indicators button:hover,
    #slideHomeMobile .carousel-indicators button.active {
        background-position: top;
    }

    #slideHomeMobile > .carousel-indicators {
        justify-content: flex-end;
        padding-right: 45px;
        padding-bottom: 3px;
    }

    #slideHomeMobile .carousel-item {
        max-height: 142px;
        padding: 12px 10px;
    }

    .error-page h1 {
        font-size: 100px;
        font-weight: bold;
    }

    .error-page span {
        font-size: 20px;
    }

    .wrapper-id > .container {
        padding: 0;
        padding-top: 54px;
    }

    .wrapper-id .user-box .breadcrumb h4:not(.sub-title) {
        font-size: 16px;
    }

    .wrapper-id .row.content .user-box {
        margin-top: 16px;
        min-width: unset;
        width: 100%;
        padding: 0;
    }

    .wrapper-id .row.content .user-box .breadcrumb {
        padding: 0 10px;
    }

    .wrapper-id .row.content .user-box form {
        margin-left: 10px;
    }

    .wrapper-id .row.content {
        padding: 0;
        padding-bottom: 100px;
    }

    .wrapper-id .row.content > :nth-child(1) {
        padding-left: 0;
    }

    .wrapper-id .left-side li a {
        height: 46px;
        width: 227px;
        padding: 10px 0 10px 15px;
        font-size: 17px;
    }

    .wrapper-id .user-box .breadcrumb .sub-title {
        font-size: 28px;
    }

    .wrapper-id form .submit {
        width: 108px;
        height: 51px;
        margin-top: 6px;
    }

    .wrapper-id form input {
        max-width: 310px;
    }

    .wrapper-id .user-table {
        font-size: 16px;
    }
}