@media all and (max-width: 768px) { .header-selectors-wrapper { border-bottom: 1px solid #ddd; padding: 10px 0; display: flex; gap: 10px; } .header-selectors-wrapper > div { flex-grow: 1; } .spice-categories .intro-text { font-size: 1rem; padding: 0 10px; } .spice-categories .spice-item { flex-direction: column; text-align: center; } .spice-categories .spice-item img, .spice-categories .spice-text { width: 100%; } .spice-categories .spice-text { padding: 10px; } .spice-categories .spice-text h3 { font-size: 1.5rem; } .spice-categories .btn { padding: 10px 18px; } .review-rating .name-description { text-align: center; width: 100%; display: block; } .write-review .review-rating div { text-align: center; padding-bottom: 10px; display: inline-block; } /*** ESTIMATE SHIPPING POPUP ***/ .shipping-address { flex-flow: column; } .address-item { width: 100%; } .estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item { padding-left: 0px; padding-top: 8px; } .home-page-category-grid .title, .sub-category-grid .title { font-size: 16px; width: 100%; background: rgba(0, 0, 0, 0.4); } /*********** Category Box ***********/ .home-page-category-grid .item-grid .item-box:first-child { width: 100%; } .home-page-category-grid .item-grid .item-box:nth-child(2n+1) { clear: none; } .home-page-category-grid .item-grid .item-box:nth-child(2n+2) { clear: both; } .category-grid .item-grid .item-box { margin-bottom: 10px; } /*********** product-box ***********/ .item-box .details { padding: 0 5px; } .item-box .product-item .product-title { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; /* Limits to 2 lines */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-width: 100%; /* Adjust as needed */ height: 50px; } .item-box .buttons { gap: 0; } .item-box .product-box-add-to-cart-button, .item-box .add-to-compare-list-button { font-size: 12px; } .item-box .product-box-add-to-cart-button::before, .item-box .add-to-compare-list-button::before { font-size: 12px; } .container { padding-inline: 30px; } /*********** footer ***********/ .follow-us { text-align: left; } .follow-us .newsletter-email { padding-bottom: 0; border: none; margin-bottom: 0; } .follow-us > div { margin-bottom: 15px; } .follow-us .social li:first-child { margin-left: 0; } }