@media (max-width: 550px) {
    .indexTitleText { font-size: 25px; }
    .subMenuTop { padding-top:0;}
    .menuup-left a, .menuup-right a, .menuup-left-level2 a { font-size: 0.85em; }
    html:lang(zh) .mm-listview > li > a, .mm-listview > li > span { font-size: 0.85rem; }
    html:lang(en) .mm-listview > li > a, .mm-listview > li > span { font-size: 0.9rem; }
    .mm-listview > li > a, .mm-listview > li > span { padding:8px 5px 8px 12px !important;}
    .midmenu ul li { float: left; margin: 8px 15px 5px -15px; height: 10px !important; padding-left: 5px; width: 300px !important; text-align: left; }
    table.report_body_small tbody tr td { font-size: 0.8em; }
    table.report_body_small_nobroder tbody tr td font { font-size: 0.8em; }
    .p-month-table tr td, .p-month-table tr td a { font-size: 0.85em; }
    .tdOvesHorseName { min-width:120px; white-space:initial !important; }
    .tdOvesDetail { min-width:280px; white-space:initial !important; }
    .tdmin20px { min-width:20px;}
    .tdmin30px { min-width:30px;}
    .tdmin35px { min-width:35px;}
    .tdmin40px { min-width:40px;}
    .tdmin45px { min-width:45px;}
    .tdmin50px { min-width:50px;}
    .tdmin55px { min-width:55px;}
    .tdmin60px { min-width:60px;}
    .tdmin65px { min-width:65px;}
    .tdmin70px { min-width:70px;}
    .tdmin75px { min-width:75px;}
    .tdmin80px { min-width:80px;}
    .tdmin85px { min-width:85px;}
    .tdmin90px { min-width:90px;}
    .td55px { width:55px; min-width: 45px;}
}
@media (max-width: 767px) {
    .centerContent { margin-top: 20px; }
    .bottomComtent { margin-top: 40px; margin-bottom: 180px; }
    .loginContent { background-image: url('/images/Racing_Login-767px.jpg'); }
    .searchbtn { margin-top: 10px; }
}
@media (max-width:991px) { 
    .headLink .p{ display:block; text-align:left; margin-right:0;}
    .headLink .userinfo { margin-bottom:0; height:auto; clear:both;}
}
@media all and (min-width: 320px) and (max-width: 767px) {
    .table-responsive { overflow-x: auto !important; }
}
@media (min-width: 768px) and (max-width: 2200px) {
    .table-responsive { overflow-x: visible !important; }
}
@media (min-width: 992px) and (max-width: 2200px) {
    .centerText { background-color: #f6f0f0; } 
}

@media print {
    .table-responsive { overflow-x: hidden !important; }
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 0px !important; border: 1px solid #000 !important; }
}