@media (max-width: 1200px) {
  html {
    font-size: 16px;
  }
  .yublog_aside {
    display: none;
  }
  .yublog_main {
    width: 100%;
  }
  .yublog_header_container {
    padding: 10px;
  }
  .yublog_logo {
    width: 40px;
    height: 40px;
  }
  .article_header .article_author .aricle_time {
    display: none;
  }
  .relevant_article-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .link_container {
    display: none;
  }
}

@media (max-width: 992px) {
  html {
    font-size: 14px;
  }
  .main_container {
    width: 100%;
  }
  .yublog_container {
      width: 100%;
  }
  .yublog_comment_form {
      display: none;
  }
  .yublog_nav {
    display: none;
  }
  .swiper {
    height: 200px;
  }
  .swiper_title .title {
    font-size: 0.8rem;
  }
  .yublog_boutique-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .article_item .thumbnail {
    width: 40%;
    height: 100px;
  }
  .article_item .thumbnail img {
    width: 100%;
    height: 100%;
  }
  .article_item .information .title {
    font-size: 1.1rem;
  }
  .article_item .information .info {
    font-size: 0.8rem;
  }
  .article_item .information .meta {
    display: none;
  }
  
  .yublog_hot_list {
      width: 100%;
  }

  .hot_sort_card {
    grid-template-columns: repeat(1, 1fr);
  }
  .hot_sort_item .hot_sort_title {
    height: 54px;
    background-size: 100% !important;
  }

  .hot_sort_item {
    margin: 10px 0;
  }

  .footer .side_col {
    display: none;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 14px;
  }
  .yublog_search {
    display: none;
  }
}

@media (max-width: 600px) {
  html {
    font-size: 14px;
  }
}

@media (max-width: 400px) {
  html {
    font-size: 14px;
  }
}