@media (min-width: 1200px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 768px) {
    .col-md-20-100{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-md-30-100{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
}
@media (min-width: 576px) { ... }

@media (max-width: 1199.98px) { ... }
@media (max-width: 991.98px) { ... }
@media (max-width: 767.98px) {
    .main_header .search {
        max-width: 90%;
        margin: auto;
        margin-top: 20px;
    }
    #header .main-menu .nav-link {
        padding-left: 0;
    }
    #header .main-menu .nav-item.active .nav-link {
        background: transparent;
        color: #fb0102;
    }
    .navbar-light .navbar-brand {
        color: #fff;
        font-weight: bold;
    }
    .navbar-light .navbar-toggler-icon {
        background: url(../images/menu.svg);
    }
    div#defaul-home .page-intro {
        margin-bottom: 30px;
    }
    .danhgiacuakh {
        margin-top: 30px;
    }
}
@media (max-width: 575.98px) { ... }

@media (min-width: 1200px) { ... }
@media (min-width: 992px) and (max-width: 1199.98px) { ... }
@media (min-width: 768px) and (max-width: 991.98px) { ... }
@media (min-width: 576px) and (max-width: 767.98px) { ... }



/*Responsive table*/
table.responsive {
    width: 100%;
}
table.responsive tr{
    vertical-align: top;
}
@media screen and (max-width: 600px) {
    * {
        box-sizing: border-box;
    }
    /* break table */
    .responsive tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .responsive td {
        display: block;
        width: 50%;
        text-align: center;
    }
    .responsive td {
        width: 100%;
    }
}

.show_zalo{
    bottom: 100px !important;

}