/* ------------ 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;
  }

  .conference-section {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@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) {
  /* Berita */
  .list-berita__img img {
    border-radius: 4px;
    object-fit: cover;
  }
  .content-berita__title h3 {
    font-size: 14px;
  }
  .content-berita__meta {
    font-size: 14px;
  }
  .ui.berita-section__content {
    padding: 0;
  }

  /* Berita Content */
  .ui.berita-card {
    flex-direction: column;
  }
  .berita-card__img {
    border-radius: 4px 4px 0 0;
  }

  /* Prestasi */
  .prestasi-section__content-numbers {
    flex-direction: column;
    align-items: center;
  }
  .prestasi-section__national {
    margin-right: 0;
    margin-bottom: 40px;
  }
  /* Informasi Akademik */
  .list-kalender-akademik__item {
    padding: 60px 21px 60px 60px;
    margin-left: 42px;
  }
  .list-kalender-akademik--vertical .list-kalender-akademik__item {
    margin-left: 0;
  }
  .list-kalender-akademik__date {
    margin: 0;
    top: 20px;
    left: -47px;
  }
  .list-kalender-akademik--vertical .list-kalender-akademik__date {
    left: -34px;
  }
  .list-kalender-akademik--vertical.grid.column.one.stackable .column.list-kalender-akademik__col {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .list-kalender-akademik__col:not(:first-child):before,
  .list-kalender-akademik__col:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: auto;
    left: 25px;
    background-color: #0A62A9;
  }
  .list-kalender-akademik__col:not(:first-child):before {
    bottom: 65%;
    top: 0;
  }
  .list-kalender-akademik__col:not(:last-child):after {
    top: 136px;
    bottom: 0;
  }
  .list-kalender-akademik__list-event {
    height: auto;
  }

  /* Ayo Gabung */
  .ayo-gabung-section__foto{
    border-radius: 0;
  }
  .ayo-gabung-section__daftar {
    border-radius: 0;
  }

  /* Gallery */
  .gallery__left {
    width: 100%;
  }
  .gallery__right {
    width: 100%;
  }
  .gallery__right .gallery__col {
    width: 100%;
    padding-left: 17px;
  }

  /* UNIKOM APPS */
  .unikom-apps-section__col {
    align-items: center;
  }
  .unikom-apps-section__col--center {
    padding-left: 14px !important;
  }

  .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; */
  }

  .media-section .ui.menu {
    justify-content: center;
  }

  .ui.menu:not(.vertical) .right.menu.social {
    display: none;
  }

  .ui.menu:not(.vertical) .left.menu.informasi-unikom {
    margin-right: 0 !important;
    flex-wrap: wrap;
    justify-content: center;
  }

  .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;
  }

  .ui.menu:not(.vertical) .right.menu.social {
    display: none;
  }

  .ui.menu:not(.vertical) .left.menu.informasi-unikom {
    margin-right: 0 !important;
  }

  .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;
  }

  .unikom-apps-section__col:last-child {
    flex-direction: row;
  }
  
  .unikom-apps-section__col--center {
    text-align: center;
    align-items: center;
  }

  .unikom-apps-section__google-play {
    margin-right: 24px;
  }
}