@media screen and (max-width: 768px){ .hero_details_bottom .sale-price{ word-break: normal; } } @media screen and (min-width: 1024px){ .hero_details_bottom .hero_addToCart_price_txt .product-price{ display: flex; flex-direction: column; } .hero_details_bottom .sale-price{ white-space: break-spaces; line-height: normal; font-weight: 600; font-size: 17px; } }