/* Responsive Styles */
@media (max-width: 1200px) {
  .font_50 {
    font-size: 40px !important;
  }
}

@media (max-width: 992px) {
  .font_50 {
    font-size: 35px !important;
  }

  .top_1l ul li,
  .top_1r ul li {
    margin-bottom: 10px;
  }

  .navbar-nav {
    margin-top: 15px;
  }

  .blog_1l {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .font_50 {
    font-size: 30px !important;
  }

  .top_1l ul li,
  .top_1r ul li {
    display: block;
    margin-bottom: 10px;
  }

  .navbar-nav {
    margin-top: 15px;
  }

  .blog_1l {
    margin-bottom: 30px;
  }

  .blog_h1i1i1 h3 {
    padding: 0.25rem 0.5rem;
    font-size: 1rem;
  }

  .blog_h1i2 h3 {
    font-size: 1.5rem;
  }

  .meta-info {
    font-size: 12px;
  }

  .blog_dt1,
  .blog_dt2,
  .blog_dt1i1 {
    padding: 1rem;
  }

  .blog_dt1i {
    padding: 1rem;
  }

  .social_tag li {
    margin-right: 5px;
  }

  .social_tag li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}

@media (max-width: 576px) {
  .font_50 {
    font-size: 25px !important;
  }

  .top_1l ul li,
  .top_1r ul li {
    display: block;
    margin-bottom: 10px;
  }

  .navbar-nav {
    margin-top: 15px;
  }

  .blog_1l {
    margin-bottom: 30px;
  }

  .blog_h1i1i1 h3 {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
  }

  .blog_h1i2 h3 {
    font-size: 1.25rem;
  }

  .meta-info {
    font-size: 11px;
  }

  .blog_dt1,
  .blog_dt2,
  .blog_dt1i1 {
    padding: 0.75rem;
  }

  .blog_dt1i {
    padding: 0.75rem;
  }

  .social_tag li {
    margin-right: 3px;
  }

  .social_tag li a {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
}