@media only screen and (min-width: 1004px) and (max-width: 1366px) { .advs-desc { width: 200px; } } @media only screen and (min-width: 1367px) { .advs-desc { overflow: hidden; display: flex; -webkit-line-clamp: 1; white-space: nowrap; width: 300px; padding-right: 10px; } .advs-name { width: 20%; overflow: hidden; word-wrap: break-word; white-space: pre-line; text-overflow: ellipsis; -webkit-line-clamp: 1; } .advs-status { width: 5%; } .advs-cat1 , advs-country , .advs-currency , .advs-price { width: 5%; } }