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

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

/* Medium Devices, Desktops */
@media only screen and (min-width : 850px) {

    .nav-right {
        flex-direction: column;
        gap: 5px;
    }

    .nav-right li {
        margin: unset;
    } 
    .nav-right .button{
        min-width: 120px;
    }

    .nav-left {
        justify-content: center;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 850px) {
    .a-tin-tuc .row{
        grid-template-columns: repeat(2, 1fr);
    }

    .a-banner p {
        font-size: 18px;
    }

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

    .a-banner-2 p {
        font-size: 22px;
    }

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

    .a-order {
        order: -1
    }

    .a-chuyen-muc .row {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
    .a-tin-tuc .row{
        grid-template-columns: repeat(1, 1fr);
    }
    .a-tin-tuc .post-item {
        grid-column: 1/-1;
    }
    .a-tin-tuc .row .post-item:nth-child(-n + 4) .image-cover{
        padding-top: 50% !important;
    }
    .a-tin-tuc .image-cover{
        padding-top: 50% !important;
    }
    .a-chuyen-muc .row {
        grid-template-columns: repeat(2, 1fr);
    }

    .a-banner p {
        font-size: 9px;
    }

    .a-banner .button span,
    .a-banner-2 .button span {
        white-space: nowrap;
        font-size: 9px;
        padding: 3px;
    }

    .a-banner .button,
    .a-banner-2 .button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-height: unset;
        margin-bottom: unset;
        margin-top: unset;
        border: 1px solid;
    }

    .a-banner p:nth-child(2) {
        font-size: 24px;
        line-height: 1;
    }

    .a-banner-2 p {
        font-size: 10px;
    }

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

}

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