/* ===== TABLET (max-width: 769px) ===== */
@media only screen and (max-width: 769px) {
    #main, #wrap {
        width: 96%;
    }
    img, object, video {
        max-width: 100%;
        height: auto;
    }
    #main {
        padding: 2%;
    }
    #footer, #mainmenu {
        width: 100%;
    }
    #content {
        margin: 0 2% 0 0;
        width: 60%;
    }
    #content img {
        max-width: 100%;
    }
    #sidebar {
        width: 38%;
    }
    .breadcrumbs, .wp-caption {
        width: 95%;
    }
}

/* ===== MOBILE (max-width: 600px) ===== */
@media only screen and (max-width: 600px) {
    #footer .menu ul li,
    #footer .menu ul li:first-child {
        float: left;
        border-right: 1px solid #ccc;
        border-left: none;
    }
    #footer .copyright,
    #footer .menu,
    #main,
    #mainmenu,
    #wrap,
    .entry,
    .wp-caption {
        width: 100%;
    }
    #main {
        padding: 0;
    }
    #footer .menu ul li:first-child {
        padding-left: 0;
    }
    #content,
    #footer,
    #sidebar,
    .breadcrumbs {
        width: 96%;
        padding: 0 2%;
        margin: 0;
    }
    .breadcrumbs {
        margin-top: 10px;
    }
    .related_posts ul li {
        width: 96%;
        padding: 2%;
    }
    #fb-comments,
    nav ul {
        display: none;
    }
    nav select {
        display: inline-block;
        width: 300px;
        height: 25px;
        margin: 5px 0;
        overflow: hidden;
        background: #ffffff;
        float: none;
        font-size: 14px;
    }
    .iklan {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    /* ===== AUTHOR INFO RESPONSIVE ===== */
    .author-info {
        flex-direction: column;
        align-items: center;
    }
    .author-column-left {
        flex: none;
        margin-bottom: 20px;
    }
    .author-column-right {
        text-align: center;
    }
    
    /* ===== NAVIGATION MOBILE ===== */
    #main-menu .main-menu {
        display: none;
    }
    nav select {
        display: block !important;
        width: 100%;
        margin: 10px 0;
    }
    
    /* ===== FLOATING ADS MOBILE ===== */
    .floating-ad-container {
        width: 250px;
        transform: scale(0.8);
        bottom: 20vh;
    }
}