@media (min-width: 1200px) {}

@media (min-width: 992px) and (max-width: 1200px) {}
@media (min-width: 992px)
{
.hidden-pc {
        display: none !important;
    }
    }
@media (max-width: 1024px) {

    .dealer-info {
        gap: 10PX;
    }

    .dealer_description {
        padding-left: 15px;
    }

    .box-btn,
    .box-bonus {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1199.99px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px;
    }
}

@media (max-width: 1090.99px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 11px;
        padding: 3px;
    }
}

@media(max-width: 991px) {
    div#icons {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .hiden-mobi {
        display: none!important;
    }
    #icons .icon {
        width: calc(33% - 10px);
        margin: 0;
        padding: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #mactbox-black{
        padding-top: 0;
        border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    }
    .detail-dealer {
        flex-direction: column;
    }

    .detail-dealer {
        flex-direction: column;
    }

    .icon-gift {
        width: 100%;
    }

    .dealer_description {
        width: 100%;
    }

    .box-btn>* {
        width: 50%;
    }

    .box-btn {
        display: flex;
        flex-direction: row;
    }

    .dealer_description {
        width: 100%;
        margin: auto;
        border-left: 0;
        border-top: 1px solid #ccc;
    }

    .dealer_description {
        padding-bottom: 0;
    }

    .icon-gift {
        padding-bottom: 0;
    }

    .dealer_description ul {
        max-width: 320px;
        margin: auto;
    }

    .navbar-toggler.collapsed .close {
        display: none;
    }

    .navbar-toggler.collapsed .open {
        display: block;
    }

    .navbar-toggler .close {
        display: block;
    }

    .navbar-toggler .open {
        display: none;
    }

    .collapsing {
        transition: unset !important;
    }

    div#navbarSupportedContent {
        position: fixed;
        left: 0;
        top: 55px;
        background: rgb(18 28 39);
        width: 90%;
        height: calc(100vh - 55px) !important;
        padding: 45px 0;
        max-width: 375px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 15px;
    }

    .stading-tab .list-leagues-standing>* {
        font-size: 14px;
    }

    li.nav-item a,
    li.menu-item a {
        text-align: left;
    }

    header img {
        max-height: 55px;
    }

    body#body.show {
        overflow: hidden;
    }

    .navbar-toggler {
        padding: 0;
    }

    .right-maker {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 12px;
    }

    .right-maker>* {
        width: auto;
    }

    .left-maker {
        width: 100%;
        margin-bottom: 30px;
        padding-right: 12px;
    }

    section.homepage-description .heading-homepage>* {
        font-size: 26px;
        line-height: 27px;
    }

    .table-rwd td,
    .table-rwd th {
        min-width: 115px;
    }

    section.top-header {
        background: transparent;
        padding: 0;
    }

    section.bottom-header {
        height: 55px;
        display: flex;
        align-items: center;
    }

    section.top-header>* {
        padding: 0;
    }

    form#formtimkiem input {
        display: none;
    }

    .vertical-box {
        gap: 10px;
    }

    ul#menu-header-menu>li>a:before {
        content: unset;
    }

    .left-maker .dealer-info {
        max-width: 425px;
        margin: auto;
    }

    .left-maker .nhacai-info .content-dealer {
        background: transparent;
        border: 0;
    }

    header .list-social {
        display: none;
    }

    .search_tyle,
    .search_tyle.select-league.float-right {
        width: calc(50% - 10px) !important;
        margin: 0 !important;
    }

    .list-date-odds {
        width: calc(100%) !important;
    }

    .list-social {
        justify-content: center;
        margin-top: 10px;
    }

    .row.copyright {
        text-align: center;
    }

    header .logo img {
        max-height: 42px;
    }

    .vertical-box .cat-name {
        margin-bottom: 10px;
    }
    #matchBox .plays .playBox {
        position: unset;
        flex: 1;
        display: flex;
        align-items: center;
        padding: 0;
        border: 0;
        width: 100% !important;
    }
    .plays .playBox .play span:hover ul, #matchBox .backupPlay .play span:hover ul{
        display: none;
    }
    #matchBox .plays .playBox .play span:hover .name, #matchBox .backupPlay .play span:hover .name{
        background-color: transparent;
    }
    #matchBox .plays .playBox .play div img {
        display: none;
    }
    #matchBox .plays .playBox .play div img:nth-child(1), #matchBox .plays .playBox .play div img:nth-child(2) {
        display: block;
    }
    #matchBox .plays .playBox .play .playerTech {
        position: absolute;
        right: -5px;
        top: -5px;
        width: 20px;
    }
    #matchBox .plays .home {
        height: 50%;
        padding: 5px;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    #matchBox .plays .guest {
        height: 50%;
        padding: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    #matchBox .plays {
        background: url(https://www.bongdalu5.com/images/football-field.svg) no-repeat top center;
        background-size: 100% 100%;
        padding: 10px;
        height: 566px;
    }
    
    div#matchBox {
        background: #679331!important;
        width: 100%;
    }
    
    #matchBox .plays .playBox .play {
        flex: 1;
        max-width: 60px;
        margin: 0 auto;
        text-align: center;
        cursor: pointer;
        height: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    
    #matchBox .plays .playBox .play .name, #matchBox .plays .five .playBox .play .name {
        flex: 1;
        max-width: 60px;
        margin: 0 auto;
        text-align: center;
        cursor: pointer;
        padding: 0;
        background: transparent;
        height: 100%;
    }
    
    #matchBox .number {
        background: #ff722e;
        border: 0;
        color: #fff;
        font-size: 12px;
        font-weight: bold !important;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        margin: 0 auto;
        border-radius: 50%;
        position: relative;
        top: unset !important;
        left: unset !important;
    }
    
    #matchBox .plays .playBox .play .name a, #matchBox .plays .five .playBox .play .name a {
        color: #fff;
        font-size: 10px;
        line-height: 14px;
        margin-top: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        -webkit-box-pack: center;
        width: auto;
        padding: 0 !important;
    }
    .teamNames{
        width: 100%;
    }
    .tn-vs-d, .tn-vs-c{
        left: 0;
        margin: auto;
        right: 0;
        width: 140px;
        font-size: 16px;
    }
    .tn-vs-c {
        top: 5px;
    }
    #matchBox .backupPlay .home , #matchBox .backupPlay .guest,#matchBox .backupPlay .bu_txt {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        float: unset;
        clear: unset;
        flex-direction: row;
        padding: 0;
        gap: 15px;
    }
    
    .box-substitute {
        flex-direction: column;
        gap: 10px;
    }
    
    #matchBox .backupPlay .play {
        width: calc(50% - 10px);
        margin: 0 !important;
        display: flex;
        float: unset;
    }
    
    #matchBox .backupPlay .bu_txt {
        justify-content: center;
        align-items: center;
    }
    
    #matchBox .backupPlay .play:nth-child(even) {
        justify-content: flex-end;
        display: flex;
    }
    
    #matchBox .backupPlay .play .name {
        width: 100%;
    }
}

@media(max-width: 768px) {
.ad_top img {
    height: auto;
}
.box-avatar-info {
        flex-wrap: wrap;
        justify-content: center;
    }

    .list-social-author {
        width: 100%;
    }

    .list-social-author {
        justify-content: center;
    }

    .author-description:before,
    .author-description:after {
        font-size: 20px;
    }

    .author-description {
        padding: 20px 25px;
        font-size: 14px;
    }
    .home-team,
    .away-team {
        width: calc((100% - 200px)/2);
    }

    .team-table-title,
    .team-table-title span {
        font-size: 14px;
    }

    .box-statics-page {
        padding: 0;
    }

    .list-h2h .name-leagues {
        width: 100px;
        display: none;
    }

    .section-odd_review .mb-post-item {
        order: 4;
    }

    .section-odd_review .mb-post-item.post-sticky:nth-child(2) {
        order: 3;
    }

    .section-odd_review .mb-post-item.post-sticky {
        order: 1;
    }

    .section-odd_review .mb-post-item:nth-child(1),
    .section-odd_review .mb-post-item:nth-child(3) {
        order: 2;
    }

    .post-sticky .box-content-odd-revview {
        padding: 15px;
    }

    .title-icon {
        font-size: 22px;
        line-height: 24px;
    }

    .icon-left {
        max-width: 25px;
    }

    .box-title-icon {
        margin-bottom: 20px;
    }

    .btn-readmore {
        margin: auto;
    }

    .title-ncuy,
    .title-widget {
        font-size: 20px;
        line-height: 24px;
    }

    .heading-hompage>* {
        font-size: 28px;
        line-height: 36px;
    }

    .vertical-box .title-content-blog {
        font-size: 16px;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    nav.rank-math-breadcrumb span.last {
        font-size: 14px;
        line-height: 20px;
    }

    .head-trandau {
        font-size: 14px;
    }

    .head-kq,
    .list-leagues-standing {
        gap: 5px;
        padding: 13px 0;
    }

    .head-kq>*,
    .list-leagues-standing>* {
        font-size: 13px;
    }

    .head-kq .name,
    .list-leagues-standing .name {
        width: calc(100% - (40px * 6));
    }

    .list-filter-clb input.datepicker {
        width: 100%;
    }

    body,
    .box-content-home {
        font-size: 14px;
        line-height: 22px;
    }

    .box-content-home {
        padding: 15px;
    }

    .box-doi1>* {
        font-size: 14px;
        line-height: 18px;
    }

    .box-2doi>* {
        width: calc(50% - 30px);
        gap: 0;
    }

    .box-ketqua {
        font-size: 12px;
        line-height: 15px;
        width: 60px;
    }

    .box-2doi {
        gap: 5px;
    }

    .list-trandau {
        padding: 20px 10px;
    }

    .time-trandau {
        font-size: 14px;
        line-height: 18px;
        width: 50px;
        position: unset;
    }


    .title-blog {
        font-size: 22px;
        line-height: 27px;
    }

    .slider-hompage-post {
        margin-top: 15px;
    }

    .slider-hompage-post .slick-arrow {
        top: -55px;
    }

    .slider-hompage-post .slick-slide {
        margin: 0 7.5px;
    }

    .slider-hompage-post .slick-list {
        margin: 0 -7.5px;
    }

    .nhacai-info-logo {
        margin-top: 30px;
    }

    .title-cat {
        font-size: 26px;
    }

    .title-single {
        font-size: 22px;
        line-height: 30px;
    }

    .post-slider-mobile .slick-slide {
        margin: 0 7.5px;
    }

    .post-slider-mobile .slick-list {
        margin: 0 -7.5px;
    }

    .post-slider-mobile .image-box img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        object-position: center;
    }

    .post-slider-mobile .slick-arrow {
        letter-spacing: 2.1px;
        width: 26px;
        height: 26px;
        background: #F8B30E;
        display: flex !important;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -75px;
        right: 10px;
        left: unset;
        cursor: pointer;
    }

    .post-slider-mobilest .slick-arrow.slick-disabled {
        background: #CDCDCD;
        color: #747474;
    }

    .post-slider-mobile .fa-chevron-left.slick-arrow {
        right: 50px;
    }

    .post-slider-mobile {
        margin-left: 0;
    }

    .copyright {
        text-align: center;
    }

    .search_tyle,
    .search_tyle.select-league.float-right {
        width: calc(100%) !important;
        margin: 0 !important;
    }

    .list-date-odds {
        width: calc(100%) !important;
    }

    .box-team.home {
        flex-direction: column-reverse;
    }

    .box-team {
        flex-direction: column;
    }
    #icons .icon {
        width: calc(50% - 5px);
        margin: 0;
        padding: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media(max-width: 576px) {
    .tn-vs-d, .tn-vs-c{
      
        width: 100px;
        font-size: 13px;
    }
    .tn-vs-c {
        top: 5px;
    }
    .tn-home {
        text-align: left;
        font-size: 14px;
        padding-left: 5px;
    }
    
    .tn-away {
        font-size: 14px;
        text-align: right;
        padding-right: 5px;
    }
    .header-stadings .ft-stadings,
    .bxh-stadings,
    .tpercent-stadings {
        width: calc((100% - (20px * 6))/3);
    }

    .match-stadings {
        display: none;
    }

    .tpercent-stadings {
        display: none;
    }

    .tranganday>* {
        font: normal normal normal 10px/12px Be Vietnam Pro;
        width: 12px;
        height: 12px;
    }

    .time-trandau {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .box-doi1>* {
        font-size: 14px;
    }

    .head-kq>*,
    .list-leagues-standing>* {
        font-size: 10px;
    }

    .name-doi1 {
        text-align: right;
    }

    .list-leagues-standing .diem {
        font: normal normal bold 11px/14px Be Vietnam Pro;
    }

    .item-trandau {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .box-2doi {
        width: 100%;
    }

    .box-2doi>* {
        gap: 10px;
    }

    .uu-diem,
    .nhuoc-diem {
        width: 100%;
    }

    a.logo-footer {
        width: max-content;
        margin: auto;
        display: block;
        margin-bottom: 15px;
    }

    .head-kq,
    .list-leagues-standing {
        align-items: center;
    }
    .center-statics {
        line-height: 20px;
        font-size: 9px;
    }
}

@media(max-width: 375px) {

    .head-kq>*,
    .list-leagues-standing>* {
        width: 40px;
    }

    .tranganday {
        flex-direction: column;
    }
}

@media(max-width: 320px) {}