/* ------------ BERITA SECTION ---------------
* Mobile Only
*/
@media only screen and (max-width: 767px) {
  div.ui.berita-section-header > div.column:last-child > a {
    display: flex;
  }
  .ui.kontak-section{
    margin: 70px 0 70px 0;
  }
  #map {
    height: 400px;
  }
}

/* Tablet and higher */
@media only screen and (min-width: 768px) {
  .berita-section > div.column:last-child > a.button-more {
    display: flex;
  }

}
/* ------------ END BERITA SECTION ---------------*/



/* ------------ PMB SECTION ---------------*/
/* Mobile and smaller*/
@media only screen and (max-width: 520px) {
  .pmb-section > div > div > p {
    font-size: 25px;
  }

  .pmb-section .ui.outline.button {
    font-size: 25px;
    padding: 10px 20px 10px 20px;
  }
}

@media only screen and (max-width: 420px) {
  .pmb-section > div > div > p {
    font-size: 20px;
  }
  .pmb-section .ui.outline.button {
    font-size: 20px;
  }
}
/* ------------ END PMB SECTION ---------------*/



/* ------------ FOOTER ---------------*/
/* Smaller than mobile*/
@media screen and (max-width: 480px) {
  .ui.footer-section > .container:nth-child(2) .right.menu a {
    display: none;
  }
}
/* ------------ END FOOTER ---------------*/



/* ------------ MOBILE ONLY ---------------*/
@media only screen and (max-width: 767px) {
  .ui.navbar-section .item > img  {
    transform: translateX(-1em);
  }

  .ui.navbar-section .item  {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .ui.media-section {
    display: none;
  }

  .navbar-section .right.menu > a.item {
    display: none;
  }

  .pmb-section > div.ui.column > div.column:last-child {
    justify-content: flex-start;
  }

  .unikom-apps-section > div.ui.grid.container .column:first-child {
    display: none;
  }

  .unikom-apps-section > div.ui.grid.container .column:last-child {
    width: 100%;
  }

  .info-section .berita-section {
    transform: translateX(14px);
  }

  .detail-artikel .ui.berita-section {
    transform: translateX(-30px);
    padding-left: 0;
    width: 100% !important
  }

  .detail-artikel .ui.berita-section .ui.column.container {
    padding-right: 0 !important;
    margin-right: 0 !important;
  }

  .detail-artikel .ui.berita-section .description p img {
    max-width: 100% !important;
    height: auto !important;
  }

  .detail-event .ui.berita-section {
    transform: translateX(-30px);
    padding-left: 0;
    width: 100% !important
  }

  .detail-event .ui.berita-section .ui.column.container {
    padding-right: 0 !important;
    margin-right: 0 !important;
  }

  .detail-event .ui.berita-section .description p img, .description p img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* --- gallery image --- */
  .my-gallery figure.ui.card {
    width: 100%;
    height: auto !important;
  }
}



/* ------------ TABLET ONLY ---------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-section .right.menu > a.item {
    display: none;
  }

  .pmb-section > div > div > p {
    font-size: 27px;
  }

  .pmb-section .ui.outline.button {
    font-size: 25px;
    padding: 10px 20px 10px 20px;
  }

  .unikom-apps-section > div.ui.grid.container .column:first-child {
    display: none;
  }

  .unikom-apps-section > div.ui.grid.container .column:last-child {
    width: 100%;
  }

  .detail-artikel .ui.berita-section .description p img {
    max-width: 100% !important;
    height: auto !important;
  }

  .detail-event .ui.berita-section .description p img {
    max-width: 100% !important;
    height: auto !important;
  }
}