#dhinhthanh{margin-bottom:10px;display:grid;gap:10px;grid-template-columns:2fr 1fr}
#dhinhthanh .boxptth>div.dgtab{display:grid;gap:10px;grid-template-columns:55px 85px 1fr}
#dhinhthanh .boxptth a{position:relative;margin-bottom:14px;font-family:var(--font-family-bar);font-size:25px;line-height:1.2;color:#AAA;font-weight:400;text-transform:uppercase}
#dhinhthanh .boxptth a:hover{color:RED}
#dhinhthanh .boxptth a.active{color:#FFF}
#dhinhthanh .boxptth>div.dgcontent,#dlichphatsong>ul{height:418px}
#dhinhthanh .boxptth>div.dgcontent>.dxradio{display:none}
#dhinhthanh .dglivetv-container, #dhinhthanh .dgliveradio-container{margin:0;max-width:800px}

.dlphatsong{padding:0;margin:-10px 0 12px 0;display:flex;align-items:center;justify-content:space-between}
.dlphatsong h3{font-weight:bold;color:#FFF;font-size:18px}
.dlphatsong select{border:1px solid #999;border-radius:4px;font-size:14px;font-weight:500;line-height:20px;text-align:left;color:#FFF;padding:8px;background:#ffffff0a}
.dlphatsong option{background:#102b60;color:#FFF;border-radius:4px}
#dlichphatsong{width:100%}
#dlichphatsong>ul,#dlichphatsong>ul>li{list-style:none}
#dlichphatsong>ul{overflow-y:auto;position:relative;padding:0 8px 0 0;background:#102b60}
#dlichphatsong>ul>li{align-items:center;border-radius:4px;background:#ffffff0a;padding:10px;display:grid;grid-template-columns:50px 1fr;gap:10px;margin:10px 0 10px 10px;cursor:pointer}
#dlichphatsong>ul>li>span.time{display:block;font-size:14px;font-weight:400;line-height:22px;text-align:left;margin-right:0;color:#AAA}
#dlichphatsong>ul>li>div.title{font-size:13px;font-weight:400;line-height:20px;text-align:left;color: #fff;margin-right:6px}
#dlichphatsong>ul>li>div.title>h3>a{color:#BBB;font-weight:normal;font-size:16px}
 
#dlichphatsong>ul>li.live{background:#ffffff1f;grid-template-columns:50px 1fr 65px}
#dlichphatsong>ul>li.live>span.time{color:#FFF}
#dlichphatsong>ul>li.live>div.title>h3>a{color:#FFF;font-size:16px;font-weight:bold}
#dlichphatsong>ul>li.live>div.title>h3>a:hover{color:RED}

#dlichphatsong>ul>li>div.title>div{color:#AAA}
#dlichphatsong>ul>li>div.live{background:RED;color:#FFF;padding:5px;border-radius:5px;width:60px;height:30px;font-size:12px;font-family:Roboto}

@media (max-width:1024px){
    #dhinhthanh{grid-template-columns:600px 1fr}
    #dhinhthanh .boxptth>div.dgcontent,#dlichphatsong>ul{height:340px}
}
@media (max-width:1024px) and (min-width: 576px){
    #dlichphatsong>ul>li.live>div.title>h3>a{font-size:13px}
    #dlichphatsong>ul>li>div.title>h3>a{font-size:12px}
    .dlphatsong h3{font-size:15px}
}
@media (max-width:980px){
    #dhinhthanh{grid-template-columns:1fr}
}
@media (max-width:820px){
    #dhinhthanh .boxptth>div.dgcontent,#dlichphatsong>ul{height:393px}
}
@media (max-width:576px){
    #dhinhthanh .boxptth a{font-size: 17px}
    #dhinhthanh .boxptth>div.dgtab{grid-template-columns:50px 80px 1fr}
    #dhinhthanh .boxptth>div.dgcontent{height:222px}
    .dlphatsong h3{font-size:13px;margin-right:10px;color:#DDD}
    .dlphatsong select{padding:5px}
    .dlphatsong{margin:0 0 10px 0;justify-content:flex-end}
    #dlichphatsong>ul{height:250px}
}