.hide1 { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; -webkit-box-orient: vertical; display:inline-block; width:100%; }  
.item_a {  float:left;  display:inline-block; }

@media only screen and (min-width:600px) and (max-width:1920px)
{
.li img {
max-width:725px;
height:400px;
}
}
@media only screen and (min-width:400px)
{
.li img {
max-width:300px;
height:200px;
}
}

@media screen and (max-device-width: 400px){ 
.hide2 {
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
-webkit-box-orient: vertical;
display:inline-block;
width: 300px;
font-size: 14px;
line-height: 22px;
} 
.md-pb-70 {
padding-bottom: 0px;
padding-top:0px;
}
.item_a {
float:left;
display:inline-block;
}
.td {
max-height:20px;
}
}

@media screen and (max-device-width: 800px) and (max-device-width: 1920px){ 
.hide2 {
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
-webkit-box-orient: vertical;
display:inline-block;
width: 500px;
font-size: 16px;
line-height: 22px;
}
.md-pb-70 {
padding-bottom: 60px;
padding-top: 100px;
}
}


@media screen and (max-device-width: 400px)
{ .hide3 { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; -webkit-box-orient: vertical; display:inline-block; width:280px; } 
.item_a {  float:left;  display:inline-block; } }


@media only screen and (max-width: 480px) {
.title-hidden {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width:100%;
height:70%;
}
}