responsive-utilities.css 985 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. @-ms-viewport {
  2. width: device-width;
  3. }
  4. .hidden {
  5. display: none;
  6. visibility: hidden;
  7. }
  8. .visible-phone {
  9. display: none !important;
  10. }
  11. .visible-tablet {
  12. display: none !important;
  13. }
  14. .hidden-desktop {
  15. display: none !important;
  16. }
  17. .visible-desktop {
  18. display: inherit !important;
  19. }
  20. @media (min-width: 768px) and (max-width: 979px) {
  21. .hidden-desktop {
  22. display: inherit !important;
  23. }
  24. .visible-desktop {
  25. display: none !important ;
  26. }
  27. .visible-tablet {
  28. display: inherit !important;
  29. }
  30. .hidden-tablet {
  31. display: none !important;
  32. }
  33. }
  34. @media (max-width: 767px) {
  35. .hidden-desktop {
  36. display: inherit !important;
  37. }
  38. .visible-desktop {
  39. display: none !important;
  40. }
  41. .visible-phone {
  42. display: inherit !important;
  43. }
  44. .hidden-phone {
  45. display: none !important;
  46. }
  47. }
  48. .visible-print {
  49. display: none !important;
  50. }
  51. @media print {
  52. .visible-print {
  53. display: inherit !important;
  54. }
  55. .hidden-print {
  56. display: none !important;
  57. }
  58. }