/* Tablet */
@media (max-width: 768px) {
  .post-item {
    flex: 0 0 100%; /* 1 kolom */
  }
}

/* Mobile */
@media (max-width: 480px) {
    .header-menu{
        display:none;
    }

    .hamburger-icon {
        display: block;
    }

    .header-menu.mobile-active {
       display: block;
       position: absolute;
       top: 60px;
       left: 0;
       width: 100%;
       background-color: #fff;
       z-index: 1000;
    }
     .header-menu.mobile-active ul{
        flex-direction: column;
     }
    .header-menu.mobile-active li{
        margin:10px 0;
    }
    /* Footer Mobile */
    .footer-menu li {
        text-align: center;
    }
}