/* ==================================================
   MOBILE HEADER
================================================== */

.mobile-header{
    display:none;
}

@media (max-width:768px){

    .mobile-header{

        display:flex;
        position:fixed;
        top:0;
        left:0;

        width:100%;
        height:74px;

        background:#0B4F8A;

        align-items:center;
        justify-content:space-between;

        padding:0 15px;

        z-index:999999;

        box-shadow:0 5px 18px rgba(0,0,0,.18);

    }

    .mobile-header-logo{

        display:flex;
        align-items:center;
        text-decoration:none;
        flex:1;

    }

    .mobile-header-logo img{

        width:42px;
        height:42px;
        object-fit:contain;
        margin-right:10px;

    }

    .mobile-header-text{

        display:flex;
        flex-direction:column;

    }

    .mobile-header-text h4{

        margin:0;
        color:#fff;
        font-size:17px;
        font-weight:700;
        line-height:1.2;

    }

    .mobile-header-text span{

        margin-top:2px;
        color:rgba(255,255,255,.8);
        font-size:10px;

    }

    .mobile-menu-btn{

        width:42px;
        height:42px;

        border:none;
        border-radius:10px;

        background:rgba(255,255,255,.12);

        color:#fff;
        font-size:20px;

        cursor:pointer;

    }

    /* Geser slider di bawah header */
    .slider1-area{

        margin-top:74px !important;

    }

}
@media(max-width:768px){

.heroSwiper{

    height:340px;

}

.hero-caption{

    left:25px;

    right:25px;

}

.hero-caption h1{

    font-size:30px;

}

.hero-caption p{

    font-size:14px;

    line-height:24px;

    margin:15px 0;

}

.hero-btn{

    padding:10px 20px;

    font-size:13px;

}

}