/* ========================================
   MOBILE RESPONSIVE STYLES
   - Mempertahankan desktop layout pada layar besar
   - Menyesuaikan layout untuk mobile
   - Menonaktifkan semua animasi di mobile
   ======================================== */

/* Disable all animations on mobile devices */
@media (max-width: 991px) {
    
    /* Nonaktifkan semua animasi dan transisi */
    *,
    *::before,
    *::after {
        animation: true !important;
        transition: true !important;
    }
    
   /* ===== HEADER MOBILE ===== */
    #header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
    }
    
    #header .header-body {
        background:;
        padding: 10px 0;
    }
    
    #header .header-logo img {
        width: 120px !important;
        height: auto;
    }
    
    /* Hide desktop navigation */
    #header .header-nav-main nav {
        display: none;
    }
    
    /* ===== SECTION ADJUSTMENTS ===== */
    section {
        min-height: auto !important;
        height: auto !important;
        padding: 20px 20px !important;
    }
    
    /* Hero Section */
    #home {
        padding-top: 30px !important;
        padding-bottom: 60px !important;
        text-align: center;
    }
    
    #home .custom-el-2 {
        display: true !important; 
    }
    
    #home .left-50pct {
        display: true !important; 
        margin-top:-350px;
        margin-left:-20px;
    }
    
    #home .ms-20 {
        display: true !important; 
        margin-top:-200px;
        margin-left:50px;
    }
    
     #home .right-30 {
        display: true !important; 
        margin-top:-300px;
        margin-right:50px;
    }
    
    #home .custom-hero-font-1 {
        font-size: 2.5rem !important;
        line-height: 0rem !important;
    }
    
    #home .h1 {
        font-size: 1.8rem !important;
        text-aligne:center;
        margin-left:35px;
    }
    
    #home .text-4 {
        font-size: 1rem !important;
        padding: 0px !important;
    }
    
    #home .text-3 {
        font-size: 10pt !important;
        margin-right: 30px !important;
    }
    
    #home .max-vw-xl-50 {
        max-width: 100% !important;
    }
    
    /* Footer social links on hero */
    #home .text-xl-end {
        display:none !important;
    }