/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {}
@media only screen and (min-width : 550px) {
    .a-footer .is-divider{
        display: none;
    }
    .a-single .large-9 #ez-toc-container,
    .a-single .large-9 .tac-gia-shortcode{
        display: none !important;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
    .a-single .h1{
    text-align: center;
}
    h2.section-title{
        font-size: 18px;
    }
    h3.section-title{
        font-size: 14px;
    }
    .a-text-tt p,
    .a-text-tt li,
    .a-text-tt {
        font-size: 10px;
    }
    .a-icon p{
        font-size: 9px;
    }
    .a-dv .box p{
        font-size: 10px;
    }
    .a-icon .col-inner {
        padding: 30px 12px 0 12px;
    }

    .a-icon .box-image img {
        min-height: 50px;
    }

    .a-icon:not(:first-child) .box h3 {
        font-size: 10px;
    }

    .a-banner h1 {
        font-size: 40px;
    }

    .a-banner p:nth-child(1) {
        font-size: 22px;
    }

    .a-qt .row .text {
        max-width: 80% !important;
        width: 80% !important;
    }

    .a-qt .row .text h3 {
        font-size: 14px;
        padding: 12px 1rem;
    }

    .a-qt .row .col-inner {
        display: flex;
        justify-content: flex-end;
    }

    .a-qt .row .col-inner::before {
        left: 0;
        top: 0;
        transform: translate(0, 0%) !important;
        width: 45px;
        height: 45px;
        font-size: 20px;
    }

    .a-qt .row .col .text::after {
        top: 23px !important;
        left: 0 !important;
        right: unset !important;
        transform: translate(-100%, 0) !important;
        width: 50px;
    }

    .a-qt .row .col .text li {
        font-size: 10px;
    }

    .form-dang-ky-chuan .d-flex {
        flex-direction: column;
    }

    .form-dang-ky-chuan .d-flex>* {
        flex: 1 1 100%;
    }

    .form-dang-ky-chuan input {
        padding: 15px !important;
    }

    .form-dang-ky-chuan {
        padding: unset;
    }

    .form-dang-ky-chuan form {
        margin: unset !important;
    }

    .a-ket-noi .stack .button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .a-ket-noi .stack .button span {
        font-size: 10px;
    }
    .a-footer .ux-menu-title{
        font-size: 12px !important;
    }
     .a-footer .ux-menu-link__text{
        font-size: 10px;
    }
    .a-footer p{
        font-size: 10px;
    }
    .a-footer .is-border{
        border-width: 4px 0px 0px 0px !important;
    }
    .a-vc-text{
        gap: 10px;
        padding: 1rem 10px;
    }
    .a-vc-text li{
        padding: 0 7px;
        font-size: 9px;
    }
    .a-text-tt .is-divider{
        margin: 1rem auto;
    }
    .a-text-tt .h1{
        font-size: 25px;
    }
    .button{
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .button span{
        font-size: 12px;
    }
    .a-qt .row .col-inner{
        flex-wrap: wrap;
    }
    .a-bang-gia thead th {
        font-size: 10px;
        text-transform: capitalize;
    }
    .a-bang-gia tbody td {
        font-size: 9px;
    }
    .a-bang-gia .heading h3 {
        font-size: 16px;
    }
    .a-cong-thuc span,.a-cong-thuc{
        font-size: 10px;
    }
    .a-form-lien-he .d-flex {
        flex-direction: column;
    }
    .a-form-lien-he button {
        width: 100%;
        border-radius: 6px;
    }
    .post-item .box .button{
        display: none;
    }
    .a-single .large-3{
    display: none;
}
.a-single .large-9 .col-inner{
    background: unset !important;
    padding: unset !important;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}