:root {
    --footer-bg: #121157;
    --header-bg: #000833;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-weight: 700;
}
tbody,
td,
tfoot,
th,
thead,
tr {
    border-style: groove;
    border-width: 1px;
    padding: 5px
    font-family: 'Roboto', sans-serif;
}
table {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 10px;
}
.slideshow img{
    border-radius: 16px;
}
.slideshow .owl-nav button.owl-next, .slider-dealer-carousel .owl-nav button.owl-next {
    left: auto;
    right: -50px;
}
.owl-carousel .owl-nav button span {
    font-size: 50px;
}
.slideshow .owl-nav button, .slider-dealer-carousel .owl-nav button{
    position: absolute;
    left: -50px;
    top: 40%;
}
.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover{
    background: transparent;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1442px;
}
header img.site-logo {
    max-height: 70px;
    width: auto;
}
a {
    text-decoration: unset;
    color: #ffb121;
}
p a{
    color: #FEB981;
    font-weight: 700;
}
a:hover {
    color: #ffb121;
}
p.wp-caption-text {
    text-align: center;
    margin-top: 12px;
}
img {
    max-width: 100%;
    height: auto;
}
.aligncenter {
    display: block;
    margin: auto;
}
.navbar-toggler:focus {
    box-shadow: unset !important;
    border: 0;
}
.wp-caption {
    max-width: 100% !important;
}
.alignright {
    margin-left: auto;
    display: block;
}
.alignleft {
    margin-right: auto;
    display: block;
}
body {
    font-family: 'Roboto', sans-serif;
    background-color: #050A25;
    color: #e7e7e7;
    font-size: 1.1rem;
}
.bg-color{
    background-color: #050A25;
    padding-left: 12px;
    padding-right: 12px;
}
header {
    background: #000833;
    box-shadow: 2px 4px 8px 4px rgba(0, 0, 0, 0.25);
    position: sticky;
    z-index: 99;
    top: 0;
}
ul#menu-main-menu li a {
     color: #e7e7e7;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    padding: 12px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
}
li.nav-item a.active,
li.nav-item a:hover,
li.menu-item.current-menu-item a,
li.menu-item a.active,
li.menu-item a:hover {
    border-radius: 8px;
    background: #0048FE;
}
footer {
    background: var(--footer-bg);
     color: #e7e7e7;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}
.title-footer {
     color: #e7e7e7;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
footer ul a {
     color: #e7e7e7;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-decoration: unset;
}
footer ul a:hover {
    color: #ffb121;
}
footer ul li {
    margin-bottom: 15px;
}
footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-social {
    display: flex;
    gap: 10px;
    align-items: center;
}
a.logo-footer {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}
.copyright {
    border-top: 1px solid #FFF;
}
.heading-homepage {
     color: #e7e7e7;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.heading-homepage>*>* {
    color: #FFB121;
}
.description-homepage {
     color: #e7e7e7;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
button.slick-prev.slick-arrow:after {
    content: "";
    background: url('../images/left-arrow.svg');
}
button.slick-next.slick-arrow:after {
    content: "";
    background: url('../images/right-arrow.svg');
}
button.slick-prev.slick-arrow:after,
button.slick-next.slick-arrow:after {
    width: 48px;
    height: 48px;
    left: 0;
    right: 0;
    display: flex;
    width: 100%;
}
button.slick-prev.slick-arrow {
    position: absolute;
    left: -80px;
    bottom: 0;
    top: 0;
    margin: auto;
    height: max-content;
    z-index: 9;
    color: transparent;
    background: transparent;
    box-shadow: unset;
    -webkit-appearance: unset;
    border: 0;
    width: 48px;
    height: 48px;
    padding: 0;
}
button.slick-next.slick-arrow {
    top: 0;
    right: -80px;
    bottom: 0;
    margin: auto;
    height: max-content;
    z-index: 9;
    position: absolute;
    color: transparent;
    background: transparent;
    box-shadow: unset;
    -webkit-appearance: unset;
    border: 0;
    width: 48px;
    height: 48px;
    padding: 0;
}
.slider-banner-top ul.slick-dots {
    display: flex !important;
    list-style: none;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    gap: 10px;
    list-style: none;
}
.slider-banner-top ul.slick-dots li button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 360px;
    background: #FFF;
    border: 0;
    box-shadow: unset;
    color: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: flex;
    text-transform: unset;
    font-size: 0;
    line-height: 0;
}
.slider-banner-top ul.slick-dots li.slick-active button {
    background: #0048FE;
    width: 20px !important;
    height: 20px !important;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 0;
    line-height: 0;
}
.item-slider-post .image-box {
    max-width: unset;
}
.slider-banner-top ul.slick-dots li {
    display: flex;
    align-items: center;
    width: 30px !important;
    justify-content: center;
    height: 30px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0;
    line-height: 0;
}
.slider-banner-top ul.slick-dots li.slick-active button:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    left: -5px;
    top: -5px;
    bottom: 0;
    right: 0;
    border-radius: 360px;
    border: 1px solid #0048FE;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul#list-game li a {
     color: #e7e7e7;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 10px 16px;
    text-transform: uppercase;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    background: rgba(60, 56, 255, 0.24);
    padding: 10px 16px;
}

.box-game-homepage .box-image, .lis-instruct .image-instruct {
    border-radius: 16px;
    padding-top: 125%;
    position: relative;
}
.box-game-homepage .box-image img, .lis-instruct .image-instruct img{
        right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    object-position: 50% 50%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.lis-instruct .image-instruct {
    padding-top: 180px;
}
.slider-banner-top .slick-slide img{
    border-radius: 16px;
}
#list-game {
    border-top: 1px solid #79747E;
    border-bottom: 0;
    padding-top: 40px;
    padding-bottom: 30px;
    gap: 10px;
}
.box-image {
    position: relative;
    border-radius: 16px;
    border: 1px solid transparent;
    width: 100%;
}
.box-image img {
    border-radius: 16px;
}
.box-image:hover:after {
    border: 1px solid #0048FE;
    background: rgba(0, 8, 51, 0.50);
    box-shadow: 0px 4px 16px 4px rgba(0, 72, 254, 0.24);
    display: flex;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    border-radius: 16px;
}
.box-game-homepage {
    display: flex;
    flex-direction: column;
}
.list-game-slick .slick-slide {
    padding: 10px;
}
.box-image img {
    width: 100%;
}
.box-btn-game {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    gap: 8px;
    z-index: 2;
    display: none;
}
.box-image:hover .box-btn-game {
    display: flex;
}
.box-btn-game>* {
    padding: 10px 15px;
    width: 80%;
    color: #e7e7e7;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: unset;
}
a.play-now {
    border-radius: 24px;
    border: 1px solid #0048FE;
    background: #050A25;
}
a.play-now:hover,
a.xem-review:hover {
    background: #FFB121;
     color: #e7e7e7;
    border-color: #FFB121;
}
a.xem-review {
    border-radius: 24px;
    background: #0048FE;
}
.box-btn-game>*:hover {
     color: #e7e7e7;
}
.box-game-homepage .title-content-blog {
    -webkit-line-clamp: 1;
}
.title-content-blog {
     color: #e7e7e7;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    margin-top: 15px;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.box-game-homepage .title-content-blog{
    font-size: 18px;
    font-weight: 400;
}
.slick-list.draggable {
    width: 100%;
}
.list-game-slick {
    display: flex !important;
    flex-wrap: wrap;
    gap: 20px;
}
.list-game-slick button.slick-prev.pull-left.slick-arrow {
    order: 2;
    position: unset;
    margin-right: 0;
    height: 40px;
    width: 40px;
    border-radius: 8px;
    border: 1px solid #0048FE;
    background: #000833;
}
.list-game-slick button.slick-next.pull-right.slick-arrow {
    order: 4;
    position: unset;
    margin-left: 0;
    height: 40px;
    width: 40px;
    border-radius: 8px;
    border: 1px solid #0048FE;
    background: #000833;
}
.list-game-slick button.slick-prev.slick-arrow:after,
.list-game-slick button.slick-next.slick-arrow:after {
    height: 40px;
    width: 40px;
    background-size: contain;
}
.list-game-slick ul.slick-dots {
    list-style: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    order: 3;
    height: 40px;
    margin-bottom: 0;
    padding: 0;
}
.list-game-slick ul.slick-dots li button {
    color: #79747E;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    background: transparent;
    border: 0;
    height: 40px;
    display: flex;
    align-items: center;
}
.list-game-slick ul.slick-dots li.slick-active button {
     color: #e7e7e7;
}
.bg-image-bonus {
    position: relative;
}
.box-content-bonus {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
    width: 50%;
}
.content-bonus {
     color: #e7e7e7;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}
.content-bonus span {
    font-family: 'Roboto', sans-serif;
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
}
.content-bonus>* {
    margin-bottom: 0;
}
a.readmore.bonus {
     color: #e7e7e7;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-decoration: unset;
    border-radius: 8px;
    background: #3C38FF;
    padding: 8px 16px;
    display: flex;
    width: max-content;
    margin-top: 10px;
}
a.readmore.bonus:hover {
    background: #FFB121;
     color: #e7e7e7;
}
.title-dealder {
     color: #e7e7e7;
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    padding-top: 40px;
    border-top: 1px solid #fff;
    margin-bottom: 30px;
}
.title-dealder>* {
    color: #0048FE;
}
.post-features {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
}
.image-instruct {
    width: 50%;
}
.post-features>* {
    width: calc(50% - 10px);
}
.image-instruct img {
    border-radius: 16px;
    width: 100%;
}
.post-features .title-content-blog {
    font-size: 20px;
    line-height: 32px;
    /* 160% */
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 15px;
}
.description-blog {
     color: #e7e7e7;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post-related-single .description-blog {
    -webkit-line-clamp: 2;
}
.post-related-single .title-content-blog {
    text-align: left;
}
.lis-instruct {
    border-radius: 16px;
    border: 1px solid #0048FE;
    background: #000833;
    padding: 40px 20px;
    height: 100%;
}
ul.list-post {
    padding-left: 15px;
}
ul.list-post a {
     color: #e7e7e7;
    font-size: 17px;
    font-weight: 700;
    line-height: 32px;
    /* 160% */
    text-decoration: unset;
}
.title-instruct {
     color: #e7e7e7;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 16px;
    border-bottom: 1px solid #79747E;
    margin-bottom: 20px;
}
.slider-dealer .imgage-dealer.slick-slide img {
    margin: auto;
}
.ftwp-in-post#ftwp-container-outer.ftwp-float-none #ftwp-contents {
    min-width: 70%;
}
.slider-dealer .slick-track>* {
    padding: 0 10px;
}
.toplist-game {
    display: flex;
    flex-direction: column;
    background: #000833;
    padding-bottom: 48px;
}
.rank span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 40px;
}
.rank {
    width: 120px;
    text-align: center;
     color: #e7e7e7;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand {
    width: 100px;
}
.brand img {
    border-radius: 16px;
}
.infomation {
    width: calc(100% - 100px - 120px - 100px);
}
.toplist-game>* {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 50px;
    justify-content: center;
    position: relative;
}
.infomation {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.short-description {
    width: calc(100% - 320px);
     color: #e7e7e7;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.head-toplist.item-toplist {
     color: #e7e7e7;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 48px 0 28px;
}
.body-toplist.item-toplist:nth-child(2):after,
.body-toplist.item-toplist:nth-child(3):after,
.body-toplist.item-toplist:nth-child(4):after {
    content: "";
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(255, 177, 33, 0.20) 0%, rgba(255, 177, 33, 0.00) 100%);
    width: 120px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.body-toplist.item-toplist:nth-child(2) .rank span:before,
.body-toplist.item-toplist:nth-child(3) .rank span:before,
.body-toplist.item-toplist:nth-child(4) .rank span:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../images/hot.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
}
.body-toplist.item-toplist:nth-child(3):after {
    background: linear-gradient(90deg, rgba(217, 217, 217, 0.20) 0%, rgba(217, 217, 217, 0.00) 100%);
}
.body-toplist.item-toplist:nth-child(4):after {
    background: linear-gradient(90deg, rgba(255, 77, 61, 0.20) 0%, rgba(255, 77, 61, 0.00) 100%);
}
.body-toplist.item-toplist:nth-child(2):before,
.body-toplist.item-toplist:nth-child(3):before,
.body-toplist.item-toplist:nth-child(4):before {
    content: "";
    border-radius: 8px;
    background: #FFB121;
    width: 4px;
    height: 80px;
    position: absolute;
    left: 0;
    padding: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.body-toplist.item-toplist:nth-child(3):before {
    background: #C2C3C5;
}
.body-toplist.item-toplist:nth-child(4):before {
    background: #FF4D3D;
}
.body-toplist.item-toplist {
    margin-bottom: 10px;
    border-radius: 8px;
    background: #050A25;
    padding: 20px 20px 20px 0;
}
.body-toplist a.play-now,
.body-toplist a.view-review {
    border-radius: 8px;
    background: #3C38FF;
     color: #e7e7e7;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    height: 48px;
    text-decoration: unset;
    gap: 10px;
}
.body-toplist a.view-review:hover,
.body-toplist a.play-now:hover,
.widget-game a.play-game:hover,
.read-more-cat:hover {
    background: #FFB121;
     color: #e7e7e7;
}
.body-toplist a.view-review:hover {
    border-color: #FFB121;
}
.body-toplist a.view-review {
    border: 1px solid #0048FE;
    background: #000833;
}
.btn-toplist {
    display: flex;
    gap: 16px;
}
.head-toplist.item-toplist>* {
    font-size: 16px;
}
.short-description ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.short-description ul li:before {
    content: "";
    background: url(../images/gift.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
}
.short-description ul li {
    display: flex;
    align-items: center;
    padding-left: 34px;
    position: relative;
}
.item-slider-post img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center;
}
.title-icon {
    position: relative;
    padding-left: 20px;
     color: #e7e7e7;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.title-icon:after {
    content: "";
    width: 8px;
    height: 38px;
    position: absolute;
    left: 0;
    background: #0048FE;
}
.item-slider-post .title-content-blog {
     color: #e7e7e7;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}
.right-box.game {
    padding: 40px 24px;
    border-radius: 16px;
    background: #121157;
}
.right-head {
     color: #e7e7e7;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.game-image1 img {
    border-radius: 16px;
}
.game-item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.title-game a {
     color: #e7e7e7;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.widget-game a.play-game {
    border-radius: 8px;
    border: 1px solid #79747E;
    background: #252454;
     color: #e7e7e7;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    text-decoration: unset;
    height: 48px;
}
.widget-game {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: calc(100% - 100px - 10px);
}
.game-image1 {
    width: 100px;
}
.top-list-dealer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.vertical-box {
    border-radius: 16px;
    border: 1px solid #0048FE;
    background: #000833;
    padding: 15px 20px;
    display: flex;
    gap: 20px;
}
.box-content-blog {
    text-align: left;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: calc(100% - 30% - 20px);
}
.image-box {
    max-width: 350px;
    width: 100%;
}
.vertical-box .image-box {
    max-width: 30%;
}
.vertical-box .title-content-blog {
    text-align: left;
    margin-top: 0;
}
nav.rank-math-breadcrumb {
    padding-top: 27px;
}
.image-box img {
    width: 100%;
    object-fit: cover;
    height: max-content;
}
nav.rank-math-breadcrumb p>* {
     color: #e7e7e7;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    /* 128.571% */
}
.box-title-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #79747E;
    margin-bottom: 30px;
    padding-top: 30px;
}
a.read-more-signle {
     color: #e7e7e7;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.pagination .page-item.active .page-link {
    background: transparent;
    border: 0;
     color: #e7e7e7;
}
.pagination .page-link {
    border: 0;
    background: transparent;
    color: #79747E;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}
.page-link:focus,
.pagination .page-link:hover {
    border: 0;
    box-shadow: unset;
     color: #e7e7e7;
    background: transparent;
    border: 0;
}
.post-related-single .image-box {
    max-height: 180px;
    height: 100%;
}
.post-related-single .image-box img {
    border-radius: 16px;
    height: 180px;
    object-fit: cover;
}
nav.rank-math-breadcrumb>p>*:nth-child(1):before {
    content: "";
    background: url(../images/home.svg);
    width: 24px;
    height: 24px;
    display: flex;
}
nav.rank-math-breadcrumb>p>*:nth-child(1) {
    display: flex;
    align-items: center;
    gap: 5px;
}
nav.rank-math-breadcrumb>p {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
nav.rank-math-breadcrumb>p a {
    text-transform: uppercase;
}
nav.rank-math-breadcrumb>p span {
    text-transform: unset;
}
.read-more-cat {
     color: #e7e7e7;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    border-radius: 8px;
    background: #0048FE;
    padding: 10px 16px;
    margin-top: 15px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.landing-page {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.landing-page img {
    width: 100%;
    max-height: 325px;
    height: auto;
    margin: 0 0 15px;
}
.landing-page a {
    max-width: 300px;
    margin: auto;
}
.right-sidebar {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.right-sidebar .vertical-box {
    border: 0;
    padding: 10px 0;
}
.right-sidebar .description-blog {
    -webkit-line-clamp: 2;
}
.right-sidebar .vertical-box .image-box img {
    object-fit: cover;
    height: 100%;
    object-position: center;
}
.post-related-single a {
    display: flex;
    flex-direction: column;
    width: 100%;
}
/****** ADS style************/
button.adclose {
    position: absolute;
    top: 0px;
    right: 0px;
    background: black;
    color: white;
    border: thin white solid;
    transition: 0.2s;
}
ins{
    display: block;
    margin-bottom: 3px !important;
    position: relative;
    margin: auto;
    max-width: 100% !important;
}
ins img{
    width: 100%;
    height: auto;
}
.adscatfish{
    position: fixed; 
    right: 0px; 
    bottom: 2px; 
    width: 100%; 
    text-align: center; 
    z-index:999;
}
.adscatfish ins{
    width: 600px;
}
.adfloat img{
    width: 75px;
}
#blLeft{
    position: fixed; 
    left: 5px; 
    bottom: 5px; 
    z-index: 9999;
    width: 200px;
}
#blRight{
    position: fixed; 
    right: 5px; 
    bottom: 5px; 
    z-index: 9999;
    width: 200px;
}
.modal-dialog {
    max-width: 302px;
    width: 302px;
    margin: 100px auto;
    background: none;
}
.modal-dialog .modal-content{
    background: none;
    border: none;
}
.headerbanner ins img{
    width: 600px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100px !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1420px;
    }
ul.toc_list a {
    color: #000;
}
ul.toc_list a:hover {
    color: #ffb121;
}
#toc_container p.toc_title {
    color: #000;
}
.single .rank-math-breadcrumb span.last{
    display: none;
}
.ajax-load-more-wrap.white .alm-load-more-btn {
    font-weight: bold;
    color: #000 !important;
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}
@media (min-width: 992px) {
    .ads-pc{
    }
    .ads-mb{
        display: none;
    }
    .footer .row .col-lg-4:first-child{
        padding-right: 3%;
    }
}
@media (max-width: 991px) {
    .ads-pc{
        display: none;
    }
    .ads-mb{
        display: block;
    }
    ins img{
        width: 100%;
        height: auto;
    }
    .modal-dialog {
        max-width: 240px;
        width: 240px;
        background: none;
    }
}
@media (max-width: 1199.99px) {
    ul#menu-main-menu li a{
        padding: 12px;
    }
    .body-toplist.item-toplist,
    .toplist-game>* {
        gap: 15px;
    }

    .infomation {
        width: calc(100% - 80px - 100px - 30px);
    }

    .content-bonus {
        font-size: 16px;
        line-height: 22px;
    }

    .content-bonus span {
        font-size: 44px;
        line-height: 60px;
    }

    .right-box.game {
        padding: 20px 12px;
    }

    .rank,
    .body-toplist.item-toplist:nth-child(2):after,
    .body-toplist.item-toplist:nth-child(3):after,
    .body-toplist.item-toplist:nth-child(4):after {
        width: 80px;
    }

    .head-toplist.item-toplist>* {
        font-size: 14px;
    }

    .short-description {
        font-size: 14px;
    }

    .right-head {
        font-size: 20px;
    }

    .widget-game a.play-game {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .right-head {
        font-size: 20px;
    }

    .title-game a {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .widget-game a.play-game {
        width: 170px;
    }

    .navbar-toggler.collapsed .close {
        display: none;
    }

    .navbar-toggler.collapsed .open {
        display: block;
    }

    .navbar-toggler .close {
        display: block;
    }

    .navbar-toggler .open {
        display: none;
    }

    .collapsing {
        transition: unset !important;
    }

    div#navbarSupportedContent {
        position: fixed;
        left: 0;
        top: 55px;
        background: #050A25;
        width: 100%;
        padding: 20px;
        max-width: 100%;
        z-index: 999;
        text-align: center;
    }

    .content-bonus {
        font-size: 16px;
        line-height: 22px;
    }

    .content-bonus span {
        font-size: 40px;
        line-height: 56px;
    }

    .title-content-blog {
        font-size: 16px;
        line-height: normal;
    }

    header {
        height: 55px;
    }

    header img {
        max-height: 50px;
    }

    li.nav-item a.active,
    li.nav-item a:hover,
    li.menu-item.current-menu-item a,
    li.menu-item a.active,
    li.menu-item a:hover {
        background-color: transparent;
    }

    section.top-header {
        display: flex;
        align-items: center;
        height: 55px;
    }

    body#body.show {
        overflow: hidden;
    }

    body#body.show:after {
        content: "";
        background: #00000070;
        position: fixed;
        left: 0;
        height: 100%;
        width: 100%;
        bottom: 0;
    }

    .slider-dealer .slick-track {
        padding: 0 0 0 9%;
    }

    .top-list-dealer {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px;
    }

    .image-banner img {
        width: 100%;
    }
    .title-icon {
        font-size: 20px;
    }
    .title-icon:after {
        height: 25px;
    }
}

@media (max-width: 768px) {
    .head-toplist.item-toplist {
        display: none;
    }

    .rank span {
        justify-content: center;
    }

    .listgame-section {
        background-color: #000833;
    }

    .body-toplist.item-toplist {
        flex-direction: column;
        padding: 0 0 15px 0;
        margin-bottom: 25px;
    }

    .body-toplist.item-toplist>* {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .body-toplist.item-toplist .rank {
        height: 100px;
    }

    .body-toplist.item-toplist .infomation {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 10px;
    }

    .body-toplist.item-toplist:nth-child(2):after,
    .body-toplist.item-toplist:nth-child(3):after,
    .body-toplist.item-toplist:nth-child(4):after {
        width: 100%;
        height: 100px;
    }

    .body-toplist.item-toplist:nth-child(2):before,
    .body-toplist.item-toplist:nth-child(3):before,
    .body-toplist.item-toplist:nth-child(4):before {
        width: 80px;
        height: 4px;
        bottom: unset;
        left: 0;
        right: 0;
    }
    .slider-banner-top ul.slick-dots li{
        width: 48px !important;
        height: 48px !important;
    }
    .body-toplist.item-toplist:nth-child(2):after {
        background: linear-gradient(180deg, rgba(255, 177, 33, 0.20) 0%, rgba(255, 177, 33, 0.00) 100%);
    }

    .body-toplist.item-toplist:nth-child(3):after {
        background: linear-gradient(180deg, rgba(217, 217, 217, 0.20) 0%, rgba(217, 217, 217, 0.00) 100%);
    }

    .body-toplist.item-toplist:nth-child(4):after {
        background: linear-gradient(180deg, rgba(255, 77, 61, 0.20) 0%, rgba(255, 77, 61, 0.00) 100%);
    }

    .brand img {
        width: 96px;
        height: 96px;
        object-fit: contain;
    }

    .body-toplist.item-toplist .infomation>* {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .short-description ul {
        align-items: center;
    }

    .slider-banner-top ul.slick-dots {
        order: 3;
        width: max-content;
        align-items: center;
        justify-content: center;
        height: 30px;
        padding: 0;
    }

    .slider-banner-top {
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .slider-banner-top .slick-list.draggable {
        order: 1;
        margin-bottom: 30px;
    }

    .slider-banner-top button.slick-next.slick-arrow {
        order: 4;
        height: 48px;
        width: 48px;
        padding: 0;
        margin: 0;
    }

    .slider-banner-top button.slick-prev.slick-arrow {
        height: 48px;
        order: 2;
        width: 48px;
        padding: 0;
        margin: 0;
    }

    .slider-banner-top button.slick-next.slick-arrow,
    .slider-banner-top button.slick-prev.slick-arrow,
    .slider-banner-top ul.slick-dots {
        margin: 0;
        position: unset;
    }

    .slider-banner-top button.slick-prev.slick-arrow:after,
    .slider-banner-top button.slick-next.slick-arrow:after {
        height: 48px;
        width: 48px;
        background-size: contain;
    }

    ul.list-post a {
        font-size: 16px;
        line-height: 24px;

    }

    .post-features .title-content-blog {
        font-size: 20px;
        line-height: 24px;
        -webkit-line-clamp: 3;
    }

    .top-list-dealer>* {
        width: 100%;
    }

    .bg-image-bonus img {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .ftwp-in-post#ftwp-container-outer.ftwp-float-none #ftwp-contents {
        min-width: 100%;
    }
    .vertical-box>*,
    .vertical-box .image-box {
        width: 100%;
        max-width: 100%;
    }

    .vertical-box {
        flex-direction: column;
    }

    .slider-dealer .slick-track {
        padding: 0 0 0 14%;
    }

    .post-features {
        flex-direction: column;
    }

    .post-features>* {
        width: 100%;
    }

    .footer {
        text-align: center;
    }

    .logo-footer {
        justify-content: center;
    }

    .footer .list-social {
        justify-content: center;
    }
    a.read-more-signle{
        margin: auto;
    }
}
@media(max-width: 880px){
    .top-header{
        position: relative;
    }
    .top-header .col-3 button{
        position: absolute;
        right: 15px;
        top: 25%;
    }
    .home main.py-4 {
        padding: 10px;
    }

}
@media(max-width: 550px){
    .description-homepage{
        text-align: justify;
    }  
    #list-game{
        gap: 0;
        padding: 30px 0 10px;
    } 
    ul#list-game li a {
        padding: 6px 8px;
        font-size: 12px;
        margin-bottom: 5px;
    }
    ul#list-game li + li{
        margin-left: 6px;
    }
    .homepage-description .pt-5.pb-4.bg-color {
        padding-top: 0px !important;
    }
}
/****** ADS style************/
button.adclose {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #fffffffa;
    border: thin #8ad5fcfa solid;
    color: #8ad5fcfa;
    transition: 0.2s;
}
button.adclose:hover{
	background: #8ad5fcfa;
    color: #fffffffa;
}
ins{
    display: block;
    margin-bottom: 3px !important;
    position: relative;
    margin: auto;
    max-width: 100% !important;
}
ins img{
    width: 100%;
    height: auto;
}
.adscatfish{
	position: fixed; 
	right: 0px; 
	bottom: 2px; 
	width: 100%; 
	text-align: center; 
	z-index:999;
}
.adscatfish ins{
	width: 600px;
}
.adfloat img{
	width: 75px;
	
}
#blLeft{
	position: fixed; 
	left: 5px; 
	bottom: 5px; 
	z-index: 9999;
	width: 200px;
}
#blRight{
	position: fixed; 
	right: 5px; 
	bottom: 5px; 
	z-index: 9999;
	width: 200px;
}
.modal{
    z-index: 9999;
}
.modal-dialog {
    max-width: 302px;
    width: 302px;
    margin: 100px auto;
    background: none;
}
.modal-dialog .modal-content{
	background: none;
	border: none;
}
.headerbanner ins img{
	width: 600px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100px !important;
}
.stick {
    position: fixed;
    top: 10px;
}

.abs {
    position: absolute;
    bottom: 0px;
}

@media (min-width: 992px) {
.ads-pc{
	
}
.ads-mb{
	display: none;
}
}
@media (max-width: 991px) {
.ads-pc{
	display: none;
}
.ads-mb{
	display: block;
}
ins img{
	width: 100%;
	height: auto;
}
.modal-dialog { 
    max-width: 240px;
    width: 240px;
    background: none;
}

}
/********** end ADS style **********/