/*--------------------------------------------------------------
# Responsive Mobile CSS 
--------------------------------------------------------------*/
.carousel{
    margin-top:0.5pc;
}
#img-artikel{
    width:100%;
    height:180px;
}
#client_bar{
    margin-top:-8pc;
}
#imgslider{
    width: 100%;
    height: 494px;
    border-radius:10px 10px 10px 10px;
}
.margin-nav{
    margin-top:2.4pc;
}
.nav-pertama{
    display: block;
    padding-top:8px;
    padding-bottom:5px;
    color:#fff;
    background-color:rgb(2, 102, 168);
}
.text-jalan{
    font-weight: 700;
}
/*---------- MEDIA 991px ----------*/
@media (max-width: 991px) {
    html,
    body {
        overflow-x: hidden;
    }
    .carousel{
        margin-top:1pc;
    }
    
    #client_bar{
        margin-top:-1pc;
    }
    #img-artikel{
        width:100%;
        height:180px;
    }
    #imgslider{
        width: 100%;
        height: auto;
        border-radius:10px 10px 10px 10px;
    }
    .nav-pertama{
        display: none;
    }
}

/*---------- MEDIA 768px ----------*/
@media (max-width: 768px) {
    html,
    body {
        overflow-x: hidden;
    }
    .carousel{
        margin-top:1.5pc;
    }
    

    #client_bar{
        margin-top:-3pc;
    }

    .title_page{
        padding-top:0.5pc;
        font-size:20pt;
    }
    #img-artikel{
        width:100%;
        height:auto;
    }
    #imgslider{
        width: 100%;
        height: auto;
        border-radius:10px 10px 10px 10px;
    }

    .nav-pertama{
        display: none;
    }
}

/*---------- MEDIA 480px ----------*/
@media (max-width: 480px) {
    html,
    body {
        overflow-x: hidden;
    }
    .carousel{
        margin-top:1.5pc;
    }
    
    #client_bar{
        margin-top:1pc;
    }
    .isi{
        font-size:12pt;
    }

    .title_page{
        padding-top:1pc;
        font-size:18pt;
    }
    #img-artikel{
        width:100%;
        height:auto;
    }
    #imgslider{
        width: 100%;
        height: auto;
        border-radius:10px 10px 10px 10px;
    }
    .nav-pertama{
        display: none;
    }
}