@media only screen and (max-device-width: 480px) { .desktop-menu{ display:none; } .widget-under-header > div, .widget-under-header > div:nth-child(2) { width:100%; margin:10px 0; } .widget-gallery-images .widget_media_gallery > div { height:146px; margin: 10px auto 0; } img.alignleft, img.alignright{ margin:20px auto; width:80%; height:auto; max-width:100%; float:none; display:block; } .entry-content .col1{ margin: 20px 0 0 0; } .entry-content .col1title, .entry-content .col2title, .entry-content .col3title, .entry-content .col1, .entry-content .col2, .entry-content .col3 { width:100%; text-align:left; min-height:auto; } .entry-content table, .entry-content thead, .entry-content tbody, .entry-content th, .entry-content td, .entry-content tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .entry-content thead tr { position: absolute; top: -9999px; left: -9999px; } .entry-content tr { border: 1px solid #ccc; } .entry-content td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } .entry-content td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .entry-content td img{ margin:20px; width:90%; height:auto; } .entry-content iframe{ width:100%; } .alisoair_hbm { display:inline-block; } } /* ipad */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { } @supports (-ms-accelerator:true) { /* IE Edge 12+ CSS styles go here */ }