@media (max-width: 1536px) {
  .d-2xl-none {
    display: none;
  }

  .d-2xl-block {
    display: block;
  }

  .d-2xl-flex {
    display: flex;
  }

  .d-2xl-grid {
    display: grid;
  }
}
@media (max-width: 1280px) {
  .d-xl-none {
    display: none;
  }

  .d-xl-block {
    display: block;
  }

  .d-xl-flex {
    display: flex;
  }

  .d-xl-grid {
    display: grid;
  }
}
@media (max-width: 1024px) {
  .d-lg-none {
    display: none;
  }

  .d-lg-block {
    display: block;
  }

  .d-lg-flex {
    display: flex;
  }

  .d-lg-grid {
    display: grid;
  }
}
@media (max-width: 768px) {
  .d-md-none {
    display: none;
  }

  .d-md-block {
    display: block;
  }

  .d-md-flex {
    display: flex;
  }

  .d-md-grid {
    display: grid;
  }

  /*---------------------------------------------------------------- header*/
  /*---------------------------------------------------------------- index*/
  .section-secondary__content {
    display: block;
  }
  .section-secondary__left {
    width: 100%;
  }
  .section-secondary__right {
    width: 100%;
    padding-left: 0;
    margin-top: 30px;
    display: flex;
    gap: 20px;
  }
  .section-secondary__right .article-large {
    width: 50%;
  }
  .section-secondary__right .article__small {
    width: 50%;
    margin-top: 0;
  }

  .section-tertiary__container {
    display: block;
  }
  .section-tertiary__left {
    width: 100%;
  }
  .section-tertiary__right {
    width: 100%;
  }
  .section-tertiary__right .box-right__articles {
    display: flex;
    gap: 20px;
  }
  .section-tertiary__right .box-right__articles .article-large {
    width: 50%;
  }
  .section-tertiary__right .box-right__articles .article__small {
    width: 50%;
    margin-top: 0;
  }

  .section-senary__content {
    gap: 20px;
  }
  .section-senary .article-large {
    width: 50%;
  }
  .section-senary .article__small {
    grid-gap: 10px 20px;
  }

  .section-septenary__content .article-large {
    margin-bottom: 20px;
  }
  .section-septenary__content .article-large .article__content {
    padding-left: 20px;
  }
  .section-septenary__content .article__small {
    gap: 20px;
  }

  .section-octonary__content {
    gap: 20px;
  }
  .section-octonary .article-large {
    width: 50%;
  }
  .section-octonary .article__small {
    grid-gap: 10px 20px;
  }

  .section-nonary__content .article__small {
    display: block;
  }
  .section-nonary__content .article__small .article {
    margin-bottom: 20px;
    display: flex;
  }
  .section-nonary__content .article__small .article .article__img {
    width: 40%;
    flex-shrink: 0;
  }
  .section-nonary__content .article__small .article .article__content {
    flex: 1;
    padding-top: 0;
    padding-left: 15px;
  }

  .section-decenary__content {
    gap: 20px;
  }

  .section-udenary__content {
    gap: 20px;
  }

  /*---------------------------------------------------------------- cate*/
  .box-inner {
    display: block;
  }

  .box-inner .box-right {
    margin: auto;
  }

  .video-primary__container {
    gap: 24px;
  }
  .video-primary__container .article__small {
    width: 35%;
  }

  /*---------------------------------------------------------------- detail*/
  .detail-content {
    padding-left: 0;
  }

  /*---------------------------------------------------------------- footer*/
  .footer-navbar {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;
    justify-content: unset;
  }
  .footer-navbar__item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 640px) {
  .d-sm-none {
    display: none;
  }

  .d-sm-block {
    display: block;
  }

  .d-sm-flex {
    display: flex;
  }

  .d-sm-grid {
    display: grid;
  }

  .header-container__mb .center-logo img {
    height: 40px;
  }

  .w-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .play-primary {
    width: 24px;
    height: 24px;
  }
  .play-primary img {
    width: 12px;
    height: auto !important;
  }

  .play-primary--small {
    width: 24px;
    height: 24px;
  }
  .play-primary--small img {
    width: 12px;
    height: auto !important;
  }

  .heading-primary__title {
    font-size: 18px;
  }
  .heading-primary__icon img {
    width: 36px;
  }

  .heading-primary__list {
    overflow: auto;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .section-secondary__left .article__large {
    flex-direction: column;
  }
  .section-secondary__left .article__large .article__img {
    order: 1;
    width: 100%;
  }
  .section-secondary__left .article__large .article__content {
    order: 2;
    padding: 15px;
  }
  .section-secondary__left .article__large .article__title {
    font-size: 20px;
  }
  .section-secondary__left .article__small {
    display: block;
  }
  .section-secondary__left .article__small .article {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .section-secondary__left .article__small .article::before {
    content: none;
  }
  .section-secondary__left .article__small .article:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .section-secondary__left .article__small .article__img {
    width: 40%;
    flex-shrink: 0;
  }
  .section-secondary__left .article__small .article__content {
    padding-top: 0;
    padding-left: 15px;
    flex: 1;
  }
  .section-secondary__left .article__small .article__des {
    display: none;
  }
  .section-secondary__right {
    display: block;
  }
  .section-secondary__right .article-large {
    width: 100%;
    margin-bottom: 20px;
  }
  .section-secondary__right .article-large .article__title {
    font-size: 20px;
  }
  .section-secondary__right .article__small {
    width: 100%;
  }
  .section-secondary__right .article__small .article__title {
    font-size: 16px;
  }

  .section-tertiary__left .top {
    padding: 15px;
  }
  .section-tertiary__left .top-articles {
    display: block;
  }
  .section-tertiary__left .article {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .section-tertiary__left .article:first-child {
    padding-top: 0;
  }
  .section-tertiary__left .article:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .section-tertiary__left .article__img {
    flex-shrink: 0;
    width: 40%;
  }
  .section-tertiary__left .article__content {
    padding-top: 0;
    padding-left: 15px;
    flex: 1;
  }
  .section-tertiary__left .articles .time-public {
    display: none;
  }
  .section-tertiary__left .articles .article__des {
    display: none;
  }
  .section-tertiary__left .articles .article__title {
    font-size: 16px;
  }
  .section-tertiary__right {
    padding-left: 0;
  }
  .section-tertiary__right .box-right__articles {
    display: block;
  }
  .section-tertiary__right .box-right__articles .article-large {
    width: 100%;
    margin-bottom: 20px;
  }
  .section-tertiary__right .box-right__articles .article-large .article__title {
    font-size: 20px;
  }
  .section-tertiary__right .box-right__articles .article__small {
    width: 100%;
  }
  .section-tertiary__right .box-right__articles .article__small .article__content {
    padding-left: 15px;
  }
  .section-tertiary__right .box-right__articles .article__small .article__title {
    font-size: 16px;
  }

  .section-quinary__content {
    display: block;
  }
  .section-quinary .article:first-child .article__title {
    font-size: 20px;
  }
  .section-quinary .article:first-child .article-public {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .section-quinary .article:nth-child(n+2) {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .section-quinary .article:nth-child(n+2):first-child {
    padding-top: 0;
  }
  .section-quinary .article:nth-child(n+2):last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .section-quinary .article:nth-child(n+2) .article__img {
    width: 40%;
    flex-shrink: 0;
  }
  .section-quinary .article:nth-child(n+2) .article__content {
    padding-top: 0;
    padding-left: 15px;
  }

  .section-senary__content {
    display: block;
  }
  .section-senary .article-large {
    width: 100%;
    margin-bottom: 20px;
  }
  .section-senary .article-large .article__title {
    font-size: 20px;
  }

  .section-septenary__content .article-large {
    display: block;
  }
  .section-septenary__content .article-large .article__img {
    width: 100%;
  }
  .section-septenary__content .article-large .article__content {
    padding-left: 0;
    padding-top: 15px;
  }
  .section-septenary__content .article-large .article__title {
    font-size: 20px;
  }
  .section-septenary__content .article__small {
    grid-gap: 10px;
  }
  .section-septenary__content .article__small .article__title {
    font-size: 14px;
  }

  .section-octonary__content {
    display: block;
  }
  .section-octonary .article-large {
    width: 100%;
    margin-bottom: 20px;
  }
  .section-octonary .article-large .article__title {
    font-size: 20px;
  }

  .section-nonary__content .article-large {
    display: block;
  }
  .section-nonary__content .article-large .article__img {
    width: 100%;
  }
  .section-nonary__content .article-large .article__content {
    padding-top: 15px;
    padding-left: 0;
  }
  .section-nonary__content .article-large .article__title {
    font-size: 20px;
  }

  .section-decenary__content {
    display: block;
  }
  .section-decenary__content .article-large {
    margin-bottom: 20px;
  }
  .section-decenary__content .article-large .article__title {
    font-size: 20px;
  }
  .section-decenary__content .article__small .article__content {
    padding-left: 15px;
  }
  .section-decenary__content .article__small .article__title {
    font-size: 16px;
  }

  .section-udenary__content {
    grid-template-columns: 1fr 1fr;
  }
  .section-udenary__content .article__title {
    font-size: 16px;
  }
  .section-udenary__content .article__small {
    grid-column: 1/3;
  }
  .section-udenary__content .article__small .article__img {
    width: 40%;
  }
  .section-udenary__content .article__small .article__content {
    padding-left: 15px;
  }
  .section-udenary__content .article__small .article__title {
    font-size: 16px;
  }

  .section-doudenary .swiper-button-next,
.section-doudenary .swiper-button-prev {
    width: 32px;
    height: 32px;
  }
  .section-doudenary .swiper-button-prev,
.section-doudenary .swiper-rtl .swiper-button-next {
    left: auto;
    right: 50px;
  }
  .section-doudenary .swiper-button-next:after,
.section-doudenary .swiper-button-prev:after {
    font-size: 10px;
  }

  .section-quadenary .swiper-button-next,
.section-quadenary .swiper-button-prev {
    width: 32px;
    height: 32px;
  }
  .section-quadenary .swiper-button-prev,
.section-quadenary .swiper-rtl .swiper-button-next {
    left: auto;
    right: 50px;
  }
  .section-quadenary .swiper-button-next:after,
.section-quadenary .swiper-button-prev:after {
    font-size: 10px;
  }
  .section-quadenary .article__title {
    font-size: 16px;
  }

  .cate-primary .article__large {
    display: block;
  }
  .cate-primary .article__large .article__content {
    margin-top: 15px;
  }
  .cate-primary .article__large .article__title {
    font-size: 20px;
  }
  .cate-primary .article__small {
    grid-gap: 15px;
  }

  .cate-secondary .articles .time-public,
.cate-secondary .articles .article__des {
    display: none;
  }
  .cate-secondary .articles .article__title {
    font-size: 16px;
  }
  .cate-secondary .top {
    padding: 10px;
  }
  .cate-secondary .top .top-articles {
    grid-gap: 10px;
  }

  .box-inner .box-right {
    width: 100%;
  }

  .ads-right img {
    margin: auto;
  }

  .video-primary__container {
    display: block;
  }
  .video-primary__container .article__small {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-top: 20px;
  }
  .video-primary__container .article__small .article {
    margin-bottom: 0;
  }

  .video-secondary {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }

  .detail-title {
    font-size: 28px;
    letter-spacing: 0;
  }

  .footer-wrapper {
    padding-top: 10px;
  }
  .footer-wrapper .footer-heading1 {
    font-size: 14px;
    margin-bottom: 5px;
}
  .footer-wrapper .footer-heading2 {
    font-size: 13px;
    color: #6d1d1d;
  }

  .footer-navbar {
    padding-top: 30px;
}
  .footer-wrapper .footer-content {
    grid-template-columns: 1fr;
  }

  .footer-content__left iframe {
    width: 100% !important;
  }
  .footer-content__left .fb_iframe_widget_fluid span {
    width: 100% !important;
  }

  .footer-content__right {
    margin-top: 0;
  }

  .footer-bot {
    margin-top: 20px;
  }
}

/*# sourceMappingURL=responsive.css.map */
