.card-title {
    margin-bottom: 0.3rem;
  }
  
  .cat {
    display: inline-block;
    margin-bottom: 1rem;
  }
  
  .fa-users {
    margin-left: 1rem;
  }
  
  .card-footer {
    font-size: 0.8rem;
  }
  /* #card_mb_3:hover{
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14);
  } */
  #card_mb_3{
    border: 0px solid rgba(0, 0, 0, 0.2);
    box-shadow:0px 7px 20px 7px rgba(0, 0, 0, 0.125)
   
  }

   a{
    color: red;
  }
   a:hover{
    text-decoration: none;
    color: red;
  }
  @media (min-width: 1200px){
    .container {
        max-width: 85%;
    }
    .card_blog{
        width:400px;
        margin:10px;
    }
    .card_blog_div{
        padding-left:10px;
    }
    .card{
        height:500px;
    }
    .card-img{
    height:300px;
}
  

}

@media (min-width: 320px) and (max-width: 480px) {
     #card_mb_3{
    border: 0px solid rgba(0, 0, 0, 0.2);
    box-shadow:0px 7px 20px 7px rgba(0, 0, 0, 0.125)

  }
     .card_blog{
        width:339px;
        margin-right:15px;
    }
    .card_blog_div{
        margin-left:0px;
    }
    .row{
         margin-left:12px;
    }
    .card-img{
        height:250px;
    }
}

@media screen and (max-width: 768px){
     #card_mb_3{
    border: 0px solid rgba(0, 0, 0, 0.2);
    box-shadow:0px 7px 20px 7px rgba(0, 0, 0, 0.125)

  }
     .card_blog{
        width:500px;
        margin-right:20px;
    }
    .card_blog_div{
        margin-left:0px;
    }
    .row{
         margin-left:12px;
    }
        .card-img{
        height:250px;
    }
}