/* Responsive: Utility classes ======================================== */ /* IE10 Metro responsive */ /* Required for Windows 8 Metro split-screen snapping with IE10 */ @viewport { width: device-width; } /* Hide from screenreaders and browsers */ .hidden { display: none; visibility: hidden; } /* Visibility utilities */ /* For desktops */ .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-phone { } .hidden-tablet { } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } /* Tablets & small desktops only */ @media (min-width: 768px) and (max-width: 979px) { /* Hide everything else */ .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } /* Show */ .visible-tablet { display: inherit !important; } /* Hide */ .hidden-tablet { display: none !important; } } /* Phones only */ @media (max-width: 767px) { /* Hide everything else */ .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } /* Show */ .visible-phone { display: inherit !important; } /* Hide */ .hidden-phone { display: none !important; } } /* Print utilities */ .visible-print { display: none !important; } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } }