@media screen and (max-width: 480px) {
  img.small-thumb{
    height: 100%;    
  }
}

@media (max-width: 576px){

  .navbar-nav{
    display: block;
  }

  .post-media{
    display: flex;
  }

  .blog-list .post-thumb{
    display: flex;
    margin-bottom: 10px;
  }

  .post-thumb img{
/*    width: 100%;*/
  }

  .slide-img{
    height: 200px !important;
  }

  .category-list{
    display: none;
  }

  .post-title{
    font-size: 1rem;
  }

  .item-grid{
    padding-left: 5px;
    padding-right: 5px;
  }

  .login-container{
    margin-top: 100px;
  }

}