@media only screen and (min-width: 768px) {
    body {
        font-family: 'Roboto', sans-serif;
    }
    #slideshow { 
        margin-bottom: 20px;
        position:relative;
        width: 100%; 
        height: 400px; 
        padding: 0px; 
        /*box-shadow: 0 0 1px rgba(0,0,0,0.4);*/
      }
    #slideshow > div { 
        position: absolute;
        top: 0px; 
        left: 0px; 
        right: 0px; 
        bottom: 0px; 
    }
    .img-container {
        position: relative;
        margin: 0 auto;
    }
    .img-container img {
        vertical-align: middle;
        height: 400px;
    }
    .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;
    }
    .news-galery {
        margin-right: 20px;
    }
    .content-title {
        font-size: 18px;
        color: #00c8fa;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .img-nat {
        width: 200px;
        height: 120px;
    }
    .img-daerah {
        width: 200px;
        height: 120px;
    }
    .news-list {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .news-list-title {
        padding-left:210px;
        font-size: 18px;
    }
    .daerah-list-title {
        font-size: 18px;
    }
    .nat-publish-date {
        padding-left:210px;
    }
    .table-borderless table {
        border-top-style: none;
        border-left-style: none;
        border-right-style: none;
        border-bottom-style: none;
    }
    .affix {
        top: 0;
        width: 100%;
        z-index: 9999 !important;
    }
    .affix + .container-fluid {
        padding-top: 50px;
    }
}