@media only screen and (max-width: 1200px) {
    .dc_bar_btn {
        margin: 20px 5px;
        padding: 0 10px;
    }
}

@media only screen and (max-width: 1024px) {
    .dc_topbar_logo {
        height:20px;
        margin-top:30px;
    }

    #icon_menu {
        display:block;
        margin:0 15px;
        width:38px;
        height:38px;
        background:url(../img/icon-menu.gif) no-repeat right top;
        background-size: 100% 100%;
        cursor:pointer;
    }

    .dc_topbar_edit #icon_menu {
        position:absolute;
        top:20px;
        right:15px;
    }
    
    .dc_topbar_menu {
        display:none;
        position:absolute;
        top:79px;
        float:none;
        width:100%;
        height:auto;
        margin:0;
        padding:0;
        background-color:#fff;
        clear:both;
    }
    
    .dc_topbar_menu > div {
        float:none;
        height:auto;
        margin:0;
        border-top:1px solid #ccc;
        padding:5px 20px 5px;
        text-align:left;
    }

    .dc_bar_btn {
        line-height:29px;
    }

    .dc_topbar_menu .dc_bar_separator {
        display:none;
    }
}

@media only screen and (max-width: 768px) {
    .dc_makcat_section_top {
        position:relative;
        left:auto;
        float:left;
        margin-left:20px;
    }
}

@media only screen and (max-width: 480px) {
    .dc_dlg_alert_dialog, .dc_dlg_confirm_dialog, .dc_dlg_prompt_dialog {
        max-width:90vw;
    }
}