/*==========  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) {
    .header-top {
        background-image: url(/wp-content/uploads/2025/01/header-bg.webp);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
    }
    .header .button{
        background: #000;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 850px) {
    .header .button{
        background: #D45B26;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
    .a-thanh-tich .col{
        border: unset;
    }
    .a-tai-app::before,.a-tai-app::after{
        width: 100%;
        height: 50%;
    }
    .a-tai-app::after{
        top: unset;
        bottom: 0;
    }
    .menu-footer{
        flex-direction: column;
    }
}

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

}