/* Các CSS này dành cho toàn bộ website và desktop */

/** Mobile **/
@media screen and (max-width: 768px) and (min-width: 320px) {
    .wrap {
        width: 100%;
    }
    #inner {
        width: 100%;
    }
    #header {
        display: none;
    }
    #header-top .left {
        width: 100%;
    }
    #header-top .wrap .right {
        display: none;
    }
    .header-menu-mobile {
        display: none;
    }
    /** menu mobile **/
    #menu-mobile-sticky-wrapper {
        display: block;
    }
    /** nav **/
    #nav {
        display: none;
    }
    /** project **/
    .item-sidebar-content ul.library-list li {
        width: 100%;
    }
    .modal-content {
        width: 95%;
    }
    /** single project **/
    #content-sidebar-wrap #content h1, #content-sidebar-wrap #content h2 {
        font-size: 22px;
    }
    #content ul.library-list li {
        width: 100%;
    }
    /** signle **/
    body.category #content-sidebar-wrap #content {
        border-right: 0px solid #e9e9e9;
        padding-right: 0px;
    }
    .content-sidebar #content, .sidebar-content #content {
        width: 100%;
    }
    ul.tintuc-page li.widget-tintuc .hover,
    .chuyenmuc-left .hover {
        display: none;
    }
    /** footer **/
    #footer .footer-widget-area {
        width: 100%;
    }
    /** sidebar **/
    #sidebar {
        display: none;
    }
    /** bài liên quan **/
    ul.tintuc-page li.widget-tintuc {
        width: 100%;
    }
    img.alignleft {
        height: auto;
    }
    .title-category {
        font-size: 30px;
    }
    .gallery a .img-library {
        height: 50px;
        margin-bottom: 10px;
    }
    body.single-project #inner #content-sidebar-wrap .breadcrumb {
        width: 100%;
    }
}

/** iBad **/
@media screen and (max-width: 1140px) and (min-width: 769px) {
    .wrap {
        width: 100%;
    }
    #inner {
        width: 100%;
    }
}

/** Desktop **/
@media screen and (max-width: 1900px) and (min-width: 1141px) {

}