body, td, font, a, input, select, textarea {
    font-size: 13px !important;
}

a.tnews, a.tnews:visited, a.tnews:hover { font-size: 13pt !important; }
TD.iconmenu { font-size: 13px !important; }
TD.regMenus, TD.regMenusBottom { font-size: 13px !important; }
TD.navMenusHeader { font-size: 16px !important; }

.main-layout > tbody > tr > td.header.sidebar-col {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
}

@media screen and (max-width: 979px) {
    body { margin: 0 !important; padding: 0 !important; }

    .page-container { display: block !important; }
    .sidebar-ad { display: none !important; }
    .main-wrapper { width: 100% !important; flex-shrink: 1 !important; }

    .main-layout,
    .footer-table { width: 100% !important; }

    .main-layout > tbody > tr > td.header.sidebar-col {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        order: 1; /* Logo and Submenus First */
    }

    .main-layout > tbody > tr {
        display: flex !important;
        flex-direction: column;
        height: auto !important;
    }

    .main-layout > tbody > tr > td.content {
        display: flex !important;
        flex-direction: column;
        width: 100% !important;
        padding: 4px !important;
        order: 2;
    }

    /* Reordering the content tables */
    .sports-icons-table { order: 1; }
    .latest-news-table { order: 2; }
    .featured-articles-table { order: 3; }
    .competitions-table { order: 4; }
    .ads-table { order: 5; }
    .videos-table { order: 6; }

    table[dir="rtl"] { width: 100% !important; }

    TD.zh {
        font-size: 9px !important;
        padding: 2px 1px !important;
    }
    TD.zi { padding: 0 !important; }
    TD.zi img { max-width: 100%; height: auto; }

    TD.homepageicon { display: block; width: 100% !important; padding: 6px 4px !important; box-sizing: border-box; }
    TD.homepagenewsbox { display: block; width: 100% !important; box-sizing: border-box; }
    TD.homepagebox { display: inline-block; width: 48% !important; vertical-align: top; box-sizing: border-box; }
    
    /* Make the parent TR block so block TDs stack correctly */
    tr:has(> td.homepageicon), 
    tr:has(> td.homepagenewsbox),
    tr:has(> td.region_header0) {
        display: flex !important;
        flex-direction: column;
    }
    
    tr:has(> td.homepagebox) {
        display: flex !important;
        flex-wrap: wrap;
    }

    TD.region_header0,
    TD.region_header1,
    TD.region_header2,
    TD.region_header3 {
        display: block !important;
        width: 100% !important;
    }

    TD.iconmenu { word-wrap: break-word; overflow-wrap: break-word; }
    TD.iconmenu img { max-width: 60px; height: auto !important; }

    TD.voteheader, TD.voteitem, TD.votefooter { font-size: 11px !important; }

    TD.table_title { font-size: 14px !important; }
    TD.s, TD.s_h, TD.s_t, TD.s_c, TD.s_p, TD.s_g, TD.s_m { font-size: 11px !important; padding: 3px 2px !important; }

    TD.footnote { font-size: 10px !important; padding: 8px 4px !important; }
    TD.footnote a { display: inline-block; margin: 2px 4px; }

    img { max-width: 100%; height: auto; }
    table { table-layout: auto !important; }
}

@media screen and (max-width: 480px) {
    TD.zh {
        font-size: 8px !important;
        padding: 1px 0 !important;
        line-height: 1.1;
    }
    TD.zi img { max-height: 30px; }

    TD.homepagebox { display: block !important; width: 100% !important; }

    TD.iconmenu {
        font-size: 11px !important;
        padding: 4px 2px !important;
    }

    TD.s, TD.s_h { font-size: 10px !important; padding: 2px 1px !important; }

    .adm-wrap { font-size: 12px; }
    .adm-layout { flex-direction: column !important; }
    .adm-side { width: 100% !important; border-left: 0 !important; border-bottom: 1px solid #ddd; }
    .adm-main { padding: 8px !important; }
    .adm-stats { flex-direction: column !important; }
    .adm-stat { min-width: auto !important; }
    .adm-table { font-size: 11px; }
    .adm-table th, .adm-table td { padding: 4px 3px; }
    .adm-top { flex-wrap: wrap; padding: 6px 8px; }
    .adm-top .brand { width: 100%; margin-bottom: 4px; }
    .adm-form input[type=text],
    .adm-form input[type=number],
    .adm-form input[type=email],
    .adm-form input[type=password],
    .adm-form input[type=date],
    .adm-form input[type=datetime-local],
    .adm-form input[type=url],
    .adm-form select,
    .adm-form textarea { font-size: 14px !important; }
}