@media only screen and (max-width: 768px) {
  .top-header {
    display: block; }
    .top-header .user-menu {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .top-header .user-menu .tulis-artikel {
        display: inline-block;
        padding: 15px 20px;
        border: none; }
      .top-header .user-menu #show_menu {
        display: block;
        color: white;
        font-size: 16px; }
        .top-header .user-menu #show_menu:hover, .top-header .user-menu #show_menu:active, .top-header .user-menu #show_menu:focus {
          text-decoration: none; }
    .top-header form {
      margin: 10px 0; }
      .top-header form .form-group input {
        width: 100%; }

  .main-header {
    display: block; }
    .main-header .logo {
      margin-bottom: 15px; }
      .main-header .logo a {
        display: flex; }
        .main-header .logo a .logo-text {
          display: block; }
          .main-header .logo a .logo-text h1 {
            line-height: 38px;
            font-size: 30px;
            line-height: 1; }
    .main-header .banner img {
      width: 100%; }

  main {
    padding: 0; }

  nav {
    position: absolute;
    background: white;
    top: 0;
    left: -320px;
    height: auto;
    z-index: 9;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.4);
    transition: left 0.2s linear;
    min-height: 900px; }
    nav #close {
      display: block;
      text-align: right;
      padding: 20px 0 10px; }
    nav .main-nav li {
      display: block;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      nav .main-nav li a {
        padding: 15px;
        background: white; }
      nav .main-nav li:last-child {
        border-bottom: 0; }

  nav.active-nav {
    transition: left 0.2s linear;
    left: 0;
    right: 0; }

  .category-list {
    display: flex;
    overflow: scroll; }
    .category-list li a {
      white-space: nowrap; }

  .section-header h3.text {
    padding: 5px; }

  .featured-slider .featured-item .featured-thumb img {
    height: auto; }
  .featured-slider .featured-item .featured-content-wrapper h3 {
    max-height: 52px;
    overflow: hidden; }
  .featured-slider .featured-item .featured-content-wrapper p {
    font-size: 14px; }
  .featured-slider .owl-nav {
    bottom: 3px; }
    .featured-slider .owl-nav .owl-prev, .featured-slider .owl-nav .owl-next {
      padding: 0 5px; }

  .main-content {
    margin-bottom: 40px; }

  .tokoh-wrapper .tokoh-content {
    left: 10px; }

  footer {
    margin-top: 0;
    padding: 20px 0 0; }
    footer .footer-widget {
      margin-bottom: 0; }
    footer .footer-widget-item {
      margin-bottom: 20px; }
      footer .footer-widget-item h4 {
        margin: 0 0 5px; }

  .arsip-foto-wrapper {
    margin-bottom: 25px; }

  .register-box {
    margin: 0; }

  .map-iframe, .contact-form {
    margin-bottom: 20px; }
    .map-iframe input[type=submit], .contact-form input[type=submit] {
      margin-top: 20px; }

  .alamat {
    margin-bottom: 20px; }
    .alamat .col-md-6:first-child {
      margin-bottom: 20px; }

  .login-box {
    display: block;
    height: auto; }
    .login-box .banner {
      width: 100%;
      height: auto; }
    .login-box .form-holder {
      width: 100%; }
      .login-box .form-holder .login-form {
        transform: none;
        top: 0;
        position: relative;
        padding: 30px; }

  .breadcrumb {
    white-space: nowrap;
    overflow: hidden; }
    .breadcrumb li a {
      font-size: 12px; }

  h1.single-main-title {
    font-size: 26px;
    line-height: 1.4; }

  .single-article-wrapper {
    margin: 20px 0; }
    .single-article-wrapper .post-attributes {
      display: block; }
      .single-article-wrapper .post-attributes .tags p {
        overflow: hidden; }
      .single-article-wrapper .post-attributes .share {
        margin-top: 15px; }

  .single-comment-wrapper {
    margin-bottom: 30px; }
    .single-comment-wrapper h2 {
      font-size: 22px; }

  .leave-comment h2 {
    font-size: 22px; }

  .ppid-header-wrapper {
    margin-bottom: 20px; }
    .ppid-header-wrapper .ppid-header {
      display: block;
      padding: 20px 0 0; }
      .ppid-header-wrapper .ppid-header .logo a .logo-text h1 {
        font-size: 30px; }
      .ppid-header-wrapper .ppid-header .menu {
        margin-top: 15px; }
        .ppid-header-wrapper .ppid-header .menu ul {
          display: flex;
          align-items: center;
          justify-content: space-between;
          overflow: scroll; }
          .ppid-header-wrapper .ppid-header .menu ul li {
            border: none;
            display: block;
            text-align: center; }
            .ppid-header-wrapper .ppid-header .menu ul li a {
              font-size: 12px;
              padding: 10px;
              white-space: nowrap; }
            .ppid-header-wrapper .ppid-header .menu ul li:last-child {
              border: none; }

  .ppid-main-wrapper {
    margin-top: 20px; }

  .permohonan-wrapper {
    margin: 20px 0; }

  .ppid-main-wrapper h2 {
    font-size: 22px;
    line-height: 1.4; }

  .about-item .about-list {
    padding: 0; }
    .about-item .about-list .organisasi-li .role {
      width: 100%; }

  .about-item .about-list li .name:before {
    content: ""; }

  .ppid-main-wrapper .filter select {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px; }

  .about-main-wrapper {
    margin-bottom: 20px;
    overflow-x: auto; }

  table {
    overflow-x: scroll; }

  .post-item .arsip-thumb img {
    width: 100px;
    height: 100px; } }

/*# sourceMappingURL=responsive.css.map */