@media only screen and (min-width:0px) and (max-width:768px){ 
    .pg-container{padding-top:34px;}
    .pg-header{height:auto;}    
    .box-banner{margin:1% 0% 1% 0%;height:auto;}
    .box-banner-right{
        width:99%;
    }
    .bar-logo img{margin-top:20px;margin-left:1%;width:80px;height:80px;}
    .box-hitam-putih{
        background-image:none;
        background-color:transparent;
    }
    .box-infopage{
        width:48%;
        margin:0 1% 1% 0;
    }
    .box-banner-bottom{
        width:100%;
        
    }
    .pg-footer{padding-bottom:10px;}
    .box-address{border-left:0;}
    ul.list-sosmed{        
        text-align:center;    
    }
    #img-header{
    margin-top:40px !important;
    padding-bottom:10px;
    border-bottom:2px solid #000 !important;
    }

}

@media only screen and (min-width:0px) and (max-width:480px){ 
    .box-infopage{
        width:100%;
        margin:0 1% 1% 0;
    }
    .box-list-event{
        width:100%;
        margin:1% 0;
    }
}