@media screen and (max-width: 1120px) {
  main {
    padding-right: 0; }
  .Side-navigation {
    display: none; }
  .logo {
    display: none; }
  .news-list:last-child {
    width: 250px !important; } }

@media screen and (max-width: 900px) {
  .top-links {
    width: 80px; }
  .top-title {
    font-size: 4rem; }
    .top-title span {
      font-size: 4rem; }
  .about {
    height: 1000px;
    padding: 20px 0; }
    .about-content {
      line-height: 2rem;
      margin-top: 5px; }
    .about-up {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      width: 100%;
      margin: 0;
      margin-bottom: 20px; }
    .about-down {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
      margin: 0; }
    .about-left {
      padding: 10px;
      padding-top: 20px;
      width: auto;
      opacity: 1;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    .about-right, .about-right2 {
      top: 0;
      left: 0;
      width: auto;
      height: 400px; }
    .about-right {
      background-image: url("../img/about2.jpg"); }
    .about-right2 {
      background-image: url("../img/about6.jpg"); }
  .detail {
    padding: 10px;
    height: 1000px; }
    .detail-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .detail-left {
      width: 100%;
      height: 400px;
      padding: 0; }
    .detail-right {
      width: 100%; }
    .detail-img {
      display: block; }
    .detail-topicwrapper {
      width: 80px;
      padding-left: 10px;
      min-width: 100px; }
  .news {
    padding: 10px .news -title;
      padding-margin-bottom: 40px; }
    .news-lists {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .news-list {
      width: 90% !important;
      margin-bottom: 40px;
      opacity: 1 !important;
      -webkit-transform: translate(0, 0) !important;
              transform: translate(0, 0) !important; }
    .news-image {
      -o-object-fit: cover;
         object-fit: cover; }
    .news .news-list:last-child {
      width: 90% !important; }
  .genre {
    padding: 10px; }
    .genre-lists {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .genre-list {
      width: 100%;
      margin-bottom: 20px; } }

@media screen and (max-width: 500px) {
  html {
    font-size: 55%; }
  .top-opening {
    line-height: 7rem; }
  .genre-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .genre-image {
    width: 100%; }
  .genre-content {
    width: 100%; } }