
@media only screen and (max-width: 1200px) {

  .inner-banner  h1, h1 {
     font-size: 38px;
}

a.nav-link {
  font-size: 12px;
  margin: 0;
}

}



@media only screen and (max-width: 992px) {

  a.nav-link {
    font-size: 16px;
    margin: 0 6px;
  }

  .inner-banner  h1, h1 {
    font-size: 32px;
  }

  .tag {
    flex-wrap: wrap;
}

.blog-list {
  flex-flow: column;
}

.home-banner .input-group {
  margin-top: 20px;
  margin-bottom: 20px;
}

.home-banner {
  padding-top: 40px;
}



  }

  @media only screen and (max-width: 767px) {

    .next-blog-details {
      position: static;
      margin-top: 20px;
  }

  }
  