/* HP kecil: max-width 480px */
@media (max-width: 480px) {

    section {
        padding: 20px 10px;
    }
    .section-header h2:before, .section-header h2:after {
        width: 15px;
    }
    /* HOME */
    .hero .carousel-control-next-icon,
    .hero .carousel-control-prev-icon {
        font-size: 12px;
        width: 30px;
        height: 30px;
    }
    .hero .carousel {
        min-height: 65vh;
    }
    .hero .info h2 {
        color: #fff;
        margin-bottom: 30px;
        padding-bottom: 30px;
        font-size: 1.5rem;
        font-weight: 700;
        position: relative;
    }
    .hero .info p {
        font-size: 16px;
    }
    
    .about .about-img {
        min-height: 300px !important;
    }
    .stats-counter .stats-item span {
        font-size: 20px;
    }
    .stats-counter .stats-item
    {
        padding: 10px;
    }
    .stats-counter .stats-item i {
        font-size: 30px;
    }
    .about .our-story {
        padding: 20px;
        margin-left:auto !important;
    }
    /* FONT */
    .h2, h2 {
        font-size: 28px !important;
    }
    .h3, h3 {
        font-size: 24px !important;
    }
    .breadcrumbs h2 {
    font-size: 20px;
    }
    .about h2 {
    font-size: 25px;
    }
    .h5, h5 {
        font-size: 0.8rem;
    }

    .sidebar-sticky {
        position: static; /* Tidak sticky di mobile */
        top: auto;
    }

    .news-share {
        gap: 10px;
    }

    .news-title {
        font-size: 1.6rem;
    }
}

/* HP sedang / portrait: 481px - 767px */
@media (min-width: 481px) and (max-width: 767px) {
    
}

/* Tablet / landscape: 768px - 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
  
}

/* Laptop / layar kecil: 1024px - 1439px */
@media (min-width: 1024px) and (max-width: 1439px) {

}

/* Desktop / layar besar: 1440px ke atas */
@media (min-width: 1440px) {

}