@media (min-width: 1024px) and (max-width: 1239px) {
    
}

/* Mobile & Tablet */
@media (max-width: 1023px) {

    .header {
        justify-content: space-between;
    }

    .header__navbar {
        justify-content: space-between;
    }

    .header__navbar--list {
        display: none;
    }

    .header__icon--bars {
        display: block;
    }

    .search__item--last {
        margin-bottom: unset;
    }
    
}

/* Tablet */
@media (min-width: 740px) and (max-width: 1023px) {
    .tl-0 {
        display: none;
    }

    .tl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .tl-4 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .tl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .tl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Home */
    .header__navbar--item {
        padding: 10px 5px;
    }

    .header__login--item {
        padding: 10px 5px;
    }

    .header__navbar--feedback {
        display: none;
    }

    .main__apply--post {
        width: 70%;
    }
}

/* Mobile */
@media (max-width: 739px) {
    .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .sm-gutter-15 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .col-15 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .mb-0 {
        display: none;
    }

    .mb-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .mb-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .mb-pb-10 {
        padding-bottom: 10px;
    }

    .contactDefault,
    .header__navbar--login {
        display: none;
    }

    .main__login--wrapper, .main__register--wrapper {
        width: 90%;
    }

    #hocvan_tbl tbody tr td:first-child > a,
    #kinhnghiem_tbl tbody tr td:first-child > a,
    #giadinh_tbl tbody tr td:first-child > a {
        left: -30px;
    }

    #hocvan_tbl tbody tr td:last-child > a,
    #kinhnghiem_tbl tbody tr td:last-child > a,
    #giadinh_tbl tbody tr td:last-child > a {
        right: -30px;
        left: unset;
    }

    .table-responsive {
        overflow-x: auto;
    }

    .search__item--last {
        margin-top: 10px;
    }

    .img-donhang {
        width: 100px;
    }

    .main__apply--post{
        width: 90%;
    }
    .result__total--content {
        margin: 10px 4px;
    }
}

@media (max-width: 400px) {
    .header__navbar--menu {
        width: 80%;
    }
}