@media screen and (max-width: 321px){
    .hd-left span{font-size: 14px;font-weight: 600;;}
    .hd-left a img{max-height: 16px;}
    .hd-right a img{max-height: 20px;;}

}

@media screen and (min-width: 375px) and (min-height:800px) {

.mb-wrap{}   
}

@media screen and (min-width: 414px) {
.mb-wrap{}
}

@media screen and (min-width: 450px) and (min-height:600px) {

.mb-wrap{position: unset;}    
}


@media screen and (min-width: 760px) {
    .bodytop{height:190px;background-size: 100% 100%;background-position: 0px 0px;;}
    .mb-wrap{}
    body{background-color: #fff;}





}

@media screen and (min-height: 800px) {
    
    





}



@media screen and (min-width: 1024px) {
    .bodytop{height: 256px;    background-size: 100% 100%;    background-position: 0px 0px;}
    .mm-btnwrap .mm-btnrow .mm-btn{height:265px;padding-top:5%!important;}
    .mm-btnwrap .mm-btnrow .mm-btn .mm-btn-tit{bottom:25%;}
    .mm-btnwrap .mm-btnrow .mm-btn .mm-btn-img img{max-height: 100px!important;;}
    .mm-btnwrap .mm-btnrow .mm-btn .mm-btn-img img.mm-btn-live{max-height:70px!important;top:-45px;}
    .mb-wrap{height:37%;}





}
@media screen and (min-width: 1280px) {
    .bodytop{height: 200px;    background-size: 100% 200%;    background-position: top;}
    .mm-btnwrap .mm-btnrow .mm-btn{height:200px;padding-top:2%!important;}
    .mm-btnwrap .mm-btnrow .mm-btn .mm-btn-tit{bottom:20%;}
    .mm-btnwrap .mm-btnrow .mm-btn .mm-btn-img img{max-height: 80px!important;;}
    .mm-btnwrap .mm-btnrow .mm-btn .mm-btn-img img.mm-btn-live{max-height:40px!important;top:-35px;}
    .mb-wrap{height:auto;}





}