/* @media only screen and (max-width: 1190px) { 
  .blog-ctr{
    transform: scale(0.5);
  }

} */


@media only screen and (max-width: 767px) { 
  .nav-ctr{
    display: none;
  }
  .menu-btn{
    display: block;
  }  
  .blog-ctr{
    flex-direction: column;
    align-items: center;
    padding: 10px;
  }
  .intro-ctr,.detail{
    width: 80%;
    padding: 0;
  }
}