@media (max-width: 1599px) {
}

@media (max-width: 1439px) {
  .ads_side .grid {
    padding: 1.13vw;
  }

  /*	.herobanner .item .txt {width: 60%;}*/
}

@media (max-width: 1365px) {
  .content_detail .banner_side {
    text-align: left !important;
  }
  .content_list .banner_side {
    text-align: left !important;
  }

  .herobanner .box_info {
    padding-left: 40px;
  }
  .herobanner .item .txt {
    padding: 60px 0 0 40px;
    width: 68%;
  }
  .herobanner .control_herobanner .swiper-navigation .nav-hero-next,
  .herobanner .control_herobanner .swiper-navigation .nav-hero-prev {
    width: 24px;
    height: 24px;
  }
  .herobanner .control_herobanner .swiper-navigation {
    padding: 8px 8px;
  }
}

@media (max-width: 1199px) {
  :root {
    --fontSpartan10: 10px;
    --fontSpartan12: 10px;
    --fontSpartan14: 12px;
    --fontSpartan16: 14px;
    --fontSpartan20: 20px;
    --fontSpartan24: 20px;
    --fontSpartan34: 28px;
    --fontSpartan40: 32px;
    --fontSpartan62: 50px;
    --fontSpartan80: 70px;

    --fontAnantason10: 10px;
    --fontAnantason14: 14px;
    --fontAnantason16: 16px;
    --fontAnantason20: 18px;
    --fontAnantason26: 20px;
    --fontAnantason30: 22px;
    --fontAnantason40: 28px;

    --fontChulabhorn14: 14px;
    --fontChulabhorn18: 14px;

    --paddingX70: 40px;
  }

  .herobanner .item .txt {
    width: 58%;
  }

  .remove-space-right {
    margin-right: -40px;
  }

  .layout {
    grid-template-columns: 1fr 260px;
  }
  .layout .col-layout:nth-last-child(1) {
    padding-left: 0;
  }

  .layout .col-layout:nth-last-child(1) {
    padding-left: calc(var(--paddingX70) / 2);
  }

  .ads_header {
    padding: 32px calc(var(--paddingX70) + 16px) 0;
  }
  .ads_header .grid a.item {
    padding: 1.2vw;
  }

  .banner_side {
    padding: 64px 0 100px;
    text-align: center;
  }
  .banner_side a {
    top: 40px;
  }

  .group_popular {
    gap: 48px;
  }

  .box_info {
    margin-top: 12px;
  }
  .group_popular .item .txt .desc .box_info {
    margin-top: 8px;
  }
  .group_popular .item .txt .desc {
    padding-right: 8px;
  }

  .trending {
    padding: 160px 0 36px;
  }

  .read .item[data-read-type="video"] .img:before {
    width: 4vw;
    height: 4vw;
    background-size: 1.25vw;
  }
  .read .group_read {
    gap: 40px;
  }

  .item_list .txt h2 {
    width: 95%;
  }
  .item_list .txt p {
    width: 95%;
  }

  .topchart .txthead {
    padding: 0 16px;
  }
  .topchart .group .item {
    padding: 0 16px;
  }

  .sticky-share-side {
    position: static;
  }
  .wrapper_inner_content .share-set.vertical {
    flex-direction: row;
    margin-bottom: 24px;
    justify-content: flex-end;
  }
  .wrapper_inner_content .share-set.vertical h6 {
    writing-mode: inherit;
  }
  .wrapper_inner_content .share-set.vertical .share_icon {
    flex-direction: row;
  }

  .watch .txthead h2 {
    font-size: 28px;
  }

  .list_all .trending .trending_in {
    width: calc(100% - (260px + 16px));
  }
}

@media (max-width: 991px) {
  :root {
    --paddingX70: 24px;
  }

  .herobanner .box_info {
    padding-left: 24px;
    top: 8px;
  }
  .herobanner .item .txt {
    padding: 48px 0 0 24px;
    width: 70%;
  }

  .remove-space-right {
    margin-right: -24px;
  }

  .layout {
    grid-template-columns: 1fr 186px;
  }
  main.content .layout .col-layout:nth-last-child(1) {
    padding-left: 24px;
  }
  .group_popular {
    gap: 40px;
    margin-top: 24px;
  }
  .group_popular .item .txt .desc h2 {
    font-size: 14px;
  }
  .group_popular .item .txt .num {
    font-size: 56px;
  }

  .content_grid {
    flex-direction: column;
  }
  .content_grid .col-content:nth-child(1) {
    width: 100%;
    padding-left: 0;
    padding-right: 24px;
  }
  .content_grid .col-content:nth-last-child(1) {
    width: 100%;
    padding-left: 0;
    padding-right: 24px;
  }

  .content_grid.revert {
    flex-direction: column;
  }
  .content_grid.revert .col-content:nth-child(1) {
    padding-left: 0;
    padding-right: 24px;
  }
  .content_grid.revert .col-content:nth-last-hild(1) {
    padding-left: 0;
    padding-right: 24px;
  }

  .editorial {
    margin-top: 0;
    margin-bottom: 24px;
  }
  .editorial .group {
    padding-left: 16px;
    margin-top: 8px;
  }
  .editorial .group .item a .num {
    width: 10%;
  }
  .editorial .group .item a .txt {
    width: calc(90% - 24px);
  }
  .editorial .txthead {
    text-align: left;
    padding-left: calc(10% + 12px);
  }

  .news {
    padding: 48px 0;
  }
  .news .group_news {
    margin: 32px 0;
  }

  .banner_side {
    padding: 32px 0 24px;
  }

  .banner_side a {
    top: 24px;
  }

  .highlight .img {
    height: 75vh;
  }

  .read {
    padding: 48px 0;
  }
  .read .group_read {
    margin: 32px 0;
    gap: 48px 24px;
  }
  .read .item:nth-child(1) .txt {
    margin-top: 16px;
  }
  .read .item .txt {
    margin-top: 12px;
  }

  .reviews {
    padding: 48px 0 24px;
  }
  .reviews .group_reviews {
    margin: 32px 0;
  }
  .reviews .txthead {
    padding-right: 24px;
  }

  .topchart .group {
    margin-top: 8px;
  }

  .backtotop {
    padding: 48px 0;
  }

  .blog_detail_head .head_detail .txt {
    margin-bottom: 24px;
  }
  .blog_detail_head .head_detail .view-label {
    font-size: 8px;
    width: 50px;
    height: 60px;
    top: -22px;
    right: -14px;
    padding-bottom: 14px;
  }

  .watch {
    padding: 48px 0 32px;
  }
  .watch .watch_in .swiper-slide .item {
    padding: 8px 0 80px;
  }
  .watch .watch_in .swiper-slide .item .txt {
    text-align: center;
  }
  .watch .watch_in .swiper-slide .item .txt h2 {
    width: 100%;
  }
  .watch .watch_in .swiper-slide .item .txt .box_info {
    justify-content: center;
  }

  .watch .watch_in .control_watch .arr_prev,
  .watch .watch_in .control_watch .arr_next {
    width: 48px;
    height: 48px;
    background-size: 12px;
  }
  .watch .watch_in .swiper-slide-active .item .img:before {
    --size: 10vw;
  }

  .content_list .group_list {
    margin-top: 48px;
  }
  .content_list .col-content:nth-child(1) {
    padding-bottom: 48px;
  }
  .content_list .content_grid .btn_full {
    margin-top: 32px;
  }

  .txthead_main p {
    margin-left: 24px;
    padding-left: 24px;
  }

  .list_all .trending .trending_in {
    width: calc(100% - (186px + 16px));
  }

  .content_contributor .content_grid .btn_full {
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  /*	.wrapper {overflow: hidden;}*/

  .showpc {
    display: none;
  }
  .showmb {
    display: block;
  }

  .herobanner .box_info {
    position: static;
    padding-top: 24px;
    padding-left: 16px;
  }
  .herobanner .swiper {
    height: auto;
  }
  .herobanner .swiper .swiper-slide {
    height: auto;
  }
  .herobanner .item {
    height: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
  .herobanner .item .txt {
    width: 100%;
    position: static;
    padding: 16px 16px 0;
    margin-bottom: -24px;
  }
  .herobanner .item .img {
    height: auto;
    width: 100%;
    position: relative;
    background: var(--black);
    padding-bottom: 72.224%;
  }
  .herobanner .item .img img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .herobanner .item:before {
    display: none;
  }
  .herobanner {
    background: transparent;
  }
  .herobanner .control_herobanner {
    padding: 16px;
  }

  .remove-space-right {
    margin-right: 0;
  }

  .ads_header {
    padding: 16px calc(var(--paddingX70) + 16px) 0;
  }
  .ads_header .grid {
    margin: 0 auto;
    grid-template-columns: repeat(1, 1fr);
    border-width: 1px;
    gap: 12px;
    padding: 12px;
  }
  .ads_header .grid a.item {
    border: 0;
    padding: 0px;
  }

  .layout {
    grid-template-columns: repeat(1, 1fr);
  }
  .layout .col-layout {
    padding: 0 var(--paddingX70) !important;
  }
  /*	.layout .col-layout:nth-last-child(1) {display: none;}*/
  .layout .col-layout:nth-last-child(1) {
    border: none;
  }
  main.content .layout .col-layout:nth-last-child(1) {
    border: none;
  }
  .ads_side .grid {
    flex-direction: row;
    padding: 16px;
  }

  .read {
    padding-bottom: 48px;
  }

  .trending {
    margin-top: 0;
    padding: 24px 0;
  }

  .homepage .layout {
    margin: 0 -16px;
  }
  .homepage .layout .col-layout {
    padding: 0 !important;
  }
  .homepage .layout .col-layout:nth-last-child(1) {
    display: block;
  }

  .herobanner {
    position: static;
    padding: 0;
  }

  .popular .txthead h2 {
    font-size: 18px;
  }

  .trending .trending_in .trending_tag .swiper {
    padding-right: 24px;
  }

  .content_grid .col-content:nth-child(1) {
    padding-right: 0;
  }

  .item_list {
    gap: 16px;
    flex-direction: row-reverse;
  }
  .item_list .img {
    width: 22%;
    padding-bottom: 22%;
  }
  .group_reviews .item_list .img {
    width: 22%;
    padding-bottom: 22%;
  }
  .content_grid .col-content:nth-last-child(1) {
    padding: 0;
  }

  .editorial {
    margin: 0 -40px 0;
    padding: 40px 0;
  }
  .editorial .txthead {
    padding: 12px 0;
    text-align: left;
    padding-left: calc(10% + 30px);
  }
  .editorial .group {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .editorial .group .item a .txt p {
    font-size: 16px;
    padding-right: 40px;
    padding-left: 16px;
  }
  .editorial .group .item a .txt {
    padding-bottom: 16px;
    width: calc(90% - 40px);
  }
  .editorial .group .item {
    padding-top: 16px;
  }

  .topchart {
    margin: 48px -40px 0;
  }
  .topchart .group .item {
    padding: 0 40px;
  }
  .topchart .txthead {
    padding: 12px 40px;
  }
  .topchart .txthead h2 {
    font-size: 16px;
  }

  .highlight .img {
    height: 80vh;
  }

  .read .group_read {
    grid-template-columns: repeat(1, 1fr);
  }
  .read .item:nth-child(1) {
    grid-column-start: auto;
    grid-column-end: auto;
  }
  .read .item[data-read-type="video"] .img:before {
    width: 8vw;
    height: 8vw;
    background-size: 2.5vw;
  }

  .reviews {
    padding-bottom: 0;
  }
  .reviews .txthead {
    padding-right: 0;
  }
  .content_grid.revert .col-content:nth-child(1) {
    padding-right: 0;
  }

  .backtotop {
    border-top: 0;
  }

  .banner_side {
    padding: 24px 0;
  }
  .banner_side a {
    max-width: 100%;
  }

  .blog_detail_head .ads_side {
    position: relative;
  }
  .blog_detail_head .ads_side .grid {
    background: #f3f3f3;
    border: 0;
    padding: 32px 16px;
  }
  .blog_detail_head .head_detail {
    margin-bottom: 0;
    padding-top: 40px;
  }
  .blog_detail_head .head_detail .txt {
    padding: 0 16px;
  }
  .blog_detail_head .layout .col-layout {
    padding: 0 !important;
    margin: 0 -16px;
  }

  main.content.content_detail {
    border-top: 0;
  }
  main.content.content_detail .layout .col-layout:nth-last-child(1) {
    border-left: 0;
  }
  main.content.content_detail .popular {
    border-top: 0 !important;
  }

  main.content.content_list {
    border-top: 0;
  }
  main.content.content_list .layout .col-layout:nth-last-child(1) {
    border-left: 0;
  }
  main.content.content_list .popular {
    border-top: 0 !important;
  }

  .wrapper_inner_content {
    padding-top: 40px;
    padding-bottom: 0;
  }
  .wrapper_inner_content .detail-ads {
    margin: 0 -24px;
  }
  .content_detail .banner_side {
    padding: 24px;
    background: #f3f3f3;
    margin: 0 -24px;
  }
  .content_list .banner_side {
    padding: 24px;
    background: #f3f3f3;
    margin: 0 -24px;
  }

  .wrapper_inner_content .share-set.vertical {
    justify-content: space-between;
  }
  .blog_detail_head .head_detail .view-label {
    right: 16px;
    font-size: 7px;
    width: 44px;
    height: 50px;
  }

  .watch .watch_in .swiper-slide-active .item {
    top: 10%;
  }
  .watch .watch_in .control_watch .arr_prev,
  .watch .watch_in .control_watch .arr_next {
    width: 40px;
    height: 40px;
  }

  .content_list .ads_side {
    margin: 40px -40px;
    padding: 40px 0;
    background: #f3f3f3;
  }
  .content_list .content_grid {
    padding-bottom: 0;
  }

  .content_contributor .ads_side {
    margin: 40px -40px;
    padding: 40px 0;
    background: #f3f3f3;
  }
  .content_contributor .content_grid {
    padding-bottom: 0;
  }

  .list_all {
    padding: 64px 0 0;
  }
  .txthead_main {
    margin: 0 16px;
  }
  .list_all .trending {
    margin-top: 32px;
  }
  .list_all .trending .trending_in {
    width: 100%;
  }

  .txthead_main_contributor {
    padding-bottom: 40px;
  }
  .txthead_main_contributor h2 {
    font-size: 30px;
  }
  .contributor_profile {
    align-items: flex-start;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }
  .contributor_profile .img {
    --size: 100px;
  }

  .content_contributor .banner_side {
    padding: 24px;
    background: #f3f3f3;
    margin: 24px -24px 0;
  }
}

@media (max-width: 575px) {
  :root {
    --fontSpartan62: 40px;
    --paddingX70: 8px;
  }
  .herobanner .control_herobanner .swiper-navigation {
    padding: 6px 6px;
    gap: 12px;
  }
  .herobanner .control_herobanner .swiper-navigation .nav-hero-next,
  .herobanner .control_herobanner .swiper-navigation .nav-hero-prev {
    background-size: 12px;
  }

  .ads_header {
    padding: 16px calc(var(--paddingX70) + 8px) 0;
  }

  .editorial {
    margin: 0 -24px 0;
  }
  .editorial .group .item a .txt {
    width: calc(90% - 24px);
  }

  .news {
    padding-bottom: 72px;
  }
  .news .group_news {
    margin-bottom: 48px;
  }

  .topchart {
    margin: 72px -24px 0;
  }
  .topchart .txthead {
    padding: 12px 24px;
  }
  .topchart .group .item {
    padding: 0 24px;
  }

  .popular {
    padding: 48px 0;
  }
  .group_popular {
    margin-top: 32px;
  }

  .box_info {
    margin-top: 16px;
  }

  .item_list {
    padding-bottom: 28px;
    margin-bottom: 28px;
  }
  .read {
    padding-bottom: 0;
  }
  .read .item:nth-child(1) .txt p {
    -webkit-line-clamp: 7;
  }
  .read .group_read {
    margin-bottom: 48px;
  }
  .reviews .group_reviews .item_list:nth-child(1) .txt p {
    -webkit-line-clamp: 6;
  }
  .reviews .group_reviews .item_list:nth-child(1) .txt h2 {
    width: 80%;
  }

  .reviews .group_reviews {
    margin-bottom: 48px;
  }

  .policy_in {
    padding: 60px 0;
  }

  .watch .watch_in .swiper-slide-active .item .img:before {
    --size: 20vw;
  }
  .watch .watch_in .bottom {
    margin-top: -16px;
  }
  .watch .watch_in .middle {
    padding: 48px 0;
  }

  .content_list .ads_side {
    margin: 40px -24px;
    padding: 16px 0;
  }
  .item_list_big .txt p {
    -webkit-line-clamp: 6;
  }
  .txthead_main p {
    font-size: 12px;
    margin-left: 12px;
    padding-left: 12px;
  }
  .list_all .trending {
    padding: 12px 0;
  }

  .content_contributor .ads_side {
    margin: 40px -24px;
    padding: 16px 0;
  }
}

@media (max-width: 374px) {
  .herobanner .item .txt h2 {
    font-size: 26px;
  }
}

@media (max-width: 359px) {
  :root {
    --fontAnantason20: 16px;
  }
  .watch .txthead h2 {
    font-size: 24px;
  }
  .txthead .txt-bold {
    font-size: 24px;
  }
  .reviews .group_reviews .item_list:nth-child(1) .txt h2 {
    font-size: 18px;
  }
  .reviews .group_reviews .item_list:nth-child(1) .txt h2 {
    width: 90%;
  }
}