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

.item_a { 
float:left; 
display:inline-block;
}

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