@media only screen and (min-width: 641px) {
    body {
        font-family: 'Roboto', sans-serif;
    }
    #slideshow { 
        margin-bottom: 20px;
        position:relative;
        width: 100%; 
        height: 360px; 
        padding: 0px; 
        /*box-shadow: 0 0 1px rgba(0,0,0,0.4);*/
      }
    #slideshow > div { 
        position: relative;
        top: 0px; 
        left: 0px; 
        right: 0px; 
        bottom: 0px; 
    }
    .img-container {
        position: relative;
        margin: 0 auto;
    }
    .img-container img {
        vertical-align: middle;
        height: 360px;
    }
    .img-container .img-content {
        position: absolute;
        bottom: 0px;
        background: rgb(0, 0, 0); /* Fallback color */
        background: rgba(0, 0, 0, 0.3); /* Black background with 0.5 opacity */
        color: #f1f1f1;
        width: 100%;
        padding: 10px;
    }
    .content-title {
        font-size: 18px;
        color: #00c8fa;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .nat-publish-date {
        padding-left: 130px;
    }
    .img-nat {
        width: 120px;
        height: 80px;
    }
    .img-daerah {
        width: 120px;
        height: 80px;
    }
    .news-list {
        padding: 5px;
    }
    .news-list-title {
        padding-left:130px;
    }
    .table-borderless table {
        border-top-style: none;
        border-left-style: none;
        border-right-style: none;
        border-bottom-style: none;
    }
    .img-thumb {
        width: 100%;
    }
}