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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1100px) and (min-width : 851px) {
    .a-menu-left {
        display: none !important;
    }
}

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

}

/* Small Devices, Tablets */
@media only screen and (max-width : 850px) {
    .a-menu-left {
        display: flex !important;
        flex-direction: row !important;
        gap: 2px;
        position: unset;
        transform: unset;
        width: 100%;
        box-shadow: unset;
        justify-content: space-between;
        padding: 7px 0 0 0;
        background: unset;
    }
    .a-menu-left .icon-box{
        padding-bottom: 7px;
    }
    .a-menu-left .icon-box-img img{
        height: 40px;
        object-position: contain;
    }
    footer .a-menu-left .icon-box{
        display: none !important;
        height: 0;
        opacity: 0;
    }
    .a-menu-left .icon-box.active{
        border-left: unset;
        border-bottom: 3px solid #BCE651;
    }
}

@media only screen and (min-width : 550px) {
    .a-footer .ux-menu{
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }
    .a-logo-bangkeo{
        position: sticky;
        top: 0;
        z-index: 99999999999;
        background: #fff;
        padding-top: 10px;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
    .a-menu-left .icon-box p{
        font-size: 12px;
    }
    #wide-nav .container{
        padding: 0 3px;
    }
    .a-menu-left .icon-box{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
    }
    .a-menu-left .icon-box-img{
        width: 25px !important;
        margin: unset !important;
    }
    .a-menu-left .icon-box-img img{
        height: 25px;
        object-position: contain;
    }
    .a-menu-left .icon-box p{
        font-size: 10px;
    }
    /* BANG KEO */
    .a-header-bangkeo .group-tien-cuoc{
        flex-direction: column;
    }
    .a-header-bangkeo .group-tien-cuoc .select-hiep{
        max-width: 80px;
    }
    .a-header-bangkeo .group-tien-cuoc .input-cuoc{
        width: 100%;
        min-width: 100%;
    }
    .a-chon-ngay {
        gap: 3px;
        align-items: center;
    }
    .a-chon-ngay button{
        min-height: unset !important;
        line-height: 1;
    }
    .hqua{
        display: none;
    }
    .btn-lich br{
        display: none;
    }
   
}

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

}