/**
 * Info Persada News - BloggingPro Child v2
 * Responsive/mobile-first tanpa mengubah file tema induk.
 */

:root {
    --ipn-red: #e50f10;
    --ipn-red-dark: #9a0a0b;
    --ipn-blue: #1263d2;
    --ipn-blue-dark: #09245d;
    --ipn-ink: #111827;
    --ipn-muted: #667085;
    --ipn-line: #e5e7eb;
    --ipn-bg-soft: #f6f8fb;
    --ipn-radius: 10px;
    --ipn-shadow: 0 8px 24px rgba(0, 0, 0, .08);
    --ipn-content: 1240px;
}

.ipn-bloggingpro-child,
.ipn-bloggingpro-child * {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body.ipn-bloggingpro-child {
    overflow-x: hidden;
    background: #fff;
    color: var(--ipn-ink);
}

/* ---------- Media universal ---------- */
.ipn-bloggingpro-child img,
.ipn-bloggingpro-child svg,
.ipn-bloggingpro-child video,
.ipn-bloggingpro-child canvas {
    max-width: 100%;
    height: auto;
}

.ipn-bloggingpro-child iframe,
.ipn-bloggingpro-child embed,
.ipn-bloggingpro-child object {
    max-width: 100%;
}

.ipn-bloggingpro-child figure {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

/* ---------- Container umum ---------- */
.ipn-bloggingpro-child .container,
.ipn-bloggingpro-child .wrapper,
.ipn-bloggingpro-child .site,
.ipn-bloggingpro-child .site-content,
.ipn-bloggingpro-child #page,
.ipn-bloggingpro-child #content {
    max-width: 100%;
}

@media (min-width: 1200px) {
    .ipn-bloggingpro-child .container,
    .ipn-bloggingpro-child .ktz-container,
    .ipn-bloggingpro-child .site-content,
    .ipn-bloggingpro-child .wrapper {
        width: min(100% - 32px, var(--ipn-content));
        margin-left: auto;
        margin-right: auto;
    }
}

/* ---------- Logo: menyesuaikan PC, laptop, tablet, HP ---------- */
.ipn-bloggingpro-child .custom-logo-link,
.ipn-bloggingpro-child .ipn-shortcode-logo,
.ipn-bloggingpro-child .ipn-fallback-logo,
.ipn-bloggingpro-child .site-logo a,
.ipn-bloggingpro-child .logo a,
.ipn-bloggingpro-child .ktz-logo a,
.ipn-bloggingpro-child .site-branding a {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    text-decoration: none;
}

.ipn-bloggingpro-child .custom-logo,
.ipn-bloggingpro-child .ipn-brand-logo,
.ipn-bloggingpro-child .ipn-shortcode-logo img,
.ipn-bloggingpro-child .site-logo img,
.ipn-bloggingpro-child .logo img,
.ipn-bloggingpro-child .ktz-logo img,
.ipn-bloggingpro-child .site-branding img {
    display: block;
    width: auto;
    height: auto;
    max-width: min(100%, 720px);
    max-height: 190px;
    object-fit: contain;
}

/* ---------- Navigasi ---------- */
.ipn-bloggingpro-child nav,
.ipn-bloggingpro-child .main-navigation,
.ipn-bloggingpro-child .navbar,
.ipn-bloggingpro-child .ktz-mainmenu {
    max-width: 100%;
}

.ipn-bloggingpro-child nav ul,
.ipn-bloggingpro-child .menu,
.ipn-bloggingpro-child .nav-menu {
    max-width: 100%;
}

.ipn-bloggingpro-child nav a,
.ipn-bloggingpro-child .menu a,
.ipn-bloggingpro-child .nav-menu a {
    overflow-wrap: normal;
    word-break: normal;
}

/* ---------- Typography ---------- */
.ipn-bloggingpro-child .entry-content,
.ipn-bloggingpro-child .post-content,
.ipn-bloggingpro-child .article-content,
.ipn-bloggingpro-child article {
    overflow-wrap: anywhere;
    word-break: normal;
}

.ipn-bloggingpro-child h1,
.ipn-bloggingpro-child h2,
.ipn-bloggingpro-child h3,
.ipn-bloggingpro-child h4,
.ipn-bloggingpro-child .entry-title,
.ipn-bloggingpro-child .post-title {
    overflow-wrap: break-word;
    text-wrap: balance;
}

.ipn-bloggingpro-child .entry-content p,
.ipn-bloggingpro-child .post-content p {
    max-width: 100%;
}

/* ---------- Thumbnail/kartu berita ---------- */
.ipn-bloggingpro-child .post-thumbnail,
.ipn-bloggingpro-child .featured-image,
.ipn-bloggingpro-child .thumbnail,
.ipn-bloggingpro-child .ktz-thumbwrap {
    max-width: 100%;
    overflow: hidden;
}

.ipn-bloggingpro-child .post-thumbnail img,
.ipn-bloggingpro-child .featured-image img,
.ipn-bloggingpro-child .thumbnail img,
.ipn-bloggingpro-child .ktz-thumbwrap img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* ---------- Iklan/banner ---------- */
.ipn-bloggingpro-child .ads,
.ipn-bloggingpro-child .advertisement,
.ipn-bloggingpro-child .banner,
.ipn-bloggingpro-child [class*="ads-"],
.ipn-bloggingpro-child [class*="banner-"] {
    max-width: 100%;
    overflow: hidden;
}

.ipn-bloggingpro-child .ads img,
.ipn-bloggingpro-child .advertisement img,
.ipn-bloggingpro-child .banner img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/* ---------- Tabel/form ---------- */
.ipn-bloggingpro-child .entry-content table,
.ipn-bloggingpro-child .post-content table,
.ipn-bloggingpro-child table {
    width: 100%;
    max-width: 100%;
}

.ipn-bloggingpro-child .entry-content table,
.ipn-bloggingpro-child .post-content table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ipn-bloggingpro-child input,
.ipn-bloggingpro-child select,
.ipn-bloggingpro-child textarea,
.ipn-bloggingpro-child button {
    max-width: 100%;
}

.ipn-bloggingpro-child input[type="text"],
.ipn-bloggingpro-child input[type="email"],
.ipn-bloggingpro-child input[type="url"],
.ipn-bloggingpro-child input[type="search"],
.ipn-bloggingpro-child textarea,
.ipn-bloggingpro-child select {
    min-height: 44px;
    font-size: 16px;
}

/* ---------- Accessibility ---------- */
.ipn-bloggingpro-child a:focus-visible,
.ipn-bloggingpro-child button:focus-visible,
.ipn-bloggingpro-child input:focus-visible,
.ipn-bloggingpro-child select:focus-visible,
.ipn-bloggingpro-child textarea:focus-visible {
    outline: 3px solid rgba(18, 99, 210, .35);
    outline-offset: 2px;
}

/* ---------- LAPTOP kecil / TABLET landscape ---------- */
@media (max-width: 1199px) {
    .ipn-bloggingpro-child .container,
    .ipn-bloggingpro-child .ktz-container,
    .ipn-bloggingpro-child .site-content,
    .ipn-bloggingpro-child .wrapper {
        width: calc(100% - 28px);
        margin-left: auto;
        margin-right: auto;
    }

    .ipn-bloggingpro-child .custom-logo,
    .ipn-bloggingpro-child .ipn-brand-logo,
    .ipn-bloggingpro-child .ipn-shortcode-logo img,
    .ipn-bloggingpro-child .site-logo img,
    .ipn-bloggingpro-child .logo img,
    .ipn-bloggingpro-child .ktz-logo img,
    .ipn-bloggingpro-child .site-branding img {
        max-width: min(100%, 620px);
        max-height: 170px;
    }
}

/* ---------- TABLET ---------- */
@media (max-width: 991px) {
    .ipn-bloggingpro-child .container,
    .ipn-bloggingpro-child .ktz-container,
    .ipn-bloggingpro-child .site-content,
    .ipn-bloggingpro-child .wrapper,
    .ipn-bloggingpro-child main,
    .ipn-bloggingpro-child #main,
    .ipn-bloggingpro-child #primary,
    .ipn-bloggingpro-child #secondary,
    .ipn-bloggingpro-child .content-area,
    .ipn-bloggingpro-child .widget-area {
        max-width: 100%;
    }

    .ipn-bloggingpro-child .custom-logo,
    .ipn-bloggingpro-child .ipn-brand-logo,
    .ipn-bloggingpro-child .ipn-shortcode-logo img,
    .ipn-bloggingpro-child .site-logo img,
    .ipn-bloggingpro-child .logo img,
    .ipn-bloggingpro-child .ktz-logo img,
    .ipn-bloggingpro-child .site-branding img {
        max-width: min(100%, 520px);
        max-height: 150px;
    }

    /* Sidebar turun dengan aman bila parent memakai float/grid lama. */
    .ipn-bloggingpro-child #primary,
    .ipn-bloggingpro-child #secondary,
    .ipn-bloggingpro-child .content-area,
    .ipn-bloggingpro-child .widget-area {
        min-width: 0;
    }
}

/* ---------- HP / ANDROID ---------- */
@media (max-width: 767px) {
    body.ipn-bloggingpro-child {
        overflow-x: hidden;
    }

    .ipn-bloggingpro-child .container,
    .ipn-bloggingpro-child .ktz-container,
    .ipn-bloggingpro-child .site-content,
    .ipn-bloggingpro-child .wrapper {
        width: calc(100% - 20px);
        padding-left: 0;
        padding-right: 0;
    }

    .ipn-bloggingpro-child .site-branding,
    .ipn-bloggingpro-child .logo,
    .ipn-bloggingpro-child .ktz-logo {
        max-width: 100%;
        text-align: center;
    }

    .ipn-bloggingpro-child .custom-logo-link,
    .ipn-bloggingpro-child .ipn-shortcode-logo,
    .ipn-bloggingpro-child .site-logo a,
    .ipn-bloggingpro-child .logo a,
    .ipn-bloggingpro-child .ktz-logo a,
    .ipn-bloggingpro-child .site-branding a {
        justify-content: center;
        width: 100%;
    }

    .ipn-bloggingpro-child .custom-logo,
    .ipn-bloggingpro-child .ipn-brand-logo,
    .ipn-bloggingpro-child .ipn-shortcode-logo img,
    .ipn-bloggingpro-child .site-logo img,
    .ipn-bloggingpro-child .logo img,
    .ipn-bloggingpro-child .ktz-logo img,
    .ipn-bloggingpro-child .site-branding img {
        width: 100%;
        max-width: 420px;
        max-height: 140px;
        margin: 0 auto;
    }

    /* Menu horizontal parent tetap bisa dipakai tanpa memecah layout. */
    .ipn-bloggingpro-child .scroll-mobile-menu,
    .ipn-bloggingpro-child .mobile-scroll-menu,
    .ipn-bloggingpro-child .ktz-mobile-menu,
    .ipn-bloggingpro-child nav .menu,
    .ipn-bloggingpro-child nav .nav-menu {
        max-width: 100%;
    }

    .ipn-bloggingpro-child .scroll-mobile-menu > ul,
    .ipn-bloggingpro-child .mobile-scroll-menu > ul {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .ipn-bloggingpro-child .scroll-mobile-menu > ul > li,
    .ipn-bloggingpro-child .mobile-scroll-menu > ul > li {
        flex: 0 0 auto;
    }

    .ipn-bloggingpro-child .entry-content,
    .ipn-bloggingpro-child .post-content,
    .ipn-bloggingpro-child .article-content {
        font-size: 17px;
        line-height: 1.75;
    }

    .ipn-bloggingpro-child h1,
    .ipn-bloggingpro-child .entry-title,
    .ipn-bloggingpro-child .post-title {
        font-size: clamp(26px, 7vw, 36px);
        line-height: 1.22;
        letter-spacing: -.02em;
    }

    .ipn-bloggingpro-child h2 {
        font-size: clamp(22px, 5.7vw, 30px);
        line-height: 1.28;
    }

    .ipn-bloggingpro-child h3 {
        font-size: clamp(19px, 5vw, 25px);
        line-height: 1.32;
    }

    .ipn-bloggingpro-child .widget,
    .ipn-bloggingpro-child article,
    .ipn-bloggingpro-child .post,
    .ipn-bloggingpro-child .page {
        max-width: 100%;
        min-width: 0;
    }

    /* Touch target nyaman */
    .ipn-bloggingpro-child button,
    .ipn-bloggingpro-child input[type="submit"],
    .ipn-bloggingpro-child .button,
    .ipn-bloggingpro-child .btn {
        min-height: 44px;
    }

    /* Footer tidak meluber */
    .ipn-bloggingpro-child footer,
    .ipn-bloggingpro-child .site-footer,
    .ipn-bloggingpro-child .footer {
        overflow-x: hidden;
    }
}

/* ---------- HP kecil ---------- */
@media (max-width: 480px) {
    .ipn-bloggingpro-child .container,
    .ipn-bloggingpro-child .ktz-container,
    .ipn-bloggingpro-child .site-content,
    .ipn-bloggingpro-child .wrapper {
        width: calc(100% - 16px);
    }

    .ipn-bloggingpro-child .custom-logo,
    .ipn-bloggingpro-child .ipn-brand-logo,
    .ipn-bloggingpro-child .ipn-shortcode-logo img,
    .ipn-bloggingpro-child .site-logo img,
    .ipn-bloggingpro-child .logo img,
    .ipn-bloggingpro-child .ktz-logo img,
    .ipn-bloggingpro-child .site-branding img {
        max-width: 360px;
        max-height: 120px;
    }

    .ipn-bloggingpro-child .entry-content,
    .ipn-bloggingpro-child .post-content,
    .ipn-bloggingpro-child .article-content {
        font-size: 16px;
        line-height: 1.72;
    }
}

/* ---------- Perangkat sangat kecil ---------- */
@media (max-width: 360px) {
    .ipn-bloggingpro-child .custom-logo,
    .ipn-bloggingpro-child .ipn-brand-logo,
    .ipn-bloggingpro-child .ipn-shortcode-logo img,
    .ipn-bloggingpro-child .site-logo img,
    .ipn-bloggingpro-child .logo img,
    .ipn-bloggingpro-child .ktz-logo img,
    .ipn-bloggingpro-child .site-branding img {
        max-width: 320px;
    }
}

/* ---------- Kurangi motion bila user memilihnya ---------- */
@media (prefers-reduced-motion: reduce) {
    .ipn-bloggingpro-child *,
    .ipn-bloggingpro-child *::before,
    .ipn-bloggingpro-child *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* ---------- Pusatkan area logo & buat lebih adaptif semua perangkat ---------- */
.ipn-bloggingpro-child .site-branding,
.ipn-bloggingpro-child .logo,
.ipn-bloggingpro-child .ktz-logo,
.ipn-bloggingpro-child .site-logo,
.ipn-bloggingpro-child .custom-logo-link,
.ipn-bloggingpro-child .ipn-fallback-logo,
.ipn-bloggingpro-child .ipn-shortcode-logo {
    text-align: center;
}

.ipn-bloggingpro-child .custom-logo-link,
.ipn-bloggingpro-child .ipn-fallback-logo,
.ipn-bloggingpro-child .ipn-shortcode-logo,
.ipn-bloggingpro-child .site-logo a,
.ipn-bloggingpro-child .logo a,
.ipn-bloggingpro-child .ktz-logo a,
.ipn-bloggingpro-child .site-branding a {
    justify-content: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.ipn-bloggingpro-child .site-branding img,
.ipn-bloggingpro-child .logo img,
.ipn-bloggingpro-child .ktz-logo img,
.ipn-bloggingpro-child .site-logo img,
.ipn-bloggingpro-child .custom-logo,
.ipn-bloggingpro-child .ipn-brand-logo,
.ipn-bloggingpro-child .ipn-shortcode-logo img {
    margin-left: auto;
    margin-right: auto;
}

/* Wrapper header/logo yang umum pada tema portal berita */
.ipn-bloggingpro-child .header-branding,
.ipn-bloggingpro-child .branding-wrap,
.ipn-bloggingpro-child .header-logo-wrap,
.ipn-bloggingpro-child .site-header .container:first-child,
.ipn-bloggingpro-child .site-header .ktz-container:first-child,
.ipn-bloggingpro-child .header-inner,
.ipn-bloggingpro-child .header-content {
    text-align: center;
}

/* Jika area search/tanggal berada di baris yang sama, beri ruang dan tetap rapi */
.ipn-bloggingpro-child .site-header .search-form,
.ipn-bloggingpro-child .site-header .searchform,
.ipn-bloggingpro-child .site-header .header-search,
.ipn-bloggingpro-child .site-header .date,
.ipn-bloggingpro-child .site-header .header-date {
    max-width: 100%;
}

@media (min-width: 992px) {
    .ipn-bloggingpro-child .custom-logo,
    .ipn-bloggingpro-child .ipn-brand-logo,
    .ipn-bloggingpro-child .ipn-shortcode-logo img,
    .ipn-bloggingpro-child .site-logo img,
    .ipn-bloggingpro-child .logo img,
    .ipn-bloggingpro-child .ktz-logo img,
    .ipn-bloggingpro-child .site-branding img {
        max-width: min(100%, 760px);
        max-height: 190px;
    }
}

@media (max-width: 991px) {
    .ipn-bloggingpro-child .site-header .search-form,
    .ipn-bloggingpro-child .site-header .searchform,
    .ipn-bloggingpro-child .site-header .header-search,
    .ipn-bloggingpro-child .site-header .date,
    .ipn-bloggingpro-child .site-header .header-date {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .ipn-bloggingpro-child .custom-logo,
    .ipn-bloggingpro-child .ipn-brand-logo,
    .ipn-bloggingpro-child .ipn-shortcode-logo img,
    .ipn-bloggingpro-child .site-logo img,
    .ipn-bloggingpro-child .logo img,
    .ipn-bloggingpro-child .ktz-logo img,
    .ipn-bloggingpro-child .site-branding img {
        width: auto;
        max-width: min(100%, 400px);
        max-height: 110px;
    }
}

@media (max-width: 480px) {
    .ipn-bloggingpro-child .custom-logo,
    .ipn-bloggingpro-child .ipn-brand-logo,
    .ipn-bloggingpro-child .ipn-shortcode-logo img,
    .ipn-bloggingpro-child .site-logo img,
    .ipn-bloggingpro-child .logo img,
    .ipn-bloggingpro-child .ktz-logo img,
    .ipn-bloggingpro-child .site-branding img {
        max-width: min(100%, 320px);
        max-height: 95px;
    }
}


/* ========================================================================== 
   v2.2 - HEADER IDENTITAS BESAR & RESPONSIVE
   Membesarkan branding tanpa mengubah template induk BloggingPro.
   ========================================================================== */

/* Area identitas/header dibuat lapang agar logo terlihat sebagai identitas utama. */
.ipn-bloggingpro-child .site-header,
.ipn-bloggingpro-child header#masthead,
.ipn-bloggingpro-child .header,
.ipn-bloggingpro-child .ktz-header,
.ipn-bloggingpro-child .header-wrap,
.ipn-bloggingpro-child .header-wrapper {
    overflow: visible;
}

.ipn-bloggingpro-child .site-branding,
.ipn-bloggingpro-child .site-logo,
.ipn-bloggingpro-child .logo,
.ipn-bloggingpro-child .ktz-logo,
.ipn-bloggingpro-child .header-logo,
.ipn-bloggingpro-child .branding-wrap,
.ipn-bloggingpro-child .header-branding {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: clamp(12px, 2vw, 28px);
    padding-bottom: clamp(12px, 2vw, 28px);
    text-align: center;
}

/* Logo utama: besar di desktop, mengecil mulus di tablet/HP. */
.ipn-bloggingpro-child .custom-logo,
.ipn-bloggingpro-child .ipn-brand-logo,
.ipn-bloggingpro-child .ipn-shortcode-logo img,
.ipn-bloggingpro-child .site-logo img,
.ipn-bloggingpro-child .logo img,
.ipn-bloggingpro-child .ktz-logo img,
.ipn-bloggingpro-child .header-logo img,
.ipn-bloggingpro-child .site-branding img {
    display: block;
    width: min(100%, 980px) !important;
    height: auto !important;
    max-width: min(100%, 980px) !important;
    max-height: none !important;
    margin: 0 auto !important;
    object-fit: contain;
}

/* Pastikan anchor/logo mengambil lebar header agar benar-benar berada di tengah. */
.ipn-bloggingpro-child .custom-logo-link,
.ipn-bloggingpro-child .ipn-fallback-logo,
.ipn-bloggingpro-child .ipn-shortcode-logo,
.ipn-bloggingpro-child .site-logo a,
.ipn-bloggingpro-child .logo a,
.ipn-bloggingpro-child .ktz-logo a,
.ipn-bloggingpro-child .header-logo a,
.ipn-bloggingpro-child .site-branding a {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
}

/* Identitas teks bila BloggingPro menampilkan judul/tagline bersama logo. */
.ipn-bloggingpro-child .site-title,
.ipn-bloggingpro-child .site-title a,
.ipn-bloggingpro-child .blog-title,
.ipn-bloggingpro-child .blog-title a,
.ipn-bloggingpro-child .ktz-title,
.ipn-bloggingpro-child .ktz-title a {
    font-size: clamp(28px, 4.4vw, 64px) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ipn-bloggingpro-child .site-description,
.ipn-bloggingpro-child .site-tagline,
.ipn-bloggingpro-child .description,
.ipn-bloggingpro-child .ktz-description {
    font-size: clamp(13px, 1.55vw, 22px) !important;
    line-height: 1.35 !important;
    letter-spacing: clamp(.04em, .2vw, .16em);
    text-align: center !important;
    margin: 8px auto 0 !important;
    max-width: 980px;
}

/* Desktop besar */
@media (min-width: 1400px) {
    .ipn-bloggingpro-child .custom-logo,
    .ipn-bloggingpro-child .ipn-brand-logo,
    .ipn-bloggingpro-child .ipn-shortcode-logo img,
    .ipn-bloggingpro-child .site-logo img,
    .ipn-bloggingpro-child .logo img,
    .ipn-bloggingpro-child .ktz-logo img,
    .ipn-bloggingpro-child .header-logo img,
    .ipn-bloggingpro-child .site-branding img {
        width: min(100%, 1080px) !important;
        max-width: min(100%, 1080px) !important;
    }
}

/* Laptop / desktop standar */
@media (min-width: 992px) and (max-width: 1399px) {
    .ipn-bloggingpro-child .custom-logo,
    .ipn-bloggingpro-child .ipn-brand-logo,
    .ipn-bloggingpro-child .ipn-shortcode-logo img,
    .ipn-bloggingpro-child .site-logo img,
    .ipn-bloggingpro-child .logo img,
    .ipn-bloggingpro-child .ktz-logo img,
    .ipn-bloggingpro-child .header-logo img,
    .ipn-bloggingpro-child .site-branding img {
        width: min(100%, 860px) !important;
        max-width: min(100%, 860px) !important;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
    .ipn-bloggingpro-child .site-branding,
    .ipn-bloggingpro-child .site-logo,
    .ipn-bloggingpro-child .logo,
    .ipn-bloggingpro-child .ktz-logo,
    .ipn-bloggingpro-child .header-logo {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .ipn-bloggingpro-child .custom-logo,
    .ipn-bloggingpro-child .ipn-brand-logo,
    .ipn-bloggingpro-child .ipn-shortcode-logo img,
    .ipn-bloggingpro-child .site-logo img,
    .ipn-bloggingpro-child .logo img,
    .ipn-bloggingpro-child .ktz-logo img,
    .ipn-bloggingpro-child .header-logo img,
    .ipn-bloggingpro-child .site-branding img {
        width: min(100%, 700px) !important;
        max-width: min(100%, 700px) !important;
    }
}

/* HP / Android */
@media (max-width: 767px) {
    .ipn-bloggingpro-child .site-branding,
    .ipn-bloggingpro-child .site-logo,
    .ipn-bloggingpro-child .logo,
    .ipn-bloggingpro-child .ktz-logo,
    .ipn-bloggingpro-child .header-logo,
    .ipn-bloggingpro-child .branding-wrap,
    .ipn-bloggingpro-child .header-branding {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .ipn-bloggingpro-child .custom-logo,
    .ipn-bloggingpro-child .ipn-brand-logo,
    .ipn-bloggingpro-child .ipn-shortcode-logo img,
    .ipn-bloggingpro-child .site-logo img,
    .ipn-bloggingpro-child .logo img,
    .ipn-bloggingpro-child .ktz-logo img,
    .ipn-bloggingpro-child .header-logo img,
    .ipn-bloggingpro-child .site-branding img {
        width: min(96vw, 560px) !important;
        max-width: min(96vw, 560px) !important;
        max-height: none !important;
    }
}

/* HP kecil */
@media (max-width: 480px) {
    .ipn-bloggingpro-child .custom-logo,
    .ipn-bloggingpro-child .ipn-brand-logo,
    .ipn-bloggingpro-child .ipn-shortcode-logo img,
    .ipn-bloggingpro-child .site-logo img,
    .ipn-bloggingpro-child .logo img,
    .ipn-bloggingpro-child .ktz-logo img,
    .ipn-bloggingpro-child .header-logo img,
    .ipn-bloggingpro-child .site-branding img {
        width: min(96vw, 430px) !important;
        max-width: min(96vw, 430px) !important;
    }

    .ipn-bloggingpro-child .site-title,
    .ipn-bloggingpro-child .site-title a,
    .ipn-bloggingpro-child .blog-title,
    .ipn-bloggingpro-child .blog-title a,
    .ipn-bloggingpro-child .ktz-title,
    .ipn-bloggingpro-child .ktz-title a {
        font-size: clamp(26px, 9vw, 40px) !important;
    }
}

/* HP sangat kecil */
@media (max-width: 360px) {
    .ipn-bloggingpro-child .custom-logo,
    .ipn-bloggingpro-child .ipn-brand-logo,
    .ipn-bloggingpro-child .ipn-shortcode-logo img,
    .ipn-bloggingpro-child .site-logo img,
    .ipn-bloggingpro-child .logo img,
    .ipn-bloggingpro-child .ktz-logo img,
    .ipn-bloggingpro-child .header-logo img,
    .ipn-bloggingpro-child .site-branding img {
        width: 94vw !important;
        max-width: 94vw !important;
    }
}