/*MOBILE*/
@media all and (max-width: 599px){
.wrap_chi_so{
    width: 95%;
    margin: 0 auto;
    font-size: 14px;
}

    .trung_binh{
        display: none;
    }
    .wrap_chot_tuan{
        width: 100%;

    }
    .bg_chot_tuan{
        width: 220px;
        height: 50px;
        background: url(../img/bg-chot-tuan.png) no-repeat;
        background-size: 100%;
        margin-left: 5px;
    }
    .bg_chot_tuan p{
        text-align: right;
        padding-right: 5px;
    }







    /*TRUNG TUAN*/

    .wrap_trung_tuan{
        width: 100%;

    }


    .bg_trung_tuan{
        background: url(../img/bg-trung-tuan-final.jpg) no-repeat;
        background-size: cover;
        height: 40px;
        width: 100%;
        display: inline-table;
        margin-top: 5px;
    }
    .bg_trung_tuan div{
        float: left;
    }
    .bg_trung_tuan p{
        text-align: right;
        padding-right: 50px;

        font-size: 30px;
        color: #fff;
        font-family: UTM-bold !important;
    }
    .bg_trung_tuan .tuong_ung_tt{
        font-size: 12px;
    }

    .icon_tt{
        width: 25px;
        padding-left: 16px;
    }

    .text_trung_tuan{
        width: 90px;
        color: #fff;
        padding-left: 25px;
        font-weight: bold;
        font-size: 13px;
        line-height: 37px;
    }
    .chi_so_trung_tuan{
        color: #fff;
        line-height: 31px;
    }
    .chi_so_trung_tuan span.in-dam{
        font-size: 18px;
        font-weight: bold;
    }



    /*TRUNG BINH*/
    .wrap_trung_binh{
        height: 50px;
        width: 100%;
    }

    .bg_trung_binh{
        width: 100%;
        height: 40px;
        background: url(../img/bg-trung-binh-final.jpg) no-repeat;
        background-size: cover;
        margin-top: 10px;
        z-index: 100;
        display: inline-table;
    }
    .icon_tb{
        width: 40px;
        padding-left: 10px;
        margin-top: 1px;
    }
    .text_trung_binh{
        width: 90px;
        padding-left: 10px;
        color: #fff;
        margin-right: 5px;
    }
    .text_trung_binh p{
        font-weight: bold;
        font-size: 13px;
    }



    .bg_trung_binh div{
        float: left;
    }

    .bg_trung_binh:hover,
    .bg_trung_binh:hover p,
    .bg_trung_binh:hover span{
        cursor: pointer;
        color: #fffb11;
    }
    .trung_binh{
        background: url("../img/bg-trung-binh.jpg") no-repeat;
        background-size: cover;
        margin-top: -11px;
        z-index: 1;
        color: #fff;
        padding: 10px 20px;;
    }
    .trung_binh p{
        font-size: 14px;
        width: 95%;
    }
    .chu_nho{
        font-size: 10px;
    }





    .chi_so_tb{
        color: #fff;
        font-size: 15px;
        line-height: 34px;
    }
    .chi_tiet_tb{
        line-height: 40px;
        padding-left: 4px;
        font-size: 10px;
        color: #fff;
        opacity: 0.7;
    }
    .chi_tiet_tb span{
        border: 1px solid #fff;
        padding: 1px;

    }







    /*CHI SO TRONG TUAN*/
    .dien_bien_tuan_qua{
        display: inline-table;

    }



    .img_hnx,
    .img_hose{
        width: 100px !important;
        display: block;
        margin-bottom: 40px;
        margin-top: 10px;
    }
    .test_mau{
        color: #df7b16;
    }

    .dien_bien_tuan_qua table{
        width: 100%;

    }


    .dien_bien_tuan_qua th{
        height: 50px;
        text-align: center;
        background: #df7b16;
        color: #fff;
        border-right: 1px solid #fff;
    }
    .dien_bien_tuan_qua td{
        height: 40px;
        text-align: center;
        color: #232323;
    }
    .dien_bien_tuan_qua table,td{
        border: 1px solid #df7b16;
        border-collapse: collapse;

    }









}












/*PC*/
@media all and (min-width: 599px){


    .trung_binh{
        display: none;
    }
    .wrap_chot_tuan{
        width: 100%;

    }
    .bg_chot_tuan{
        width: 320px;
        height: 50px;
        background: url("../img/bg-chot-tuan.png") no-repeat;
        background-size: 100%;
        margin: 0 auto;
    }
    .bg_chot_tuan p{
        text-align: right;
        padding-right: 5px;
        padding-top:20px;
    }







    /*TRUNG TUAN*/

    .wrap_trung_tuan{
        width: 100%;

    }


    .bg_trung_tuan{
        background: url("../img/bg-trung-tuan-final.jpg") no-repeat;
        background-size: 100%;
        height: 50px;
        width: 100%;
        display: inline-table;
        margin-top: 5px;
    }
    .bg_trung_tuan div{
        float: left;
    }
    .bg_trung_tuan p{
        text-align: right;
        padding-right: 50px;
        padding-top: 0px;
        font-size: 30px;
        color: #fff;
        font-family: UTM-bold !important;
    }
    .bg_trung_tuan .tuong_ung_tt{
        font-size: 18px;
        font-family: UTM !important;
    }

    .icon_tt{
        width: 40px;
        padding-left: 20px;
    }

    .text_trung_tuan{
        width: 140px;
        color: #fff;
        padding-left: 20px;
        font-weight: bold;
        font-size: 19px;
        line-height: 50px;
    }
    .chi_so_trung_tuan{
        color: #fff;
    }
    .chi_so_trung_tuan span.in-dam{
        font-size: 30px;
        font-weight: bold;

    }



    /*TRUNG BINH*/
    .wrap_trung_binh{
        height: 60px;
        width: 100%;
    }

    .bg_trung_binh{
        width: 100%;
        height: auto;
        background: url("../img/bg-trung-binh-final.jpg") no-repeat;
        background-size: 100%;
        margin-top: 10px;
        z-index: 100;
        display: inline-table;
    }

    .bg_trung_binh div{
        float: left;
    }

    .bg_trung_binh:hover,
    .bg_trung_binh:hover p,
    .bg_trung_binh:hover span{
        cursor: pointer;
        color: #fffb11;
    }
    .trung_binh{
        background: url("../img/bg-trung-binh.jpg") no-repeat;
        background-size: cover;
        margin-top: -11px;
        z-index: 1;
        color: #fff;
        padding: 10px 20px;;
    }
    .trung_binh p{
        font-size: 16px;
        width: 75%;
    }

    .icon_tb{
        width: 60px;
        padding-left: 10px;
        margin-top: 5px;

    }
    .text_trung_binh{
        width: 140px;
        padding-left: 10px;
        color: #fff;
    }
    .text_trung_binh p{
        font-weight: bold;
        font-size: 20px;
    }
    .chu_nho{
        font-size: 15px;
    }

    .chi_so_tb{
        color: #fff;
        font-size: 24px;
        line-height: 52px;
    }
    .chi_tiet_tb{
        line-height: 59px;
        padding-left: 30px;
        font-size: 10px;
        color: #fff;
        opacity: 0.7;
    }
    .chi_tiet_tb span{
        border: 1px solid #fff;
        padding: 1px;

    }







    /*CHI SO TRONG TUAN*/
    .dien_bien_tuan_qua{
        display: inline-table;

    }



    .img_hnx,
    .img_hose{
        width: 100px !important;
        display: block;
        margin-bottom: 40px;
        margin-top: 10px;
    }
    .test_mau{
        color: #df7b16;
    }

    .dien_bien_tuan_qua table{
        width: 100%;

    }


    .dien_bien_tuan_qua th{
        height: 50px;
        text-align: center;
        background: #df7b16;
        color: #fff;
        border-right: 1px solid #fff;
    }
    .dien_bien_tuan_qua td{
        height: 40px;
        text-align: center;
        color: #232323;
    }
    .dien_bien_tuan_qua table,td{
        border: 1px solid #df7b16;
        border-collapse: collapse;

    }









}