@use "sass:math";
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

ol,
li {
  list-style: none;
}

@media (min-width: 1920px) {
  .container {
    padding-left: 11.71875vw !important;
    padding-right: 11.71875vw !important;
  }
}

.container {
  overflow: hidden;
}

.container a:hover {
  text-decoration: none;
}

.pr_no {
  padding-right: 0 !important;
}

.container {
  padding-left: 9.15179vw;
  padding-right: 9.15179vw;
}

@media (max-width: 620px) {
  .container {
    padding-left: 3.86473vw;
    padding-right: 3.86473vw;
  }
  .box_news dd.right .post-img *{
    display: block;
    width: 100%;
  }
}

.wrapper_discover {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
}

@media (max-width: 620px) {
  .wrapper_discover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.wrapper_discover p {
  width: 100%;
}

.wrapper_discover .content_banner {
  height: 62.5vw;
}

@media (max-width: 620px) {
  .wrapper_discover .content_banner {
    height: auto;
    margin-bottom: 0;
  }
}

.wrapper_discover .wrapper_Imgdis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 620px) {
  .wrapper_discover .wrapper_Imgdis {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 8.69565vw;
  }
}

.wrapper_discover .wrapper_Imgdis img {
  width: 40.29018vw;
  height: 38.28125vw;
}

@media (max-width: 620px) {
  .wrapper_discover .wrapper_Imgdis img {
    width: 88.16425vw;
    height: auto;
  }
}

.title_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.36719vw;
  margin-top: 7.17076vw;
}

@media (max-width: 620px) {
  .title_main {
    margin-top: 18.84058vw;
    margin-bottom: 4.10628vw;
    flex-wrap: wrap;
  }
}

.box_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 620px) {
  .box_title {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}

.box_title h3 {
  font-weight: 700;
  font-size: 1.5625vw;
  line-height: 1.95312vw;
  color: #000000;
}

@media (max-width: 620px) {
  .box_title h3 {
    font-size: 4.83092vw;
    line-height: 6.03865vw;
  }
}

.box_title .view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.0558vw solid rgba(0, 0, 0, 0.06);
  border-radius: 0.44643vw;
  padding: 0.44643vw 0.72545vw 0.44643vw 0.66964vw;
  margin-left: 1.11607vw;
}

@media (max-width: 620px) {
  .box_title .view {
    border: 0.24155vw solid rgba(0, 0, 0, 0.06);
    border-radius: 1.44928vw;
    padding: 1.44928vw 2.41546vw 1.44928vw 2.89855vw;
    margin-left: 0;
  }
}

.box_title .view img {
  width: 0.89286vw;
  height: 0.89286vw;
}

@media (max-width: 620px) {
  .box_title .view img {
    width: 3.86473vw;
    height: 3.86473vw;
  }
}

.box_title .view span {
  padding-left: 0.55804vw;
  font-weight: 400;
  font-size: 0.83705vw;
  line-height: 1.06027vw;
  color: #000000;
}

@media (max-width: 620px) {
  .box_title .view span {
    padding-left: 2.41546vw;
    font-size: 3.1401vw;
    line-height: 3.86473vw;
  }
}

@media (max-width: 620px) {
  .icon_arrow {
    display: none;
  }
}

.icon_arrow button {
  cursor: pointer;
  background-color: inherit;
  outline: none;
  border: none;
  margin: 0 1.17188vw;
}

.icon_arrow button img {
  width: 0.50223vw;
  height: 1.00446vw;
}

@media (max-width: 620px) {
  .content_game_browse .item {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 620px) {
  .title_browse {
    margin-top: 14.00966vw;
  }
}

.wrapper_content_game {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 1.33929vw;
}
.wrapper_content_game .item:hover,
.wrapper_content_related_multi .item:hover
{
  background: #cccccc70;
}
.wrapper_content_game .item,
.wrapper_content_related_multi .item {
  border: 1px solid #cccccc70;
}

@media (max-width: 620px) {
  .wrapper_content_game {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
  }
  .game-page.wrapper_content_game {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow-x: unset
  }
}

.wrapper_content_game .item {
  margin-bottom: 1.33929vw;
  width: 15.29018vw;
  height: 15.29018vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 620px) {
  .wrapper_content_game .item {
    width: 100%;
    height: 100%;
    margin-bottom: 0vw;
    margin-right: 2.89855vw;
  }
  .game-page.wrapper_content_game .item {
    width: 48%;
    height: 170px;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .game-page.wrapper_content_game .item a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .game-page.wrapper_content_game .item img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
}

.wrapper_content_game .item img {
  max-width: 100%;
  height: 15.29018vw;
  object-fit: contain;
  /* height: auto; */
}

@media (max-width: 620px) {
  .wrapper_content_game .item img {
    height: 34.78261vw;
    width: 34.78261vw;
    max-width: inherit;
  }
}

.wrapper_news {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1.33929vw;
}

@media (max-width: 620px) {
  .wrapper_news {
    display: block;
  }
}

.item_news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.66964vw;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 0.55804vw;
  margin-bottom: 1.33929vw;
}

@media (max-width: 620px) {
  .item_news {
    padding: 1.93237vw;
    border-radius: 2.41546vw;
    margin-bottom: 3.86473vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.item_news .img_news img {
  width: 12.5vw;
  height: 12.5vw;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 620px) {
  .item_news .img_news img {
    width: 100%;
    height: 100%;
  }
}

.item_news .content {
  padding-left: 1.33929vw;
  margin-bottom: auto;
}

@media (max-width: 620px) {
  .item_news .content {
    padding-left: 4.83092vw;
  }
}

.item_news .content h3 {
  font-weight: 600;
  line-height: 1.5;
  color: #000000;
  margin-bottom: 0.44643vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 620px) {
  .item_news .content h3 {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
    margin-bottom: 1.93237vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.item_news .content span {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.33929vw;
  color: #000000;
  opacity: 0.4;
  margin-bottom: 0.44643vw;
}

@media (max-width: 620px) {
  .item_news .content span {
    display: none;
  }
}

.item_news .content p {
  font-weight: 400;
  font-size: 0.93vw;
  line-height: 1.33929vw;
  color: #000000;
  opacity: 0.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-bottom: 0px;
}

@media (max-width: 620px) {
  .item_news .content p {
    font-size: 3.62319vw;
    line-height: 4.83092vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.wrapper_categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
}

.wrapper_categories::-webkit-scrollbar {
  display: none;
}

@media (max-width: 620px) {
  .wrapper_categories {
    overflow-x: scroll;
  }
}

.wrapper_categories .item_categori {
  margin-right: 1.33929vw;
  display: block;
}

@media (max-width: 620px) {
  .wrapper_categories .item_categori {
    margin-right: 3.86473vw;
  }
}

.wrapper_categories .item_categori .img_cate {
  background: #F5F5F5;
  border-radius: 1.67411vw;
  padding: 3.57143vw;
  display: block;
  text-align: center;
}

@media (max-width: 620px) {
  .wrapper_categories .item_categori .img_cate {
    border-radius: 3.86473vw;
    padding: 8.69565vw;
  }
}

.wrapper_categories .item_categori .img_cate img {
  width: 5.35714vw;
  height: 5.35714vw;
}

@media (max-width: 620px) {
  .wrapper_categories .item_categori .img_cate img {
    width: 13.52657vw;
    height: 13.52657vw;
  }
}

.wrapper_categories .item_categori p {
  margin-top: 1.11607vw;
  text-align: center;
  font-weight: 400;
  font-size: 1.03929vw;
  line-height: 1.03929vw;
  color: #000000;
  opacity: 0.8;
}

@media (max-width: 620px) {
  .wrapper_categories .item_categori p {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
    margin-top: 3.86473vw;
  }
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 9.375vw;
  margin-bottom: 1.33929vw;
  gap: 0.44643vw;
}

@media (max-width: 620px) {
  .breadcrumb {
    display: none;
  }
}

.breadcrumb .breadcrumb-item {
  border: 0.0558vw solid rgba(0, 0, 0, 0.06);
  border-radius: 5.58036vw;
  padding: 0.50223vw 1.11607vw;
}

.breadcrumb .breadcrumb-item.active span {
  opacity: 1;
}

.breadcrumb .breadcrumb-item span {
  font-weight: 400;
  font-size: 0.89866vw;
  line-height: 1.22768vw;
  color: #000000;
  opacity: 0.4;
}

.title_page {
  margin-bottom: 5.35714vw;
}

@media (max-width: 620px) {
  .title_page {
    margin-bottom: 8.69565vw;
  }
}

.title_page h1 {
  font-weight: 700;
  font-size: 2.37857vw;
  line-height: 2.90179vw;
  color: #000000;
}

@media (max-width: 620px) {
  .title_page h1 {
    text-align: center;
    font-size: 6.76329vw;
    line-height: 8.45411vw;
  }
}

.wrapper_news_page {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 1fr;
      grid-template-columns: 2fr 1fr;
  grid-column-gap: 1.33929vw;
}

@media (max-width: 620px) {
  .wrapper_news_page {
    display: block;
  }
}

.box_news .article_featured {
  background: rgba(0, 0, 0, 0.03);
  border-radius: 0.55804vw;
  padding: 1.33929vw;
  margin-bottom: 1.33929vw;
}

@media (max-width: 620px) {
  .box_news .article_featured {
    border-radius: 1.93237vw;
    padding: 3.86473vw;
    margin-bottom: 3.86473vw;
  }
}

.box_news .article_featured .img_article {
  margin-bottom: 1.33929vw;
}

@media (max-width: 620px) {
  .box_news .article_featured .img_article {
    margin-bottom: 5.7971vw;
  }
}

.box_news .article_featured .img_article img {
  width: 324px;
  height: 180px;
  object-fit: contain;
}

@media (max-width: 620px) {
  .box_news .article_featured .img_article img {
    height: 49.51691vw;
  }
}

.box_news .article_featured h3 {
  font-weight: 600;
  color: #000000;
  margin-bottom: 0.89286vw;
  font-size: 23px;
  line-height: 1.5;
  max-height: 70px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 620px) {
  .box_news .article_featured h3 {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
    margin-bottom: 1.93237vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.box_news .article_featured p {
  font-weight: 400;
  color: #000000;
  opacity: 0.6;
  font-size: 20px;
  line-height: 1.5;
  max-height: 91px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 0px;
}

@media (max-width: 620px) {
  .box_news .article_featured p {
    font-size: 3.62319vw;
    line-height: 4.83092vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.box_news .item_article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 0.55804vw;
  padding: 1.33929vw;
  margin-bottom: 1.33929vw;
}

@media (max-width: 620px) {
  .box_news .item_article {
    border-radius: 1.93237vw;
    padding: 3.86473vw;
    margin-bottom: 3.86473vw;
  }
}

.box_news .item_article .img_article img {
  width: 12.5vw;
  height: 12.5vw;
  object-fit: contain;
}

@media (max-width: 620px) {
  .box_news .item_article .img_article img {
    width: 24.15459vw;
    height: 24.15459vw;
  }
}

.box_news .item_article .content {
  padding-left: 1.33929vw;
}

@media (max-width: 620px) {
  .box_news .item_article .content {
    padding-left: 5.7971vw;
  }
}

.box_news .item_article .content h3 {
  font-weight: 600;
  font-size: 1.5625vw;
  line-height: 2.00893vw;
  color: #000000;
  margin-bottom: 0.44643vw;
}

@media (max-width: 620px) {
  .box_news .item_article .content h3 {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
    margin-bottom: 1.93237vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.box_news .item_article .content span {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.33929vw;
  margin-bottom: 0.44643vw;
  color: #000000;
  opacity: 0.4;
  display: block;
}

@media (max-width: 620px) {
  .box_news .item_article .content span {
    display: none;
  }
}

.box_news .item_article .content p {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
  opacity: 0.6;
}

@media (max-width: 620px) {
  .box_news .item_article .content p {
    font-size: 3.62319vw;
    line-height: 4.83092vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 620px) {
  .ads_box_it {
    display: none;
  }
}

.ads_box_it .item_img img {
  width: 26.33929vw;
  height: 41.40625vw;
}

.pagination nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.50223vw;
}

@media (max-width: 620px) {
  .pagination nav {
    margin-top: 0.96618vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.pagination a, .pagination span[aria-current="page"], .pagination span[aria-disabled="true"],
.rating_comment_paging > nav > * {
  width: 3.34821vw;
  height: 3.34821vw;
  background: #FFFFFF;
  border: 0.0558vw solid rgba(0, 0, 0, 0.06);
  border-radius: 0.55804vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.44643vw;
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.rating_comment_paging > nav > a {
  cursor: pointer;
}

@media (max-width: 620px) {
  .pagination a, .pagination span[aria-current="page"], .pagination span[aria-disabled="true"] {
    width: 9.66184vw;
    height: 9.66184vw;
    border: 0.24155vw solid rgba(0, 0, 0, 0.06);
    border-radius: 1.93237vw;
    margin: 0 0.96618vw;
    font-weight: 400;
    font-size: 3.62319vw;
    line-height: 5.7971vw;
    margin-bottom: 1.93237vw;
  }
}

.pagination a:hover {
  background: #1790FF;
  border: 0.11161vw solid rgba(0, 0, 0, 0.2);
  color: #fff;
}

@media (max-width: 620px) {
  .pagination a:hover {
    border: 0.48309vw solid rgba(0, 0, 0, 0.2);
  }
}

.pagination a.active {
  background: #1790FF;
  border: 0.11161vw solid rgba(0, 0, 0, 0.2);
  color: #fff;
}

@media (max-width: 620px) {
  .pagination a.active {
    border: 0.48309vw solid rgba(0, 0, 0, 0.2);
  }
}

.pagination a img {
  width: 1.33929vw;
  height: 1.33929vw;
}

@media (max-width: 620px) {
  .pagination a img {
    width: 4.83092vw;
    height: 4.83092vw;
  }
}

.title_Subpage {
  width: 54.01786vw;
  margin-bottom: 3.23661vw;
}

@media (max-width: 620px) {
  .title_Subpage {
    width: 100%;
  }
}

.title_Subpage h1 {
  margin-bottom: 0.89286vw;
}

@media (max-width: 620px) {
  .title_Subpage h1 {
    margin-bottom: 3.86473vw;
    text-align: inherit;
  }
}

.title_Subpage .box_author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.title_Subpage .box_author::after {
  content: '';
  width: 0.22321vw;
  height: 0.22321vw;
  border-radius: 50%;
  background: #D9D9D9;
  position: absolute;
  left: 14.25%;
  top: 45%;
}

@media (max-width: 620px) {
  .title_Subpage .box_author::after {
    width: 0.96618vw;
    height: 0.96618vw;
    left: 35%;
  }
}

.title_Subpage .box_author .ava {
  margin-right: 0.89286vw;
}

@media (max-width: 620px) {
  .title_Subpage .box_author .ava {
    margin-right: 2.41546vw;
  }
}

.title_Subpage .box_author .ava img {
  width: 1.5625vw;
  height: 1.5625vw;
}

@media (max-width: 620px) {
  .title_Subpage .box_author .ava img {
    width: 6.76329vw;
    height: 6.76329vw;
  }
}

.title_Subpage .box_author h6 {
  font-weight: 600;
  font-size: 0.94866vw;
  line-height: 1.33929vw;
  color: #000000;
  margin-right: 1.11607vw;
}

@media (max-width: 620px) {
  .title_Subpage .box_author h6 {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
    margin-right: 4.83092vw;
  }
}

.title_Subpage .box_author span {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.33929vw;
  color: #000000;
  opacity: 0.4;
}

@media (max-width: 620px) {
  .title_Subpage .box_author span {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
  }
}

.topic .thumnail {
  margin-bottom: 1.33929vw;
}

.topic .right .post-img, .topic .right .tac {
  text-align: center;
}

@media (max-width: 620px) {
  .topic .thumnail {
    margin-bottom: 5.7971vw;
  }
}

.topic .thumnail img {
  width: 100%;
  height: 25.11161vw;
  object-fit: contain;
}

@media (max-width: 620px) {
  .topic .thumnail img {
    height: auto;
  }
}

.topic p {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
  margin-bottom: 1.33929vw;
}

@media (max-width: 620px) {
  .topic p {
    font-size: 4.83092vw;
    line-height: 5.7971vw;
    margin-bottom: 3.86473vw;
  }
}

.title_article {
  margin-top: 2.90179vw;
  margin-bottom: 1.33929vw;
}

@media (max-width: 620px) {
  .title_article {
    margin-top: 7.72947vw;
    margin-bottom: 4.34783vw;
  }
}

.title_article h2 {
  font-weight: 700;
  font-size: 1.5625vw;
  line-height: 1.95312vw;
  color: #000000;
}

@media (max-width: 620px) {
  .title_article h2 {
    font-size: 6.76329vw;
    line-height: 8.45411vw;
  }
}

.form_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4.91071vw;
  position: relative;
}

@media (max-width: 620px) {
  .form_search {
    margin-top: 0;
  }
}

.form_search input[type="text"] {
  width: 40.17857vw;
  padding: 2.00893vw 2.12054vw;
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
  background: #F7F7F7;
  border-radius: 5.35714vw;
  outline: none;
  border: none;
}

@media (max-width: 620px) {
  .form_search input[type="text"] {
    width: 100%;
    padding: 3.86473vw 11.5942vw;
    font-weight: 400;
    font-size: 4.83092vw;
    line-height: 5.7971vw;
    border-radius: 23.18841vw;
  }
}

.form_search .search_btn {
  position: absolute;
  background: inherit;
  border: none;
  outline: none;
  top: 1.28348vw;
  right: 27%;
  cursor: pointer;
}

@media (max-width: 620px) {
  .form_search .search_btn {
    top: 1.69082vw;
    right: 8.45411vw;
  }
}

.form_search .search_btn img {
  width: 3.01339vw;
  height: 3.01339vw;
}

@media (max-width: 620px) {
  .form_search .search_btn img {
    width: 10.62802vw;
    height: 10.62802vw;
  }
}

.btn_advSearch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 3.125vw;
}

@media (max-width: 620px) {
  .btn_advSearch {
    margin-top: 8.69565vw;
  }
}

.btn_advSearch button {
  padding: 0.72545vw 0.66964vw;
  background-color: inherit;
  border: 0.0558vw solid rgba(0, 0, 0, 0.1);
  border-radius: 0.44643vw;
  cursor: pointer;
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.22768vw;
  color: #000000;
}

@media (max-width: 620px) {
  .btn_advSearch button {
    padding: 1.93237vw 2.89855vw;
    border: 0.24155vw solid rgba(0, 0, 0, 0.1);
    border-radius: 1.93237vw;
    font-size: 4.10628vw;
    line-height: 5.31401vw;
  }
}

.wrapper_search_tt {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0.0279vw 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0.0279vw 0px rgba(0, 0, 0, 0.1);
  padding: 1.11607vw 0;
  margin-bottom: 1.33929vw;
}

@media (max-width: 620px) {
  .wrapper_search_tt {
    display: none;
  }
}

.mt_0 {
  margin-top: 0 !important;
}

.title_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.title_search .txt:nth-child(1) {
  -webkit-box-flex: .15;
      -ms-flex: .15;
          flex: .15;
}

.title_search .txt:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.title_search .txt:nth-child(3) {
  -webkit-box-flex: .3;
      -ms-flex: .3;
          flex: .3;
}

.title_search .txt:nth-child(4) {
  -webkit-box-flex: .3;
      -ms-flex: .3;
          flex: .3;
}

.title_search .txt:nth-child(5) {
  -webkit-box-flex: .3;
      -ms-flex: .3;
          flex: .3;
}

.title_search .txt:nth-child(6) {
  -webkit-box-flex: .3;
      -ms-flex: .3;
          flex: .3;
}

.title_search .txt span {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
  opacity: 0.4;
}

.item_news {
  height: max-content;
}

.item_news .content h3 {
  font-size: 14px;
}

@media(min-width: 1200px) and (max-width: 1399px){
  .item_news .content h3 {
    height: 42px;
    font-size: 14px;
  }
}

@media (min-width: 1400px) {
  .wrapper_hidden {
    display: none;
  }
  .item_news .content h3 {
    height: 60px;
    font-size: 20px;
  }
  .item_news .content p {
    height: 110px;
  }
}

@media (min-width: 621px) and (max-width: 1024px) {
  .wrapper_hidden {
    display: none;
  }

  .item_news .content h3 {
    font-size: 10px;
  }
  #main-carousel .splide__track {
    height: 240px;
  }
  #thumbnail-carousel .splide__arrows {
    width: 122% !important;
  }
}

@media (max-width: 620px) {
  .hidden_mb {
    display: none;
  }
}

.wrapper_content_search {
  display: none;
  padding-top: 0 !important;
  margin-bottom: 2.00893vw;
}

.wrapper_content_search.active {
  display: block !important;
}

.game_search_result_mobile {
  display: none;
}

@media (max-width: 620px) {
  .wrapper_content_search.active {
    display: none !important;
  }
  .game_search_result_mobile {
    display: block;
  }
}

.wrapper_content_search .box_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FAFAFA;
  border-radius: 0.83705vw;
  padding: 0.66964vw;
  margin-bottom: 0.89286vw;
}

.wrapper_content_search .box_search .item.rank {
  background: #EDEDED;
  border-radius: 0.33482vw;
  height: 5.58036vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrapper_content_search .box_search .item.rank.gold {
  background: #FF9900;
}

.wrapper_content_search .box_search .item.rank.gold span {
  color: #fff;
}

.wrapper_content_search .box_search .item.rank.silver {
  background: #878787;
}

.wrapper_content_search .box_search .item.rank.silver span {
  color: #fff;
}

.wrapper_content_search .box_search .item.rank.brass {
  background: #732E18;
}

.wrapper_content_search .box_search .item.rank.brass span {
  color: #fff;
}

.wrapper_content_search .box_search .item.rank span {
  font-weight: 400;
  font-size: 1.67411vw;
  line-height: 1.22768vw;
  color: #000000;
}

.wrapper_content_search .box_search .item.box_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.66964vw;
}

.wrapper_content_search .box_search .item .ava {
  width: 5.58036vw;
}

.wrapper_content_search .box_search .item .ava img {
  width: 100%;
  height: auto;
}

.wrapper_content_search .box_search .item .title {
  padding-left: 1.33929vw;
  width: 100%;
}

.wrapper_content_search .box_search .item .title h5 {
  font-weight: 700;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
  margin-bottom: 0.44643vw;
}

.wrapper_content_search .box_search .item .title p {
  font-weight: 400;
  font-size: 0.83705vw;
  line-height: 1.22768vw;
  color: #000000;
}

.wrapper_content_search .box_search .item span {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
}

.wrapper_content_search .box_search .item.price span {
  color: #00AB11;
}

.wrapper_content_search .box_search .item .check_buy {
  border: 0.0558vw solid rgba(0, 0, 0, 0.08);
  border-radius: 5.58036vw;
  padding: 0.66964vw 0.89286vw;
  display: inline-block;
}

.wrapper_content_search .box_search .item .check_buy a {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
}

.wrapper_content_search .box_search .item:nth-child(1) {
  -webkit-box-flex: .1;
      -ms-flex: .1;
          flex: .1;
}

.wrapper_content_search .box_search .item:nth-child(2) {
  -webkit-box-flex: 1.1;
      -ms-flex: 1.1;
          flex: 1.1;
}

.wrapper_content_search .box_search .item:nth-child(3) {
  -webkit-box-flex: .3;
      -ms-flex: .3;
          flex: .3;
}

.wrapper_content_search .box_search .item:nth-child(4) {
  -webkit-box-flex: .3;
      -ms-flex: .3;
          flex: .3;
}

.wrapper_content_search .box_search .item:nth-child(5) {
  -webkit-box-flex: .3;
      -ms-flex: .3;
          flex: .3;
}

.wrapper_content_search .box_search .item:nth-child(6) {
  -webkit-box-flex: .28;
      -ms-flex: .28;
          flex: .28;
}

.title_browse_main {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 620px) {
  .title_browse_main {
    display: block;
  }
}

@media (max-width: 620px) {
  .title_browse_main h1 {
    margin-bottom: 3.86473vw;
  }
}

.box_filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 620px) {
  .box_filter {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.box_filter .select_sort {
  position: relative;
}

.box_filter .select_sort::before {
  content: "";
  background-image: url(../assets/images/sort.png);
  width: 0.89286vw;
  height: 0.89286vw;
  display: inline-block;
  background-size: 0.89286vw 0.89286vw;
  position: absolute;
  top: 1.00446vw;
  left: 0.83705vw;
}

@media (max-width: 620px) {
  .box_filter .select_sort::before {
    width: 3.86473vw;
    height: 3.86473vw;
    background-size: 3.86473vw 3.86473vw;
    top: 3.62319vw;
    left: 3.86473vw;
  }
}

.box_filter select {
  border: 0.0558vw solid rgba(0, 0, 0, 0.1);
  border-radius: 0.44643vw;
  outline: none;
  padding: 0.72545vw 1.67411vw 0.72545vw 2.28795vw;
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.22768vw;
  color: #000000;
  margin-right: 1.33929vw;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../assets/images/down.png);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 1.00446vw;
  background-size: 0.89286vw 0.89286vw;
}

@media (max-width: 620px) {
  .box_filter select {
    border: 0.24155vw solid rgba(0, 0, 0, 0.1);
    border-radius: 1.93237vw;
    padding: 2.17391vw 8.9372vw 2.17391vw 9.90338vw;
    font-size: 4.10628vw;
    line-height: 5.31401vw;
    margin-right: 0;
    background-position-x: 95%;
    background-position-y: 3.1401vw;
    background-size: 3.86473vw 3.86473vw;
  }
}

.box_filter select option {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.22768vw;
  color: #000000;
}

@media (max-width: 620px) {
  .box_filter select option {
    font-size: 4.10628vw;
    line-height: 5.31401vw;
  }
}

.box_filter .form_name {
  position: relative;
}

@media (max-width: 620px) {
  .box_filter .form_name {
    display: none;
  }
}

.box_filter .form_name input[type="text"] {
  background: #F7F7F7;
  border-radius: 6px;
  border: none;
  outline: none;
  padding: 0.72545vw 1.11607vw 0.72545vw 2.23214vw;
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.22768vw;
  color: #000000;
}

.box_filter .form_name input[type="text"]::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.22768vw;
  color: #000000;
  opacity: 0.2;
}

.box_filter .form_name input[type="text"]:-ms-input-placeholder {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.22768vw;
  color: #000000;
  opacity: 0.2;
}

.box_filter .form_name input[type="text"]::-ms-input-placeholder {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.22768vw;
  color: #000000;
  opacity: 0.2;
}

.box_filter .form_name input[type="text"]::placeholder {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.22768vw;
  color: #000000;
  opacity: 0.2;
}

.box_filter .form_name .btn_search {
  position: absolute;
  border: none;
  outline: none;
  background-color: inherit;
  left: 0.89286vw;
  top: 0.89286vw;
}

.box_filter .form_name .btn_search img {
  width: 0.89286vw;
  height: 0.89286vw;
}

.wrapper_best_game {
  padding-top: 2.00893vw;
  display: none;
}

.wrapper_best_game.active {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 1.33929vw;
}

@media (max-width: 620px) {
  .wrapper_best_game.active {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow-x: unset;
  }
  .wrapper_best_game .item {
    width: 48%;
    height: 170px;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .wrapper_best_game {
    display: none;
  }
}

.wrapper_tabs {
  padding: 1.33929vw 0;
  margin-top: 1.33929vw;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0.0279vw 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0.0279vw 0px rgba(0, 0, 0, 0.1);
  position: relative;
}

@media (max-width: 620px) {
  .wrapper_tabs {
    padding: 2.89855vw 0;
    margin-top: 3.86473vw;
    -webkit-box-shadow: 0px 0.12077vw 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0.12077vw 0px rgba(0, 0, 0, 0.1);
  }
}

.wrapper_tabs .arrLeft {
  position: absolute;
  top: 45%;
  left: 5%;
}

.wrapper_tabs .arrRight {
  position: absolute;
  top: 45%;
  right: 5%;
}

.tabs_box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
}

.tabs_box::-webkit-scrollbar {
  display: none;
}

@media (max-width: 620px) {
  .tabs_box {
    overflow-x: scroll;
  }
}

.tabs_box .tablinks {
  cursor: pointer;
  background: #FFFFFF;
  border: 0.11161vw solid rgba(0, 0, 0, 0.1);
  border-radius: 0.55804vw;
  padding: 1.33929vw 1.95312vw;
  font-weight: 600;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
  opacity: 0.6;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  margin-right: 0.89286vw;
  white-space: nowrap;
}

@media (max-width: 620px) {
  .tabs_box .tablinks {
    border: 0.48309vw solid rgba(0, 0, 0, 0.1);
    border-radius: 1.93237vw;
    padding: 2.41546vw 3.86473vw;
    font-size: 3.62319vw;
    line-height: 5.7971vw;
    white-space: nowrap;
    margin-right: 2.89855vw;
  }
}

.tabs_box .tablinks:hover {
  background: #1790FF;
  border: 0.11161vw solid rgba(0, 0, 0, 0.2);
  color: #fff;
  opacity: 1;
}

@media (max-width: 620px) {
  .tabs_box .tablinks:hover {
    border: 0.48309vw solid rgba(0, 0, 0, 0.2);
  }
}

.tabs_box .tablinks.active {
  background: #1790FF;
  border: 0.11161vw solid rgba(0, 0, 0, 0.2);
  color: #fff;
  opacity: 1;
}

@media (max-width: 620px) {
  .tabs_box .tablinks.active {
    border: 0.48309vw solid rgba(0, 0, 0, 0.2);
  }
}

.wrapper_title {
  /* display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 1fr;
      grid-template-columns: 2fr 1fr;
  margin-top: 9.375vw;
  grid-column-gap: 1.33929vw; */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 620px) {
  .wrapper_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: 0;
  }
}

.wrapper_title .title_left .breadcrumb {
  margin-top: 0;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main {
    margin-bottom: 9.66184vw;
  }
}

.wrapper_title .title_detail_main .title_h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.89286vw;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .title_h1 {
    margin-bottom: 3.86473vw;
  }
}

.wrapper_title .title_detail_main .title_h1 .point {
  min-width: 2.45536vw;
  width: 2.45536vw;
  height: 2.45536vw;
  border-radius: 50%;
  background: #16C628;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.66964vw;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .title_h1 .point {
    min-width: 9.66184vw;
    width: 9.66184vw;
    height: 9.66184vw;
    margin-right: 2.89855vw;
  }
}

.wrapper_title .title_detail_main .title_h1 .point span {
  font-weight: 700;
  font-size: 1.11607vw;
  line-height: 2.90179vw;
  color: #FFFFFF;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .title_h1 .point span {
    font-size: 3.62319vw;
    line-height: 10.38647vw;
  }
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .title_h1 h1 {
    text-align: inherit;
  }
}

.wrapper_title .title_detail_main .desc {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.45089vw;
  color: #000000;
  width: 40.17857vw;
  margin-bottom: 2.00893vw;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .desc {
    font-size: 2.62319vw;
    line-height: normal;
    width: 100%;
  }
}

.wrapper_title .title_detail_main .func_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .func_box {
    white-space: nowrap;
    overflow-x: scroll;
  }
}

.wrapper_title .title_detail_main .func_box .btn_func {
  margin-right: 1.33929vw;
  background: #FFFFFF;
  border: 0.11161vw solid rgba(0, 0, 0, 0.2);
  border-radius: 0.55804vw;
  padding: 1.11607vw;
  margin-bottom: 2.00893vw;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .func_box .btn_func {
    padding: 1.93237vw;
    border: none;
    border-radius: 21.25604vw;
    margin-bottom: 5.7971vw;
    margin-right: 2.89855vw;
    background: rgba(0, 0, 0, 0.04);
  }
}

.wrapper_title .title_detail_main .func_box .btn_func.buy {
  background: #1790FF;
  padding-left: 2.34375vw;
  padding-right: 2.34375vw;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .func_box .btn_func.buy {
    padding: 2.89855vw 10.86957vw;
  }
}

.wrapper_title .title_detail_main .func_box .btn_func.buy a {
  color: #fff;
  font-weight: 600;
}

.wrapper_title .title_detail_main .func_box .btn_func.buy a img {
  margin-right: 0.66964vw;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .func_box .btn_func.buy a img {
    margin-right: 2.89855vw;
  }
}

.wrapper_title .title_detail_main .func_box .btn_func a {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .func_box .btn_func a {
    font-size: 4.10628vw;
    line-height: 5.31401vw;
  }
}

.wrapper_title .title_detail_main .func_box .btn_func a img {
  width: 1.33929vw;
  height: 1.33929vw;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .func_box .btn_func a img {
    width: 5.7971vw;
    height: 5.7971vw;
  }
}

.wrapper_title .title_detail_main .box_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.78571vw;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .box_info {
    margin-bottom: 3.86473vw;
    white-space: nowrap;
    overflow-x: scroll;
  }
}

.wrapper_title .title_detail_main .box_info .item {
  border: 0.0558vw solid rgba(0, 0, 0, 0.06);
  border-radius: 4.52009vw;
  padding: 1.11607vw 1.33929vw;
  margin-right: 0.66964vw;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .box_info .item {
    border: 0.24155vw solid rgba(0, 0, 0, 0.06);
    border-radius: 19.56522vw;
    padding: 2.41546vw 3.86473vw;
    margin-right: 2.89855vw;
  }
}

.wrapper_title .title_detail_main .box_info .item span {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .box_info .item span {
    font-size: 3.62319vw;
    line-height: 4.83092vw;
  }
}

.wrapper_title .title_detail_main .content_p_ab p {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.22768vw;
  color: #000000;
  margin-bottom: 0.89286vw;
}

@media (max-width: 620px) {
  .wrapper_title .title_detail_main .content_p_ab p {
    background: #F7F7F7;
    border-radius: 3.1401vw;
    padding: 2.89855vw 3.86473vw;
    margin-bottom: 1.93237vw;
    font-size: 3.62319vw;
    line-height: 4.83092vw;
  }
}

@media (max-width: 620px) {
  .wrapper_title .title_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.wrapper_title .title_right .img_main {
  margin-bottom: 1.33929vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 620px) {
  .wrapper_title .title_right .img_main {
    margin-bottom: 5.7971vw;
    display: block !important;
    margin-right: 2.89855vw;
  }
}

.wrapper_title .title_right .img_main img {
  width: 100%;
  height: 26.33929vw;
  border-radius: 0.66964vw;
}

@media (max-width: 620px) {
  .wrapper_title .title_right .img_main img {
    height: 52.21498vw;
    width: 52.21498vw;
    border-radius: 1.3275vw;
  }
}

.wrapper_title .title_right .imgMB {
  margin-left: 2.85749vw;
}

@media (min-width: 1025px) {
  .wrapper_title .title_right .imgMB {
    display: none;
  }
  #main-carousel .splide__track {
    height: 480px;
  }
}

@media (min-width: 621px) and (max-width: 1024px) {
  .wrapper_title .title_right .imgMB {
    display: none;
  }
}

.wrapper_title .title_right .gallery_thumnail {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 620px) {
  .wrapper_title .title_right .gallery_thumnail {
    display: none;
  }
}

.wrapper_title .title_right .gallery_thumnail .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.wrapper_title .title_right .gallery_thumnail .column span {
  position: absolute;
  font-weight: 400;
  font-size: 1.67411vw;
  line-height: 2.12054vw;
  color: #FFFFFF;
}

.wrapper_title .title_right .gallery_thumnail img {
  width: 6.11vw;
  height: 6.11vw;
  border-radius: 0.39062vw;
  margin: 1px;
}

.box_links {
  margin-top: 3.57143vw;
  background: #FFFFFF;
  border-bottom: 0.0558vw solid rgba(0, 0, 0, 0.1);
  padding: 1.33929vw 0;
}

@media (max-width: 620px) {
  .box_links {
    margin-top: 0;
    border-bottom: 0.24155vw solid rgba(0, 0, 0, 0.1);
    padding: 3.86473vw 0;
  }
}

.box_links .content_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 620px) {
  .box_links .content_links {
    white-space: nowrap;
    overflow-x: scroll;
  }
}

.box_links .content_links .item_link {
  margin-right: 0.89286vw;
  background: #FFFFFF;
  border: 0.11161vw solid rgba(0, 0, 0, 0.1);
  border-radius: 0.55804vw;
  padding: 1.33929vw 1.95312vw;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

@media (max-width: 620px) {
  .box_links .content_links .item_link {
    margin-right: 1.93237vw;
    border: none;
    border-radius: 21.25604vw;
    padding: 1.93237vw 3.38164vw;
    background: #F4F4F4;
  }
}

.box_links .content_links .item_link:hover {
  background: #1790FF;
}

.box_links .content_links .item_link:hover a {
  color: #FFFFFF;
  opacity: 1;
}

.box_links .content_links .item_link.activeMenu {
  background: #1790FF;
}

.box_links .content_links .item_link.activeMenu{
  color: #FFFFFF;
  opacity: 1;
}

.box_links .content_links .item_link {
  font-weight: 600;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
  opacity: 0.6;
}

@media (max-width: 620px) {
  .box_links .content_links .item_link {
    font-size: 3.62319vw;
    line-height: 5.7971vw;
    opacity: 0.8;
  }
}

.wrapper_aboutGame {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 1fr;
      grid-template-columns: 2fr 1fr;
  grid-column-gap: 1.33929vw;
  padding-top: 3.0692vw;
}

@media (max-width: 620px) {
  .wrapper_aboutGame {
    display: block;
    padding-top: 9.42029vw;
  }
}

.title_detail {
  margin-top: 4.29688vw;
  margin-bottom: 0.89286vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 620px) {
  .title_detail {
    margin-top: 14.00966vw;
    margin-bottom: 2.89855vw;
  }
}

.about_left .title_main {
  margin-top: 4.29688vw;
  margin-bottom: 0.89286vw;
}

@media (max-width: 620px) {
  .about_left .title_main {
    margin-top: 14.00966vw;
    margin-bottom: 3.38164vw;
  }
}

.about_left .title_main:first-child {
  margin-top: 0;
}

.about_left .content_p .p_sub p {
  margin-bottom: 0;
}

.show_hide_howtoplay {
  display: block;
  margin-top: 0.89286vw;
  text-align: center;
  background: #F7F7F7;
  border-radius: 0.55804vw;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

@media (max-width: 620px) {
  .show_hide_howtoplay {
    margin-top: 3.86473vw;
    border-radius: 2.41546vw;
  }
}

.show_hide_howtoplay:hover {
  background: #1790FF;
}

.show_hide_howtoplay:hover {
  color: #fff;
}

.show_hide_howtoplay {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.45089vw;
  color: #000000;
  display: block;
  padding: 0.83705vw;
}

@media (max-width: 620px) {
  .show_hide_howtoplay {
    font-size: 3.62319vw;
    line-height: 4.83092vw;
    padding: 1.93237vw;
  }
}

.box_videos {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1.33929vw;
}

.item_video iframe {
  width: 100%;
}

@media (max-width: 620px) {
  #game_tab_videos {
    position: relative;
  }
  #game_tab_videos .title_main {
    margin-bottom: 0px !important;
  }
  .box_videos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
    grid-column-gap: 3.86473vw;
    margin: 0px 15px;
  }
  .box_videos .img_video {
    width: 330px;
  }
  .box_videos .img_video iframe {
    height: 240px;
  }
}

.box_videos .item_video span {
  font-weight: 600;
  font-size: 0.94866vw;
  line-height: 1.22768vw;
  color: #000000;
  opacity: 0.4;
  display: block;
  margin-bottom: 0.89286vw;
}

@media (max-width: 620px) {
  .box_videos .item_video span {
    font-size: 3.62319vw;
    line-height: 4.83092vw;
    margin-bottom: 2.89855vw;
  }
}

.box_videos .item_video .img_video {
  margin-bottom: 0.89286vw;
}

@media (max-width: 620px) {
  .box_videos .item_video .img_video {
    margin-bottom: 2.89855vw;
  }
}

.box_videos .item_video .img_video img {
  width: 26.33929vw;
  height: 14.84375vw;
}

@media (max-width: 620px) {
  .box_videos .item_video .img_video img {
    width: 87.92271vw;
    height: 49.51691vw;
  }
}

.box_videos .item_video h3 {
  font-weight: 600;
  font-size: 1.11607vw;
  line-height: 1.78571vw;
  margin-bottom: 0.44643vw;
  color: #000000;
}

@media (max-width: 620px) {
  .box_videos .item_video h3 {
    font-size: 4.10628vw;
    line-height: 5.31401vw;
    margin-bottom: 1.93237vw;
    white-space: break-spaces;
  }
}

.wrapper_price {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 16px;
}

@media (max-width: 620px) {
  .wrapper_price {
    display: block;
  }
}

.wrapper_price .item_price {
  background: #F7F5F4;
  height: 100%;
  border-radius: 4px;
}

@media (max-width: 620px) {
  .wrapper_price .item_price {
    border-radius: 2.41546vw;
    margin-bottom: 2.89855vw;
  }
}

.wrapper_price .item_price .img_brand {
  background: #F0EEED;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  border-top-left-radius: 0.16741vw;
  border-bottom-left-radius: 0.16741vw;
}

.wrapper_price .item_price .img_brand.affiliate {
    padding: 16px;
}

.wrapper_price .item_price .img_brand.affiliate img {
    height: 100%;
    object-fit: contain;
}

@media (max-width: 620px) {
  .wrapper_price .item_price .img_brand {
    padding: 0 6.76329vw;
    border-top-left-radius: 0.72464vw;
    border-bottom-left-radius: 0.72464vw;
  }
}

/* @media (max-width: 620px) { */
/*   .wrapper_price .item_price .img_brand img:first-child { */
/*     width: 24.87923vw; */
/*     height: 9.66184vw; */
/*   } */
/* } */

/* .wrapper_price .item_price .img_brand img:last-child { */
/*   width: 6.80804vw; */
/*   height: 2.73047vw; */
/* } */

.wrapper_price .item_price .content {
  text-align: center;
  width: 100%;
  padding: 16px 8px 32px;
}

.item-price-note {
    margin-top: 8px;
    font-size: 14px;
}

.wrapper_price .item_price .content p {
  font-weight: 600;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  margin-bottom: 0.44643vw;
  color: #000000;
}

@media (max-width: 620px) {
  .wrapper_price .item_price .content p {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
    margin-bottom: 0.72464vw;
  }
}

.wrapper_price .item_price .content span {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
}

@media (max-width: 620px) {
  .wrapper_price .item_price .content span {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
  }
}

.about_right {
  border-radius: 1.11607vw;
  height: max-content;
}

.about_right_top {
  background: #F7F7F7;
  padding: 1.33929vw;
}

.about_right .title_about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about_right .title_about .ic_ab {
  width: 2.00893vw;
  height: 2.00893vw;
  background: #339DFF;
  border-radius: 2.06473vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.about_right .title_about .ic_ab img {
  width: 1.11607vw;
  height: 1.11607vw;
}

.about_right .title_about h4 {
  font-weight: 700;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
  padding-left: 0.72545vw;
}

.about_right .tt_sub {
  margin-top: 2.00893vw;
  font-weight: 600;
  font-size: 0.94866vw;
  line-height: 1.33929vw;
  color: #000000;
  opacity: 0.6;
  margin-bottom: 0.44643vw;
  text-transform: capitalize;
}

.about_right .content li {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 0.55804vw;
  padding: 0.89286vw 1.11607vw;
  margin-bottom: 0.44643vw;
  display: table;
}

.about_right .content li span {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.33929vw;
  color: #000000;
}

/* .wrapper_content_related {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1.33929vw;
} */

@media (max-width: 620px) {
  .wrapper_content_related {
    /* grid-column-gap: 2.89855vw; */
    overflow-x: scroll;
  }
}

.wrapper_content_related .item .img_it {
  margin-bottom: 0.66964vw;
}

@media (max-width: 620px) {
  .wrapper_content_related .item .img_it {
    margin-bottom: 2.89855vw;
  }
  .item_news .img_news {
    width: 390px;
    height: 80px;
    object-fit: cover;
  }
}

/* .wrapper_content_related .item .img_it img {
  width: 19.41964vw;
  height: 19.41964vw;
} */

.wrapper_content_related .item h4, .wrapper_content_suggested .item h4 {
  font-weight: 600;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
}

@media (max-width: 620px) {
  .wrapper_content_related .item h4 {
    display: none;
  }
}

.wrapper_content_related_multi {
  scroll-snap-type: y mandatory;
  display: flex;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  gap: 1rem;
}


.wrapper_content_related_multi div.child {
  min-width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  overflow: hidden;
  height: max-content;
  scroll-behavior: smooth;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
  scroll-snap-align: start;
  position: relative;
  column-gap: 1rem;
}

.wrapper_content_related_multi div.child .item {
  position: relative;
}

.wrapper_content_related_multi div.child .img_it {
  display: block;
  width: 100%;
  position: relative;
}
.wrapper_content_related_multi div.child .img_it img{
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
}

@media (max-width: 620px) {
  .wrapper_content_related_multi {
    overflow: scroll;
  }
  .wrapper_content_related_multi div.child {
    /* grid-column-gap: 2.89855vw; */
    overflow-x: scroll;
    grid-template-columns: 1fr 1fr;
  }
}

.wrapper_content_related_multi div.child .item .img_it {
  margin-bottom: 0.66964vw;
}

@media (max-width: 620px) {
  .wrapper_content_related_multi div.child .item .img_it {
    margin-bottom: 2.89855vw;
  }
}

.wrapper_content_related_multi div.child .item h4, .wrapper_content_suggested .item h4 {
  font-weight: 600;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
}

@media (max-width: 620px) {
  .wrapper_content_related_multi div.child .item h4 {
    display: none;
  }
}

.wrapper_rating {
  /* display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 1fr;
      grid-template-columns: 2fr 1fr;
  grid-column-gap: 1.33929vw; */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 620px) {
  .wrapper_rating {
    display: block;
  }
}

.rating_mb {
  display: block;
}

@media (min-width: 1025px) {
  .rating_mb {
    display: none;
  }
}

@media (min-width: 621px) and (max-width: 1024px) {
  .rating_mb {
    display: none;
  }
}

@media (max-width: 620px) {
  .hidden_mb {
    display: none;
  }
}

.rating_left .item_rate {
  background: #F7F7F7;
  border-radius: 1.11607vw;
  margin-bottom: 1.33929vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          /* justify-content: space-between; */
}

@media (max-width: 620px) {
  .rating_left .item_rate {
    border-radius: 4.83092vw;
    margin-bottom: 3.86473vw;
    background: #F0F0F0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.rating_left .item_rate .left_content {
  background: #F0F0F0;
  padding: 2.00893vw;
  border-top-left-radius: 1.11607vw;
  border-bottom-left-radius: 1.11607vw;
}

@media (max-width: 620px) {
  .rating_left .item_rate .left_content {
    padding: 3.86473vw;
    border-top-left-radius: 4.83092vw;
    border-bottom-left-radius: 4.83092vw;
  }
}

.rating_left .item_rate .number {
  width: 3.34821vw;
  height: 3.34821vw;
  border-radius: 50%;
  background: #16C628;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 620px) {
  .rating_left .item_rate .number {
    width: 9.66184vw;
    height: 9.66184vw;
  }
}

.rating_left .item_rate .number span {
  font-weight: 700;
  font-size: 1.45089vw;
  line-height: 1.78571vw;
  color: #FFFFFF;
}

@media (max-width: 620px) {
  .rating_left .item_rate .number span {
    font-size: 4.10628vw;
    line-height: 5.07246vw;
  }
}

.rating_left .item_rate .number.bad {
  background: #FF2F2F;
}

.rating_left .item_rate .number.medium {
  background: #FF9900;
}

.rating_left .item_rate .content {
  padding: 2.00893vw;
  flex: 1;
}

@media (max-width: 620px) {
  .rating_left .item_rate .content {
    padding: 3.86473vw 3.86473vw 3.86473vw 0;
  }
}

.rating_left .item_rate .content .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.66964vw;
}

@media (max-width: 620px) {
  .rating_left .item_rate .content .heading {
    margin-bottom: 2.89855vw;
    white-space: nowrap;
  }
}

.rating_left .item_rate .content .heading h5 {
  font-weight: 700;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
}

@media (max-width: 620px) {
  .rating_left .item_rate .content .heading h5 {
    font-size: 4.83092vw;
    line-height: 5.7971vw;
  }
}

.rating_left .item_rate .content .heading .infor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 620px) {
  .rating_left .item_rate .content .heading .infor {
    margin-left: 1.93237vw;
    overflow-x: scroll;
    white-space: nowrap;
    width: 28.98551vw;
  }
}

.rating_left .item_rate .content .heading .infor::after {
  content: '';
  width: 0.22321vw;
  height: 0.22321vw;
  border-radius: 50%;
  background: #C4C4C4;
  position: absolute;
  top: 45%;
  left: 50%;
}

@media (max-width: 620px) {
  .rating_left .item_rate .content .heading .infor::after {
    display: none;
  }
}

.rating_left .item_rate .content .heading .infor p {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 3.29241vw;
  padding: 0.11161vw 0.72545vw;
  font-weight: 400;
  font-size: 0.83705vw;
  line-height: 1.11607vw;
  color: #000000;
  margin-right: 1.11607vw;
}

@media (max-width: 620px) {
  .rating_left .item_rate .content .heading .infor p {
    border-radius: 14.25121vw;
    padding: 0.48309vw 3.1401vw;
    font-size: 3.62319vw;
    line-height: 4.83092vw;
    margin-right: 1.93237vw;
  }
}

.rating_left .item_rate .content .heading .infor span {
  font-weight: 400;
  font-size: 0.83705vw;
  line-height: 1.11607vw;
  color: #000000;
  opacity: 0.6;
}

@media (max-width: 620px) {
  .rating_left .item_rate .content .heading .infor span {
    font-size: 3.62319vw;
    line-height: 4.83092vw;
  }
}

.rating_left .item_rate .content p {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.45089vw;
  color: #000000;
  opacity: 0.8;
}

@media (max-width: 620px) {
  .rating_left .item_rate .content p {
    font-size: 3.62319vw;
    line-height: 4.83092vw;
    opacity: 1;
  }
}

.rating_right {
  padding: 1.33929vw;
  background: #F7F7F7;
  border-radius: 1.11607vw;
  height: max-content;
  margin-top: 7.97991vw;
}

@media (max-width: 620px) {
  .rating_right {
    background: inherit;
    height: inherit;
    margin-top: 8.69565vw;
    border-radius: inherit;
    padding: 0;
  }
}

.rating_right .total_rate {
  background: #16C628;
  border-radius: 0.44643vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 3.23661vw;
  padding-bottom: 2.79018vw;
  margin-bottom: 1.33929vw;
}

@media (max-width: 620px) {
  .rating_right .total_rate {
    border-radius: 4.83092vw;
    padding-top: 8.69565vw;
    padding-bottom: 8.69565vw;
    margin-bottom: 8.69565vw;
  }
}

.rating_right .total_rate h6 {
  font-weight: 700;
  font-size: 4.24107vw;
  line-height: 3.57143vw;
  color: #FFFFFF;
  margin-bottom: 0.66964vw;
}

@media (max-width: 620px) {
  .rating_right .total_rate h6 {
    font-size: 12.84671vw;
    line-height: 10.86957vw;
    margin-bottom: 1.97826vw;
  }
}

.rating_right .total_rate p {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.33929vw;
  color: #FFFFFF;
}

@media (max-width: 620px) {
  .rating_right .total_rate p {
    font-size: 2.8736vw;
    line-height: 4.10628vw;
  }
}

.rating_right .box_rate {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1.33929vw;
}

@media (max-width: 620px) {
  .rating_right .box_rate {
    /* grid-column-gap: 3.86473vw; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .rating_right .box_rate .item_box {
    width: 48%;
  }
}

.rating_right .box_rate .item_box .item {
  margin-bottom: 1.33929vw;
  padding: 0.66964vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 5.58036vw;
  cursor: pointer;
}

@media (max-width: 620px) {
  .rating_right .box_rate .item_box .item {
    border-radius: 24.15459vw;
    /* margin-bottom: 5.7971vw;
    padding: 2.89855vw; */
    margin-bottom: 15px;
    padding: 5px;
  }
}

.rating_right .box_rate .item_box .item .point {
  min-width: 2.45536vw;
  height: 2.45536vw;
  border-radius: 50%;
  background: #16C628;
  display: inline-block;
  margin-right: 0.66964vw;
  line-height: 0;
  text-align: center;
}

@media (max-width: 620px) {
  .rating_right .box_rate .item_box .item .point {
    /* width: 10.62802vw;
    height: 10.62802vw; */
    width: 35px;
    height: 35px;
    margin-right: 3.86473vw;
  }
}

.rating_right .box_rate .item_box .item .point span {
  font-weight: 700;
  font-size: 1.11607vw;
  color: #FFFFFF;
  display: inline-block;
}

@media (max-width: 620px) {
  .rating_right .box_rate .item_box .item .point span {
    font-size: 4.83092vw;
    /* line-height: 12.56039vw; */
    line-height: 35px;
  }
}

.rating_right .box_rate .item_box .item .point.bad {
  background: #FF2F2F;
}

.rating_right .box_rate .item_box .item .point.medium {
  background: #FF9900;
}

.rating_right .box_rate .item_box .item p {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.45089vw;
  color: #000000;
}

@media (max-width: 620px) {
  .rating_right .box_rate .item_box .item p {
    /* font-size: 4.83092vw;
    line-height: 6.28019vw;
    white-space: nowrap; */
    font-size: 14px;
    margin-bottom: 0px;
  }
}

.title_mt {
  margin-top: 0;
  margin-bottom: 0.89286vw;
}

@media (max-width: 620px) {
  .title_mt {
    margin-bottom: 3.38164vw;
    margin-top: 14.25121vw;
  }
}

@media (max-width: 620px) {
  .mt_0 {
    margin-top: 0;
  }
}

.about_compare {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1.33929vw;
  padding-top: 3.125vw;
}

@media (max-width: 620px) {
  .about_compare {
    display: block;
    padding-top: 0;
  }
}

@media (max-width: 620px) {
  .box_link_compare {
    display: none;
  }
}

.about_game .content_p {
  height: 8.37054vw;
  overflow: hidden;
}

.about_game .content_p.more {
  height: auto;
}

@media (max-width: 620px) {
  .about_game .content_p {
    height: 38.64734vw;
  }
}

.about_game p {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.45089vw;
  color: #000000;
  margin-bottom: 1.45089vw;
}

@media (max-width: 620px) {
  .about_game p {
    font-size: 3.62319vw;
    line-height: 4.83092vw;
    margin-bottom: 2.89855vw;
  }
}

.about_buy {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1.33929vw;
}

@media (max-width: 620px) {
  .about_buy {
    display: block;
  }
}

.box_buy {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1.33929vw;
}

@media (max-width: 620px) {
  .box_buy {
    display: block;
  }
}

.box_buy .item_buy {
  width: 100%;
  background: #F7F7F7;
  border-radius: 0.55804vw;
}

@media (max-width: 620px) {
  .box_buy .item_buy {
    border-radius: 2.41546vw;
    background: #F7F5F4;
    margin-bottom: 2.89855vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.box_buy .item_buy .img_thumnail {
  background: #F0F0F0;
  border-top-left-radius: 0.16741vw;
  border-top-right-radius: 0.16741vw;
  height: 7.14286vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 620px) {
  .box_buy .item_buy .img_thumnail {
    height: 24.15459vw;
    border-top-left-radius: 0.72464vw;
    border-top-right-radius: 0.72464vw;
    padding: 0 6.76329vw;
  }
}

.box_buy .item_buy .img_thumnail img {
  width: 7.1808vw;
  height: 2.16406vw;
}

@media (max-width: 620px) {
  .box_buy .item_buy .img_thumnail img {
    width: 24.87923vw;
    height: 9.66184vw;
  }
}

.box_buy .item_buy .content {
  padding: 1.95312vw 0;
  text-align: center;
  width: 100%;
}

@media (max-width: 620px) {
  .box_buy .item_buy .content {
    padding: 5.91787vw 0;
  }
}

.box_buy .item_buy .content p {
  font-weight: 600;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
  margin-bottom: 0.44643vw;
}

@media (max-width: 620px) {
  .box_buy .item_buy .content p {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
    margin-bottom: 0.72464vw;
  }
}

.box_buy .item_buy .content span {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
}

@media (max-width: 620px) {
  .box_buy .item_buy .content span {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
  }
}

.mt_3 {
  margin-top: 4.24107vw;
  margin-bottom: 1.33929vw;
}

@media (max-width: 620px) {
  .mt_3 {
    margin-top: 14.25121vw;
    margin-bottom: 6.28019vw;
  }
}

.df_img {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1.33929vw;
  margin-top: 5.02232vw;
}

@media (max-width: 620px) {
  .df_img {
    grid-column-gap: 3.86473vw;
    margin-top: 0;
  }
}

.title_compare {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.15fr;
      grid-template-columns: 1fr 1.15fr;
}

@media (max-width: 620px) {
  .title_compare {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media (max-width: 620px) {
  .title_compare .title_detail_main .func_box {
    display: none;
  }
}

.title_compare .box_imgCP {
  position: relative;
}

.title_compare .box_imgCP:first-child {
  margin-top: 5.35714vw;
}

@media (max-width: 620px) {
  .title_compare .box_imgCP:first-child {
    margin-top: 0;
  }
}

.title_compare .box_imgCP .img_main img {
  width: 19.41964vw;
  height: 19.41964vw;
}

@media (max-width: 620px) {
  .title_compare .box_imgCP .img_main img {
    width: 44.2029vw;
    height: 44.2029vw;
  }
}

.title_compare .box_imgCP .number {
  width: 2.45536vw;
  height: 2.45536vw;
  border-radius: 50%;
  background: #16C628;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 1.33929vw;
  right: 1.67411vw;
}

@media (max-width: 620px) {
  .title_compare .box_imgCP .number {
    width: 9.66184vw;
    height: 9.66184vw;
    top: 2.89855vw;
    right: 2.89855vw;
  }
}

.title_compare .box_imgCP .number span {
  font-weight: 700;
  font-size: 1.11607vw;
  line-height: 2.90179vw;
  color: #FFFFFF;
}

@media (max-width: 620px) {
  .title_compare .box_imgCP .number span {
    font-size: 3.62319vw;
    line-height: 10.38647vw;
  }
}

.txt_vs {
  font-weight: 400;
  font-size: 2.67857vw;
  line-height: 2.90179vw;
  color: #000000;
  opacity: 0.4;
}

@media (max-width: 620px) {
  .txt_vs {
    font-size: 6.76329vw;
    line-height: 8.45411vw;
    font-weight: 700;
  }
}

.wrapper_content_compared .title_cp {
  text-align: center;
}

@media (min-width: 1025px) {
  .wrapper_content_compared .title_cp {
    display: none;
  }
}

@media (min-width: 621px) and (max-width: 1024px) {
  .wrapper_content_compared .title_cp {
    display: none;
  }
}

.wrapper_content_compared .title_cp h5 {
  font-weight: 600;
  font-size: 3.62319vw;
  line-height: 4.83092vw;
  margin-bottom: 2.89855vw;
  color: #000000;
}

.wrapper_content_compared .box_compared {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 0.55804vw;
  margin-bottom: 0.55804vw;
}

@media (max-width: 620px) {
  .wrapper_content_compared .box_compared {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 3.86473vw;
    margin-bottom: 6.76329vw;
  }
}

.wrapper_content_compared .box_compared .cp_cricle {
  background: #1790FF;
  width: 2.79018vw;
  height: 2.79018vw;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrapper_content_compared .box_compared .cp_cricle span {
  font-style: italic;
  font-weight: 800;
  font-size: 0.89286vw;
  line-height: 1.33929vw;
  color: #FFFFFF;
}

.wrapper_content_compared .box_compared .item_cp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.45089vw;
  height: 4.24107vw;
  background: #F7F7F7;
  border-radius: 0.55804vw;
  text-align: center;
}

@media (max-width: 620px) {
  .wrapper_content_compared .box_compared .item_cp {
    padding: 2.89855vw 1.20773vw;
    height: inherit;
    background: #F5F5F5;
    border-radius: 0.96618vw;
  }
}

@media (max-width: 620px) {
  .wrapper_content_compared .box_compared .item_cp.hidden_mb {
    display: none;
  }
}

.wrapper_content_compared .box_compared .item_cp.tt p {
  font-weight: 700;
}

@media (max-width: 620px) {
  .wrapper_content_compared .box_compared .item_cp.tt p {
    font-weight: 400;
  }
}

.wrapper_content_compared .box_compared .item_cp p {
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
}

@media (max-width: 620px) {
  .wrapper_content_compared .box_compared .item_cp p {
    font-size: 3.62319vw;
    line-height: 4.83092vw;
  }
}

.opacity_cp {
  opacity: .23;
}

.form_advance {
  margin-top: 1.67411vw;
  display: none;
}

.form_advance.activeSearch {
  display: block;
}

@media (max-width: 620px) {
  .form_advance {
    margin-top: 5.7971vw;
  }
}

.form_advance .form_row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1.33929vw;
}

@media (max-width: 620px) {
  .form_advance .form_row {
    display: block;
  }
}

.form_advance .form_row .form_control {
  margin-bottom: 1.5067vw;
  position: relative;
}

@media (max-width: 620px) {
  .form_advance .form_row .form_control {
    margin-bottom: 4.83092vw;
  }
}

.form_advance .form_row .form_control .btn_apply {
  width: 100%;
  padding: 1.11607vw;
  background: #1790FF;
  border: 0.11161vw solid rgba(0, 0, 0, 0.2);
  border-radius: 0.55804vw;
  font-weight: 600;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}

.form_advance .form_row .form_control .btn_reset {
  width: 100%;
  padding: 1.11607vw;
  background: #fff;
  border: 0.11161vw solid rgba(136, 136, 136, 0.2);
  border-radius: 0.55804vw;
  font-weight: 600;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  text-align: center;
  color: #1790FF;
  cursor: pointer;
  margin-right: 15px;
}

@media (max-width: 620px) {
  .form_advance .form_row .form_control .btn_apply {
    padding: 4.83092vw;
    border: 0.48309vw solid rgba(0, 0, 0, 0.2);
    border-radius: 2.41546vw;
    font-size: 4.83092vw;
    line-height: 5.7971vw;
  }
  .form_advance .form_row .form_control .btn_reset {
    display: block;
    padding: 4.83092vw;
    border: 0.11161vw solid rgba(136, 136, 136, 0.2);
    border-radius: 2.41546vw;
    font-size: 4.83092vw;
    line-height: 5.7971vw;
    margin-right: 0px;
    margin-bottom: 15px;
  }
}

.form_advance .form_row .form_control label {
  display: block;
  font-weight: 400;
  font-size: 0.83705vw;
  line-height: 1.00446vw;
  color: #000000;
  background-color: #fff;
  padding: 0.16741vw 0.44643vw;
  position: absolute;
  left: 1.33929vw;
  top: -0.66964vw;
}

@media (max-width: 620px) {
  .form_advance .form_row .form_control label {
    font-size: 3.62319vw;
    line-height: 4.34783vw;
    padding: 0.72464vw 1.93237vw;
    left: 5.7971vw;
    top: -2.89855vw;
  }
}

.form_advance .form_row .form_control input[type="text"] {
  width: 100%;
  border: 0.0558vw solid rgba(0, 0, 0, 0.1);
  border-radius: 0.89286vw;
  background-color: #fff;
  outline: none;
  padding: 1.11607vw 1.33929vw;
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.33929vw;
  color: #000000;
}

@media (max-width: 620px) {
  .form_advance .form_row .form_control input[type="text"] {
    padding: 4.83092vw 5.7971vw;
    font-size: 4.10628vw;
    line-height: 5.7971vw;
    border: 0.24155vw solid rgba(0, 0, 0, 0.1);
    border-radius: 3.86473vw;
  }
}

.form_advance .form_row .form_control input[type="text"]::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.33929vw;
  opacity: .4;
  color: #000000;
}

.form_advance .form_row .form_control input[type="text"]:-ms-input-placeholder {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.33929vw;
  opacity: .4;
  color: #000000;
}

.form_advance .form_row .form_control input[type="text"]::-ms-input-placeholder {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.33929vw;
  opacity: .4;
  color: #000000;
}

.form_advance .form_row .form_control input[type="text"]::placeholder {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.33929vw;
  opacity: .4;
  color: #000000;
}

@media (max-width: 620px) {
  .form_advance .form_row .form_control input[type="text"]::-webkit-input-placeholder {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
  }
  .form_advance .form_row .form_control input[type="text"]:-ms-input-placeholder {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
  }
  .form_advance .form_row .form_control input[type="text"]::-ms-input-placeholder {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
  }
  .form_advance .form_row .form_control input[type="text"]::placeholder {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
  }
}

.form_advance .form_row .form_control select {
  width: 100%;
  border: 0.0558vw solid rgba(0, 0, 0, 0.1);
  border-radius: 0.89286vw;
  background-color: #fff;
  outline: none;
  padding: 1.11607vw 1.33929vw;
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.33929vw;
  color: #000000;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../assets/images/down1.png);
  background-repeat: no-repeat;
  background-position-x: 85%;
  background-position-y: 1.00446vw;
  background-size: 1.33929vw 1.33929vw;
}

@media (max-width: 620px) {
  .form_advance .form_row .form_control select {
    background-position-y: 4.34783vw;
    background-size: 5.7971vw 5.7971vw;
    border: 0.24155vw solid rgba(0, 0, 0, 0.1);
    border-radius: 3.86473vw;
    padding: 4.83092vw 5.7971vw;
    font-size: 4.10628vw;
    line-height: 5.7971vw;
  }
}

.form_advance .form_row .form_control select option {
  font-weight: 400;
  font-size: 0.94866vw;
  line-height: 1.33929vw;
  color: #000000;
}

@media (max-width: 620px) {
  .form_advance .form_row .form_control select option {
    font-size: 4.10628vw;
    line-height: 5.7971vw;
  }
}

.form_advance .form_row .form_control .wrapper_select {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-column-gap: 0.66964vw;
}

@media (max-width: 620px) {
  .form_advance .form_row .form_control .wrapper_select {
    grid-column-gap: 2.89855vw;
  }
}

.mySlides {
  display: none;
}

.demo {
  opacity: 0.6;
}

.demo.active {
  opacity: 1;
}

.demo:hover {
  opacity: 1;
}
.page-pt {
  padding-top: 40px;
}
.wrapper_all_categories {
  grid-template-columns: repeat(5, 1fr);
    display: grid;
}
.wrapper_all_categories a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
}
@media (max-width: 620px) {
  .wrapper_all_categories {
    grid-template-columns: repeat(2, 1fr);
  }
  #game_tab_videos .icon_arrow {
    display: flex;
    position: absolute;
    top: 55%;
    width: 108%;
    justify-content: space-between;
    left: -12px;
  }
  .about_right {
    margin: 30px 0px;
  }
  .about_right .title_about .ic_ab {
    width: 24px;
    height: 24px;
  }
  .about_right .title_about .ic_ab img{
    height: 15px;
    width: 15px;
  }
  .about_right .title_about h4 {
    font-size: 20px;
    line-height: 1;
  }
  .about_right .tt_sub {
    font-size: 16px;
    margin-top: 25px;
    line-height: 1;
  }
  .about_right ul.content {
    margin: 10px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
  }
  .about_right .content li {
    margin: 0px 2px;
    display: block;
  }
  .about_right .content li span{
    font-size: 14px;
    padding: 0px 4px;
  }
  .ranking_search_ttl {
    display: block;
  }
  .ranking_search_ttl .title_search .txt span {
    font-size: 10px;
    line-height: 1;
  }
  .ranking_search_ttl .title_search .txt:first-child {
    width: 30px;
    margin-right: 10px;
  }
  .ranking_search_ttl .title_search .txt:nth-child(3),
  .ranking_search_ttl .title_search .txt:nth-child(4){
    text-align: center;
  }
  .ranking_wrapper .box_search .item {
    height: 55px !important;
    margin-right: 5px;
  }
  .ranking_wrapper .box_search {
    display: flex;
    width: 100%;
  }
  .ranking_wrapper .box_search .item:nth-child(2) {
    height: max-content;
  }
  .ranking_wrapper .box_search .item.rank span {
    font-size: 14px;
    line-height: 1;
    width: 30px;
    text-align: center;
  }
  .ranking_wrapper .box_search .item .ava img {
    width: 55px;
    height: 55px;
    object-fit: contain;
  }
  .ranking_wrapper .box_search .item .ava {
    width: max-content;
  }
  .ranking_wrapper .box_search .item .title p {
    font-size: 8px;
    line-height: 1;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .ranking_wrapper .box_search .item .title h5 {
    font-size: 10px;
    line-height: 1.2;
    color: #000000;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 500;
  }
  .ranking_wrapper .box_search .item:nth-child(3),
  .ranking_wrapper .box_search .item:nth-child(4) {
    display: flex;
  }
  .ranking_wrapper .box_search .item:nth-child(3) span,
  .ranking_wrapper .box_search .item:nth-child(4) span {
    margin: auto;
    font-size: 10px;
    font-weight: 400;
  }
}

.content_p h2 {
  font-size: 1.75rem;
  margin-bottom: 2rem;
  color: #020202;
  line-height: 1.3;
}
.content_p h4
{
  margin: 1.33em 0 1.33em 0;
}
b, strong {
font-weight: 700;
}
body {

line-height: 1.5;
}
@media (min-width: 768px) {
  p {
  font-size: 14px;
  font-size: 1rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  }
  body {
  font-size: 14px;
  font-size: 1rem;
  }

  .wp-caption .wp-caption-text {
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  }
  h2 {
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  }h3 {
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  }
  .wp-caption {
  margin-bottom: 32px;
  margin-bottom: 2rem;
  }ul, ol {
  margin: 0 0 32px 36px;
  margin: 0 0 2rem 2.25rem;
  }
  .box_videos {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }
  .item_video {
    width: 47%;
  }
  .form_row .btn_column {
    display: flex;
  }
  /* .wrapper_content_search .box_search .item .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 110px;
    overflow: hidden;
  } */

  .wrapper_rating .rating_left {
    width: 60%;
  }
  .wrapper_rating .rating_right {
    width: 37%;
  }

  .rating_right .box_rate .item_box .item .point span {
    padding-top: 47%;
  }
  .wrapper_title .title_left {
    width: 65% !important;
  }
  .wrapper_title .title_right {
    width: 30% !important;
  }
  .wrapper_content_game .item {
    overflow: hidden;
  }
  .wrapper_news_page .box_news a:first-child .txt_article p {
    font-size: 20px;
    line-height: 1.7;
    max-height: 210px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    margin-bottom: 0px;
  }
  .wrapper_news_page .box_news a:first-child .img_article img {
    width: 570px;
    height: 300px;
    object-fit: contain;
  }
  .wrapper_news_page .box_news a:first-child .txt_article h3 {
    font-size: 23px;
    line-height: 1.5;
    height: 99px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  #game_tab_videos .icon_arrow {
    display: none;
  }
}

p {
font-size: 14px;
font-size: 1rem;
margin-bottom: 26px;
margin-bottom: 1.625rem;
}
a, a:visited {
color: #005cef;
text-decoration: none;
}

.wp-caption {
margin-bottom: 26px;
margin-bottom: 1.625rem;
max-width: 100%;
}.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}.wp-caption img[class*=wp-image-] {
display: block;
margin: 0 auto;
}img {
height: auto;
vertical-align: middle;
}
.wp-caption .wp-caption-text {
color: #000000c2;
font-size: 12px;
font-size: .85rem;
font-style: italic;
margin: 0;
padding: 5px;
padding: 0.3125rem;
text-align: center;
}
ul, ol {
margin: 0 0 26px 26px;
margin: 0 0 1.625rem 1.625rem;
}
h3 {
font-size: 23px;
font-size: 1.4375rem;
margin-bottom: 26px;
margin-bottom: 1.625rem;
}
h2 {
font-size: 26px;
font-size: 1.625rem;
margin-bottom: 26px;
margin-bottom: 1.625rem;
}
@media (min-width: 768px) {
  blockquote {
font-size: 24px;
font-size: 1.5rem;
margin: 0 auto 32px;
margin: 0 auto 2rem;
}
}
@media (min-width: 576px) {
blockquote {
padding: 15px 20px;
padding: 0.9375rem 1.25rem;
}
}blockquote {
color: #555;
border-left: 3px solid #aaa;
font-size: 21px;
font-size: 1.3125rem;
line-height: 1.3;
margin: 0px;
padding: 0 0 0 10px;
position: relative;
}blockquote, q {
quotes: "" "";
}
blockquote p:last-child {
  margin-bottom: 0px;
}
.wrapper_news_page .article_featured {
  display: flex;
  flex-wrap: wrap;
}
.wrapper_news_page .article_featured .txt_article {
  flex: 1;
}
.wrapper_news_page .article_featured .txt_article {
  padding-left: 1.33929vw;
}
.pagination > nav > div:first-child {
  display: none;
}
.pagination > nav > div {
  width: 100%;
}
.pagination > nav div p {
  display: none;
}
.pagination > nav > div:nth-child(2) > div > span {
  display: flex;
}
.pagination span[aria-current="page"] {
  text-decoration: underline;
}
.slider_categori, .box_videos{
  scroll-behavior: smooth;
}
.wrapper_awards table, .wrapper_awards th, .wrapper_awards td {
  border: solid 1px black;
  border-collapse: collapse;
}
.wrapper_awards th {
  width: 130px;
}
.wrapper_awards td {
  padding: 5px;
}
.awards_headers > * {
  font-weight: bold;
}
.Winner {
  background: rgb(164, 255, 164);
}
.Nominee {
  background: rgb(255, 206, 215);
}
.wrapper_content_related, .wrapper_content_suggested {
  width: 100%;
  display: flex;
  flex-flow: row;
  overflow: scroll;
  height: max-content;
  scroll-behavior: smooth;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
.wrapper_content_related::-webkit-scrollbar, .wrapper_content_suggested::-webkit-scrollbar {
  display: none;
}
.wrapper_content_related > a, .wrapper_content_suggested > a {
  padding-right: 30px;
}
.wrapper_content_related .img_it, .wrapper_content_suggested .img_it {
  display: block;
  height: 320px;
  width: 320px;
}
.wrapper_content_related .img_it img, .wrapper_content_suggested .img_it img {
  height: 100%;
  width: 100%;
}
.gamedetail-section-title .box_title {
  width: 100%;
}
.gamedetail-section-title .icon_arrow{
  margin-left: auto;
}
.item_news .img_news {
  display: block;
  height: 100%;
}


.result_quick_search {
  background: #fff;
  position: absolute;
  list-style: none;
  width: auto;
  padding: 0;
  margin: 0;
  border-radius: 4px;
  z-index: 999;
  text-align: left;
  box-shadow: 0 1px 2px rgba(128, 138, 157, 0.12),
    0px 8px 32px rgba(128, 138, 157, 0.24);
  right: 0;
  top: 45px;
  max-height: 450px;
  overflow: scroll;
  width: 250px;
}
.result_quick_search li {
  cursor: pointer;
}
.result_quick_search_coin {
  background: #fff;
  position: absolute;
  list-style: none;
  width: auto;
  padding: 0;
  margin: 0;
  border-radius: 4px;
  z-index: 999;
  text-align: left;
  box-shadow: 0 1px 2px rgba(128, 138, 157, 0.12),
    0px 8px 32px rgba(128, 138, 157, 0.24);
  left:0;
  top: 63px;
}
.result_quick_search li, .result_quick_search_coin li a{
  display: block;
  text-decoration: none;
  padding: 8px 16px;
  white-space: pre-line;
  color: #000;
  word-break: keep-all;
}

.result_quick_search li:hover,
.result_quick_search li:active,
.result_quick_search li:focus,
.result_quick_search_coin li a:hover,
.result_quick_search_coin li a:active,
.result_quick_search_coin li a:focus {
  background-color: #e8f4ff;
}

.result_quick_search_coin li span{
  padding: 6px 16px;
  font-weight: 400;
  font-size: 12px;
  color: #808a9d;
  display: block;
  border-bottom: 1px solid #f5f5f5;
}
@media (max-width: 767.98px) {
  .result_quick_search {
    left: 0;
    right: 0;
    margin-top: 12px;
  }

  .result_quick_search_coin {
    left: 0;
    right: 0;
  }
  .wrapper_aboutGame .about_left {
    width: 100% !important;
  }
  #search_page_form > .form_row:first-child > .form_control {
    width: 100% !important;
  }
  #thumbnail-carousel .splide__arrows {
    display: none;
  }
  .wrapper_title .title_left {
    margin-top: 20px;
  }
  #main-carousel .splide__track {
    height: 240px;
  }
  .title_main{
    margin-bottom: 30px !important;
  }
  .title_page {
    margin: auto;
    width: 100%;
  }
  .box_filter {
    height: max-content;
    margin: 15px 0px;
  }
  .title_page h1 {
    font-size: 18px;
  }
}
.wrapper_aboutGame {
  display: flex;
  flex-wrap: wrap;
}
.wrapper_aboutGame .about_left {
  display: block;
  width: 75%;
}
.wrapper_aboutGame .about_left img {
  width: 100%;
  height: auto;
}
.wrapper_aboutGame .about_right {
  flex: 1;
}
.item_video iframe {
  width: 100%;
}
#search_page_form > .form_row:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#search_page_form > .form_row:first-child > .form_control {
  width: 18%;
  margin-left: 0px;
  margin-right: 0px;
}
.search_page_sort_wrapper .select_sort {
  margin: 20px 0px 20px auto;
}
.search_page_sort_wrapper .box_filter select {
  margin: 0px;
}
.tab-content {
  margin-bottom: 30px;
}
.show-read-more .more-text{
  display: none;
}
.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.splide__slide {
  opacity: 0.6;
}
.splide__slide.is-active {
  opacity: 1;
}
.wrapper_title .title_left {
  width: 100%;
  display: block;
}
.wrapper_title .title_right {
  width: 100%;
  display: block;
}
#thumbnail-carousel {
  margin-top: 15px;
}
#thumbnail-carousel .splide__arrows {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110%;
  display: flex;
  justify-content: space-between;
}
#thumbnail-carousel .splide__arrows button {
  background: transparent;
  border: unset;
}
#thumbnail-carousel .splide__arrows .splide__arrow--prev {
  transform: rotatey(180deg);
}
#thumbnail-carousel .splide__arrows button svg {
  width: 20px;
}
.splide__arrow {
  cursor: pointer;
}
.wrapper_content_game .item {
  position: relative;
  padding: 0px 5px;
}
.wrapper_content_game .blur-bg {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  filter: blur(10px);
  top: 0;
  left: 0;
}
.video_arrRight {
  margin-left: auto !important;
  display: none;
}
.video_arrLeft {
  margin-right: auto !important;
  display: none;
}
/* Suggest page */
.suggest {
  position: relative;
}

.suggest .suggest-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: black;
  text-align: center;
  min-height: 350px;
  padding: 24px;
}
.suggest .suggest-header .title {
  margin-bottom: 5px;
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 400;
  font-size: 56px;
  line-height: 69px;
}

.suggest .suggest-header .sub-title {
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

.suggest .suggest-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: large;
  border-bottom: 1px solid lightgray;
}

.suggest .suggest-section.center {
  width: 64%;
  margin: 0 auto;
  padding: 74px 102px;
  gap: 40px;
  background: #F9F9F9;
  border-radius: 40px;
  margin-bottom: 24px;
}

.suggest .suggest-section .question {
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}

.suggest .suggest-section .anwser {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.suggest .suggest-section label {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap:10px;
  position: relative;
  padding: 20px 24px;
  min-width: 130px;
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  cursor: pointer;
}

.suggest .suggest-section label span {
  z-index: 1;
}

.suggest .suggest-section label:has(:checked) {
  color: white;
}

.suggest .suggest-section input[type="radio"] {
  width: 100%;
  height: 64px;
  width: 100%;
  position: absolute;
  appearance: none;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 81px;
  z-index: 0;
  cursor: pointer;
}

.suggest .suggest-section input[type="radio"]:checked {
  background-color: #1790FF;
  border: 1px solid rgba(0, 0, 0, 0.06);
  color: white;
}

.suggest .suggest-section input[type="checkbox"] {
  height: 64px;
  width: 100%;
  position: absolute;
  appearance: none;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 81px;
  z-index: 0;
  cursor: pointer;
}

.suggest .suggest-section input[type="checkbox"]:checked {
  background-color: #1790FF;
  border: 1px solid rgba(0, 0, 0, 0.06);
  color: white;
}

.suggest .suggest-section input:disabled {
  background-color: gray;
  cursor: not-allowed;
}

.suggest .btn {
  padding: 15px;
  font-size: large;
  font-weight: bolder;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  height: 64px;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.suggest .btn.btn-submit {
  color: white;
  background: #1790FF;
  min-width: 300px;
}

.suggest .btn.btn-menu {
  background: #FFFFFF;
  width: 224px;
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}

.suggest .btn:hover {
  background-color: #178fffbc;
}


.suggest .loading-container {
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  width: 100%;
  z-index: 100;
  min-height: 80vh;
}

.suggest .hide {
  display: none;
}

.suggest .suggest-results {
  padding: 15px;
}

.suggest .suggest-results .menu{
  display: flex;
  justify-content: space-between;
}

.suggest .suggest-results .results{
  width: 90%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: max-content;
  scroll-behavior: smooth;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
  scroll-snap-align: start;
  position: relative;
  column-gap: 10px;
  margin: 0 auto;
}

.suggest .suggest-results .results .item {
  position: relative;
  background: #FFFFFF;
  padding: 16px;
  z-index: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.suggest .suggest-results .results .item:hover {
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
  box-shadow:0px 0px 20px rgba(0, 0, 0, 0.11);
}

.suggest .suggest-results .results .title {
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  max-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.suggest .suggest-results .results .sub-title {
    font-family: 'Averta Std CY';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #000000;
    opacity: 0.4;
    line-height: 16px;
    min-height: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.suggest .suggest-results .results .sub-menu {
  display: none;
  justify-content: space-between;
}

.suggest .suggest-results .results .rating {
    position: absolute;
    right: 8%;
    top: 4%;
    font-family: 'Averta Std CY';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    width: 14%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #16C628;
    text-align: center;
    justify-content: center;
}

.suggest .suggest-results .results .item:hover .sub-menu  {
  display: flex;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

.suggest .btn.btn-sub-menu {
  background: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  height: 40px;
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  color: #000000;
  opacity: 0.9;
  padding: 0 10px;
  z-index: 1;
}

.suggest .btn.btn-sub-menu.active {
    color: red;
}

.suggest .btn.btn-sub-menu.circle {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 100px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.suggest .btn:hover, .suggest .suggest-results .results .btn:hover,
.suggest .suggest-results .results .btn.btn-sub-menu.circle:hover{
  background-color: #178fffbc;
  color: white;
}

.suggest .suggest-results .results .img {
  display: block;
  width: 100%;
  position: relative;
  display: flex;
  padding: 8px;
  overflow: hidden;
  border-radius: 16px;
}

.suggest .suggest-results .results .item .blur-bg {
  width: 100%;
  height: 100%;
  filter: blur(30px);
  position: absolute;
  z-index: -1;
}

.suggest .suggest-results .results .img img{
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
}

.modal-container {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(30px);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
}

.suggest .modal-content {
  background-color: white;
  width: 70vw;
  min-height: 66vh;
  background: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 184px rgba(0, 0, 0, 0.11);
  border-radius: 40px;
  position: relative;
}

@media (max-width: 820px) {
    .suggest .suggest-header .img {
        width: 382px;
        height: auto;
    }
      .suggest .suggest-header .title {
        font-size: 28px;
        line-height: 35px;
      }

      .suggest .suggest-header .sub-title {
        font-size: 17px;
        line-height: 21px;
      }
      .suggest .suggest-section.center {
        padding: 24px;
        width: 90%;
        align-items: stretch;
      }
      .suggest .suggest-section .question {
        font-size: 20px;
        line-height: 25px;
        text-align: center;
      }

      .suggest .suggest-section .anwser {
        font-size: 17px;
        line-height: 24px;
        flex-direction: column;
        text-align: center;
        align-items: stretch;
      }

      .suggest .suggest-results .results{
        grid-template-columns: 1fr;
        height: auto;
      }

      .suggest .suggest-results .results .item {
        height: 580px;
        display: flex;
        flex-direction: column;
        gap: 6px;
      }
      .suggest .suggest-results .results .img {
        height: 382px;
      }

      .suggest .modal-content {
        height: 90vh;
        width: 100%;
        margin-top: auto;
        border-radius: 40px 40px 0 0;
        display: flex;
        flex-direction: column;
      }

      .modal-content .modal-body {
        display: flex !important;
        flex-direction: column;
        gap: 10px;
        max-height: none !important;
        padding-bottom: 82px;
        border-radius: 0;
        overflow: scroll;
      }
      .modal-content .modal-body .col {
        overflow-y: unset !important;
        max-height: none !important;
        margin: 0 !important;
      }

      .modal-content .col .description {
        max-height: none !important;
        overflow: unset !important;
      }
      .modal-content .modal-header {
        min-height: 340px;
      }
      .modal-container .modal-footer {
        border-radius: 0;
      }
      .modal-container .modal-footer .btn {
        border-radius: 40px;
      }
      .modal-container .modal-footer .btn span {
        display: none;
      }
      .modal-container .modal-footer .btn.btn-submit {
        width: 100px;
      }

        .suggest .btn.btn-menu {
            width: 100px;
            font-size: 16px;
            line-height: 16px;
        }
        .suggest .btn.btn-menu.btn-advance {
            width: 100%;
            font-size: 20px;
            line-height: 20px;
        }

        .suggest .btn.btn-sub-menu.retangle {
            width: 40px;
        }

        .suggest .btn.btn-sub-menu.retangle span {
            display: none;
        }

}

.modal-content .modal-header {
  display: grid;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-snap-align: start;
  position: relative;
  column-gap: 10px;
  overflow: hidden;
  overflow-x: scroll;
  grid-auto-flow: column;
  border-radius: 40px 40px 0 0;
  padding: 20px;
}

.modal-content *::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}

.modal-content *::-webkit-scrollbar-button {
  width: 1px;
  height: 1px;
}

.modal-content .modal-header .img {
  display: block;
  width: 300px;
  position: relative;
  height: 300px;
  display: flex;
  padding: 8px;
  overflow: hidden;
  border-radius: 16px;
}

.modal-content .modal-header .item .blur-bg {
  width: 100%;
  height: 100%;
  filter: blur(30px);
  position: absolute;
  z-index: 0;
}

.modal-content .modal-header .img img{
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  z-index: 1;
}

.modal-content .modal-body {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 50% 50%;
}
.modal-content .modal-body .col {
  padding: 0 20px;
  overflow-y: scroll;
  max-height: 400px;
  margin-bottom: 80px;
}

.modal-content .modal-body .title {
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
}
.modal-content .modal-body .sub-title {
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
  opacity: 0.4;
}

.modal-content .modal-body .section {
  padding: 10px 0;
  gap: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.modal-content .modal-body .section span{
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  padding: 8px 14px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 81px;
}

.modal-content .col .description {
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  max-height: 240px;
  overflow: scroll;
}

.modal-content .col .section-master {
  background: #F8F8F8;
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 10px;
}

.modal-content .col .section-master .content {
  padding: 10px 0;
  gap: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.modal-content .col .section-master .content span {
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  padding: 8px 14px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 81px;
}

.modal-content .col .section-master .content ul {
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  appearance: none;
  padding: 0;
  margin: 0;
}

.modal-content .col .section-master .content ul span {
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  border: none;
  padding: 0;
}

.modal-container .modal-footer {
  background: #FFFFFF;
  border-top: 2px solid rgba(0, 0, 0, 0.08);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  border-radius: 0 0 40px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-container .modal-footer .btn {
  background: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  height: 40px;
  font-family: 'Averta Std CY';
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  color: #000000;
  padding: 0 10px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.modal-container .modal-footer .btn.btn-submit {
  background: #1790FF;
  border: 2px solid rgba(0, 0, 0, 0.2);
  color: white;
  opacity: 1;
  width: 200px;
}

@keyframes zoom {
  0% {
    transform: scale(0.5, 0.5);
  }
  50% {
    transform: scale(0.8, 0.8);
  }
  100% {
    transform: scale(0.5, 0.5);
  }
 }
.rotate{
  animation: zoom 3s linear infinite;
 }

.modal-search-container {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-items: center;
  justify-content: center;
}

.modal-search-container .content {
  width: 90vw;
  background: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 184px rgba(0, 0, 0, 0.11);
  border-radius: 40px;
  position: relative;
  margin-bottom: 5%;
  padding: 20px;
}

.suggest-advance-results .pagination ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.50223vw;
}

.suggest-advance-results .pagination button, .suggest-advance-results .pagination .page-link{
  width: 3.34821vw;
  height: 3.34821vw;
  background: #FFFFFF;
  border: 0.0558vw solid rgba(0, 0, 0, 0.06);
  border-radius: 0.55804vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.44643vw;
  font-weight: 400;
  font-size: 1.11607vw;
  line-height: 1.33929vw;
  color: #000000;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  cursor: pointer;
}

.suggest-advance-results .pagination li.active button, .suggest-advance-results .pagination li.active .page-link {
  background: #1790FF;
  border: 0.11161vw solid rgba(0, 0, 0, 0.2);
  color: #fff;
}

.suggest-advance-results .pagination button:hover {
  background: #1790FF;
  border: 0.11161vw solid rgba(0, 0, 0, 0.2);
  color: #fff;
}
.h-right-container {
                display: flex;
                justify-content: flex-end;
                gap: 10px;
}
.account-container {
    position: relative;
}

.account-container .account-avatar{
    background: #FFFFFF;
    border: 0.11161vw solid rgba(0, 0, 0, 0.2);
    border-radius: 0.55804vw;
    cursor: pointer;
    width: 3.6vw;
    height: 3.6vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.account-container .account-avatar:hover{
    background: #1790FF;
}
.account-container .account-avatar:hover img{
    filter: invert(1);
}
.account-container .account-avatar img {
    width: 1.7vw;
}
.account-container .account-menu {
    background: #fff;
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 999;
    text-align: left;
    box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.12);
    border-radius: 28px;
    right: 0;
    overflow: scroll;
    width: 334px;
}

.account-container .account-menu .menu-avatar {
    display: flex;
    justify-content: center;
    height: 192px;
    flex-direction: column;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.account-container .account-menu .menu-container {
    padding: 24px;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-direction: column;
}

.account-container .account-menu .menu-container .menu-item {
    display: grid;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 20px;
    grid-template-columns: 30px auto auto;
    cursor: pointer;
}

.account-container .account-menu .menu-container .menu-item:hover {
    background: #1790FF;
}

.account-container .account-menu .menu-container .menu-item:hover div {
   filter: invert(1);
}

.account-container .arrow {
    text-align: right;
}

.shop-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
}

.shop-container .header{
    font-family: 'Averta Std CY';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 59px;
    display: flex;
    align-items: center;
    color: #000000;
}

.shop-container .content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 24px;
    column-gap: 24px;
}

.shop-container .content .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 20px;
}

.shop-container .content .main {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 116px;
}

.shop-container .content .avatar {
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.shop-container .content img  {
    width: 100%;
    height: 100%;
    object-fit: fill;
}


.shop-container .content .item .title {
    font-family: 'Averta Std CY';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #000;
}

.shop-container .content .item .sub-title {
    font-family: 'Averta Std CY';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    opacity: 0.4;
}

@media (max-width: 820px) {
    .shop-container .content {
        grid-template-columns: 1fr;
    }
}

.no-scroll *::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}

.no-scroll *::-webkit-scrollbar-button {
    width: 1px;
    height: 1px;
}