.submenu-mobile{
    display: none;
}
@media(min-width: 1000px) and (max-width: 1370px){
    header .menu-main-header ul a img{
        display: none;
    }
}
@media(min-width: 1000px){
    #header .col-lg-8 {
        width: 74%;
    }
    #header .col-lg-2 {
        width: 13%;
    }
    #header .col-lg-2.order-lg-3{
        width: 13%;
    }
    header .menu-main-header ul a:hover {
        color: #fff;
        transition: all 0.2s;
        border-bottom: 2px solid #FFF;
    }

    header .menu-main-header ul a:hover img {
        transition: all 0.2s;
        
        transform: rotate(360deg);
    }
    #menu-header-menu li:hover > ul.sub-menu {
        opacity: 1;
        visibility: visible;
    }
}
@media (max-width: 991px) {
    .layout-row{
        flex-wrap: wrap
    }
    
    .layout-row .col-main{
        order: 0;
        padding: 0;
    }

    .layout-row .col-left, .layout-row .col-right{
        max-width: 100%;
        order: 1;
        padding: 0;
    }
    header .menu-main-header ul a{
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .embed-ranking .league-menu, .embed-fixture .league-menu {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        flex-flow: row !important;
        align-items: center;
    }
    #menu-header-menu {
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        white-space: nowrap;
        display: flex;
        gap: 15px;
    }
    header .menu-main-header ul a{
        font-size: 15px;
    }
    
   .box-posts .item{
        display: grid;
    }

    .box-posts .item .thumbnail{
        width: 100%;
        height: auto;
    }

    .box-posts .item .thumbnail img{
        border-radius: 10px;
        object-fit: cover;
    }

    .box-posts .item .caption{
        width: 100%;
    }

    .titleBet {
        background: #f57d34 !important;
    }
      body  .bgLive .ftTableOdds .bottomFt .oddData .titleOdds {
        color: #f57d34;
    }
    .carouselOddDots .dot.active{
        background-color: #f57d34 !important;
    }
    body .ftTableOdds .bottomFt .oddData .odds{
        width: 100%;
    }
    header .menu-main-header ul a i.fa{
        font-size: 16px;
    }
    .submenu-mobile.active {
        display: block;
        background: #003e46;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        padding: 15px;
        border-radius: 10px 10px 0 0;
        box-shadow: 0 0 10px rgb(0 0 0 / 29%);

    }
    .submenu-mobile ul.sub-menu li a {
        color: #B7C2CE;
        display: block;
    }
    .submenu-mobile ul.sub-menu li a:before{
        content: "\f1e3";
        font-weight: 400;
        font-family: 'Font Awesome 5 Pro';
        margin-right: 6px;
        display: inline-block;
        color: #01DC82;
    }
    .submenu-mobile ul.sub-menu {
        list-style: none;
        display: flex    ;
        flex-flow: column;
        gap: 15px;                
        margin: 0;
        padding: 0;
        max-height: 70vh;
        overflow-y: auto;
        min-height: 200px;
    }
    .submenu-mobile .title-menu {
        font-weight: 700;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        gap: 5px;
        color: #fff;
    }
    .submenu-mobile .title-menu i {
        margin-left: auto;
        margin-right: 0;
        cursor: pointer;
        width: 20px;
        height: 20px;
    }

}