Responsive Utilities


Responsive utilities

For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed.

Try to use these on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation.


Available classes

Use a single or combination of the available classes for toggling content across viewport breakpoints.

Extra small devices Phones (<768px) Small devices Tablets (≥768px) Medium devices Desktops (≥992px) Large devices Desktops (≥1200px)
.visible-xs-* Visible
.visible-sm-* Visible
.visible-md-* Visible
.visible-lg-* Visible
.hidden-xs Visible Visible Visible
.hidden-sm Visible Visible Visible
.hidden-md Visible Visible Visible
.hidden-lg Visible Visible Visible

As of v3.2.0, the .visible-*-* classes for each breakpoint come in three variations, one for each CSS display property value listed below.

Group of classes CSS display
.visible-*-block display: block;
.visible-*-inline display: inline;
.visible-*-inline-block display: inline-block;

So, for extra small (xs) screens for example, the available .visible-*-* classes are: .visible-xs-block, .visible-xs-inline, and .visible-xs-inline-block.

The classes .visible-xs, .visible-sm, .visible-md, and .visible-lg also exist, but are deprecated as of v3.2.0. They are approximately equivalent to .visible-*-block, except with additional special cases for toggling

-related elements.


Print classes

Similar to the regular responsive classes, use these for toggling content for print.

Classes Browser Print
.visible-print-block
.visible-print-inline
.visible-print-inline-block 		Visible
.hidden-print Visible

The class .visible-print also exists but is deprecated as of v3.2.0. It is approximately equivalent to .visible-print-block, except with additional special cases for

-related elements.


Test cases

Resize your browser or load on different devices to test the responsive utility classes.


1. Visible on...

Green checkmarks indicate the element is visible in your current viewport.

✔ Visible on x-small
✔ Visible on small
Medium ✔ Visible on medium
✔ Visible on large
✔ Visible on x-small and small
✔ Visible on medium and large
✔ Visible on x-small and medium
✔ Visible on small and large
✔ Visible on x-small and large
✔ Visible on small and medium

2. Hidden on...

Here, green checkmarks also indicate the element is hidden in your current viewport.

✔ Hidden on x-small
✔ Hidden on small
Medium ✔ Hidden on medium
✔ Hidden on large
✔ Hidden on x-small and small
✔ Hidden on medium and large
✔ Hidden on x-small and medium
✔ Hidden on small and large
✔ Hidden on x-small and large
✔ Hidden on small and medium
WHX Miami Starts Soon

Countdown to June 17, 2026

00Days
00Hours
00Minutes
00Seconds
Ampronix & Sony Medical

See Sony’s Latest Mini-LED Surgical Displays at WHX Miami

Ampronix is proud to partner with Sony Medical as Master Distributor for Sony Medical Monitors. Join us at WHX Miami to experience Sony’s latest 4K HDR Mini-LED surgical visualization technology.

WHX Miami 2026 June 17 to 19, 2026
Miami Beach Convention Center
Visit Us at Booth K62
Book a Meeting View Sony M1 Monitors
Dennis Mairena

Meet with Dennis Mairena

International Sales Account Manager Ampronix Bilingual in Spanish & English dmairena@ampronix.com WhatsApp: +1 949.573.4121
Reserve Meeting Time

Featured Sony Surgical Monitors

See Sony’s latest 4K HDR Mini-LED surgical monitor lineup at Booth K62, including the LMD-27M1MD, LMD-32M1MD, and LMD-43M1MD.

27-inch 4K HDR Mini-LED
Sony LMD-27M1MD

LMD-27M1MD

Compact Mini-LED surgical visualization for sharp imaging, efficient OR integration, and advanced 4K HDR performance.

4K Ultra HD surgical display
Mini-LED backlight technology
Designed for compact OR workflows
Request Quote
32-inch 4K HDR Mini-LED
Sony LMD-32M1MD

LMD-32M1MD

Premium Mini-LED surgical display engineered for brightness, contrast, color precision, and advanced surgical visualization.

Advanced 4K HDR visualization
Mini-LED contrast and brightness
Ideal for advanced surgical imaging
Request Quote
43-inch 4K HDR Mini-LED
Sony LMD-43M1MD

LMD-43M1MD

Large-format Mini-LED surgical display designed for enhanced visibility, collaboration, and immersive OR viewing environments.

Large surgical viewing area
Mini-LED image performance
Built for collaborative OR environments
Request Quote

Plan Your Visit to Booth K62

Meet with Ampronix and Sony Medical at WHX Miami to discuss Sony M1 surgical displays, availability, distribution opportunities, and your surgical monitor requirements.

Schedule Your Meeting
Some of our happy customers

“Ampronix was very helpful and very prompt responding to my inquiries.”

Jimmy

Canon USA

“Asked for a fast repair and they delivered.”

Randy

Mercy Hospital Joplin

“I just wanted to say how helpful Berta was in fixing my problem. I know people are quick to complain but I think it's important to make sure if they do a great job they should be recognized." 

Sammy

GE Healthcare

“I would like to again express my gratitude to Ampronix for their help in getting what we needed. It was their guidance that led to a happy end-user. Thank you!” 

Jimmy

Radiology Solutions

“Ampronix you are the best and we appreciate all you do for us! Great monitors, easy ordering process with you, tracking numbers always come... Couldn't ask for more in a vendor. THANK YOU!”

Rita

Radiographic Equipment Services

Tell Us About Your Project

Our team is here to help you source, replace, or repair the equipment you need. Reach out today, or complete the form, and our team will contact you shortly.

📞 (800) 400-7972
✉️ info@ampronix.com

Call Us

Toll Free: (800) 400-7972
Int:+1-949-273-8000
Fax: +1-949-273-8022

Our Address

15 Whatney
Irvine, CA 92618

Get in Touch

info@ampronix.com

Our Hours

Mon-Fri, 7am to 5pm (PST)