/* =============================================================================
   responsive-mobile.css — RSUD Palembang BARI
   -----------------------------------------------------------------------------
   MENGAPA BERKAS INI ADA
   Seluruh aturan tata letak mobile situs ini sebelumnya hanya hidup di dalam
   assets-front/css/responsive.css, terbungkus TUJUH blok @media yang identik:

     @media only screen and (min-device-width: X) and (max-device-width: Y)
            and (-webkit-min-device-pixel-ratio: Z) and (orientation: portrait)

   Ketujuh blok itu byte-per-byte SAMA (491 baris aturan, 87 selector), hanya
   pembungkusnya yang berbeda — masing-masing menyasar satu model iPhone:

     320-480 @2x .... iPhone 4 / 4s
     320-568 @2x .... iPhone 5 / 5s / SE gen-1
     375-667 @2x .... iPhone 6 / 7 / 8 / SE gen-2 / SE gen-3
     414-736 @3x .... iPhone 6+ / 7+ / 8+
     375-812 @3x .... iPhone X / XS / 11 Pro / 12 mini / 13 mini
     414-896 @2x .... iPhone XR / 11
     390-844 @3x .... iPhone 12 / 12 Pro / 13 / 13 Pro / 14

   Akibatnya: ponsel di luar tujuh ukuran itu TIDAK mendapat satu pun aturan
   mobile, lalu jatuh ke tata letak desktop. Itulah sebabnya situs terasa
   "responsif di sebagian HP, berantakan di HP lain". Yang tidak kebagian
   antara lain hampir semua Android (360x640, 360x800, 393x851 Pixel,
   412x915 Galaxy) dan iPhone keluaran baru (393x852, 428x926, 430x932).

   APA YANG DILAKUKAN BERKAS INI
   Aturan yang sama persis dipasang ulang SATU KALI di dalam media query
   berbasis VIEWPORT (max-width), sehingga berlaku untuk semua lebar layar
   kecil tanpa peduli merek/model. Isi aturannya tidak diubah sedikit pun —
   disalin apa adanya dari blok pertama supaya tidak ada regresi tampilan.

   CARA PAKAI: muat SESUDAH responsive.css.
   Lihat README.md untuk langkah pemasangan dan catatan perbedaan perilaku.
   ============================================================================= */

@media (max-width: 767.98px) {
  .showhide-search {
    display: inline !important;
  }

  .widget {
    font-size: 12px;
  }

  .styled-icons {
    display: none;
  }

  .btn-ol {
    display: none;
  }

  .bg-theme-colored-darker4 {
    border-radius: 0 !important;
  }

  h5.text-uppercase {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1 !important;
  }

  .box-text {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    min-height: 7.33em;
  }

  i.font-64 {
    font-size: 30px !important;
  }

  .img-box {
    width: 40px;
    height: 40px;
  }

  .home-boxes {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .animation-delay1,
  .animation-delay2,
  .animation-delay3,
  .animation-delay4 {
    padding: 0 !important;
  }

  .box-mob-txt {
    font-size: 10px;
  }

  .con-mob {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .art-mob {
    margin-top: 0 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .dick-txt {
    font-size: 22px !important;
  }

  .dick-sub {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  /* KATA SAMBUTAN */
  .con-1 {
    padding-top: 0 !important;
  }

  h3.well-txt {
    font-size: 16px;
  }

  h2.well-title {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 0px !important;
  }

  p.well-subtitle {
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 0 !important;
  }

  p.well-isi {
    font-size: 13px;
    line-height: 1.5;
    margin-top: 10px !important;
    text-align: justify;
    text-justify: inter-word;
  }

  p.well-nama {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 0 !important;
  }

  p.well-jabatan {
    font-size: 13px;
    line-height: 1.5;
  }

  .opening-hours {
    padding-top: 15px;
  }

  /* END KATA SAMBUTAN */
  /* RED PARALAX */
  .con-paralax {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .row-paralax {
    margin-bottom: 0 !important;
  }

  h2.paralax-txt {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  .divider-bg {
    background-position: 30% 0px !important;
  }

  /* END RED PARALAX */
  /* 5 LAYANAN UNGGULAN */
  .unggulan-sec {
    margin-bottom: 15px !important;
  }

  .services-tab .nav.nav-tabs a i {
    font-size: 24px !important;
  }

  .services-tab .nav-tabs>li>a i {
    margin-bottom: 0 !important;
  }

  .ser-mob {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 10px !important;
  }

  h1.title-unggulan,
  h4.entry-title {
    font-size: 16px !important;
  }

  .grayscale-icon {
    width: 30px;
    height: 30px;
  }

  .services-tab .nav.nav-tabs a {
    padding: 10px 0;
    min-height: 83px !important;
  }

  .services-tab .nav-tabs>li a p:hover {
    color: #203D3F !important;
  }

  .services-tab .nav-tabs>li a p:focus {
    color: #203D3F !important;
  }

  .services-tab .nav-tabs>li a p {
    font-size: 9px;
    margin-top: 10px;
    margin-right: 2px;
    margin-bottom: 0px;
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
    line-height: 1.2;
    /* Batas 2 baris */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .unggulan-isi p {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5 !important;
    text-align: justify;
    text-justify: inter-word;
    margin-bottom: 0;
  }

  .thumb-mob img.lazy {
    display: block;
    width: 75% !important;
    margin-left: 13%;
  }

  .unggulan-isi-full p {
    text-align: justify;
    text-justify: inter-word;
  }

  .desc-berita {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px !important;
    line-height: 1.5 !important;
    text-align: justify;
    text-justify: inter-word;
    margin-bottom: 0;
  }

  /* END 5 LAYANAN UNGGULAN */
  /* INOVASI */
  .col-inovasi {
    margin: 20px !important;
  }

  .icon-inovasi {
    margin-bottom: 0 !important;
  }

  /* END INOVASI */
  /* DIREKSI */
  .portfolio-filter {
    margin-bottom: 15px !important;
  }

  .portfolio-filter a {
    font-size: 13px !important;
    padding: 6px 10px !important;
    margin-right: 3px !important;
    border-radius: 5px !important;
  }

  /* END DIREKSI */
  /* INSTAGRAM */
  .icon-group {
    font-size: 10px;
    gap: 8px;
  }

  .icon i {
    margin-right: 0px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }

  .video-label {
    padding: 1px 3px;
    font-size: 10px;
  }

  .insta-modal-content {
    flex-direction: column;
    height: 90%;
    margin-left: 20px;
    margin-right: 20px;
  }

  .modal-main {
    flex-direction: column;
  }

  .modal-media {
    max-width: 100%;
    aspect-ratio: auto;
  }

  .modal-info {
    padding: 15px;
  }

  .close-modal {
    right: 10px;
    top: -8px !important;
  }

  /* END INSTAGRAM */
  /* ARTIKEL */
  .r-columns-mob {
    margin-left: 0;
    margin-right: 0;
  }

  .ra-grid-2 {
    display: block;
  }

  .art-left-top {
    margin-left: 0 !important;
    padding-right: 8px;
  }

  .art-title {
    font-size: 23px;
    line-height: 30px;
  }

  .auth-mob-txt {
    font-size: 14px !important;
  }

  .tag-mob-txt {
    font-size: 14px !important;
    line-height: 19.6px !important;
    margin: 0;
    padding: 0;
  }

  .share-mob {
    font-size: 14px !important;
    margin-bottom: 16px;
  }

  .art-pic-mob {
    max-height: none !important;
    min-height: auto !important;
    width: 100%;
    aspect-ratio: 16/9;
    display: flex;
    overflow: hidden !important;
    border-radius: 10px;
  }

  .flex-content-mob {
    margin-top: 30px !important;
  }

  .two-third-mob {
    margin-left: 0;
    margin-right: 0;
  }

  .source-txt {
    font-size: 14px !important;
    line-height: 17.5px;
  }

  .k-vq-success-lh {
    font-size: 12px;
    line-height: 17px;
  }

  .nx-art-mob {
    display: none;
  }

  .date-md-3 {
    font-size: 11px !important;
  }

  .entry-content-md-3 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .pagination {
    margin: 0;
    font-size: 14px;
  }

  .pagination>li>a,
  .pagination>li>span {
    padding: 5px 10px;
  }

  .archive-newsitem {
    margin-bottom: 20px !important;
  }

  /* END ARTIKEL */
  /* FOOTER */
  .con-footer {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .dark-foot {
    margin-bottom: 20px !important;
  }

  .dark-foot img {
    width: 60%;
  }

  .foot-title {
    font-size: 14px !important;
    margin-bottom: 0 !important;
  }

  .list-foot {
    margin-top: 5px !important;
  }

  .contact-foot {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding-top: 20px !important;
  }

  .h5-contact-foot {
    font-size: 14px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .p-contact-foot {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  .txt-copyright-mob {
    font-size: 11px !important;
  }

  /* END FOOTER */
  .btn-mob {
    font-size: 12px !important;
    padding: 6px 12px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .line-bottom-txt {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }

  .accor-txt {
    font-size: 13px !important;
  }

  .panel-group .panel-title {
    font-size: 13px !important;
  }

  .panel-group .panel-title a {
    font-size: 13px !important;
  }

  .panel-group .panel-title a::after {
    font-size: 13px !important;
  }

  .banner-slider {
    height: 22vh;
  }

  .my-6 {
    margin-top: 0 !important;
  }

  .con-mob-head {
    padding-left: 15px;
    padding-right: 15px;
  }

  .r-hideInMobile {
    display: none;
  }
}