responsiveness.css 697 B

123456789101112131415161718192021222324252627282930313233
  1. /* CELLPHONE */
  2. @media screen and (max-width: 47.2em) {
  3. .mision h5 {
  4. text-align: left;
  5. }
  6. ul.product-list li {
  7. display: block;
  8. width: 100%;
  9. }
  10. }
  11. @media screen and (min-width: 756px) and (max-width: 1126px) {
  12. ul.product-list li {
  13. display: inline-block;
  14. width: 45%;
  15. }
  16. .product-short-desc p {
  17. padding: 0 10px;
  18. }
  19. }
  20. @media screen and (min-width: 756px) and (max-width: 1866px) {
  21. ul#product-category-nav li {
  22. display: inline-block;
  23. width: 20%;
  24. text-align: center;
  25. }
  26. ul#product-category-nav li a {
  27. font-size: 95%;
  28. margin: 15px 0px;
  29. }
  30. }