Contact

/* ----------------------------------------- */ /* View slug: locations - start */ /* ----------------------------------------- */ /* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ table.table-responsive, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .table-responsive thead tr { position: absolute; top: -9999px; left: -9999px; } .table-responsive tr { border: 1px solid #ccc; } .table-responsive td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; border-top-width: 0 !important; border-left-width: 0 !important; position: relative; padding-left: 50%; min-height: 50px; } .table-responsive 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; } /* Label the data */ .table-responsive td:nth-of-type(1):before { content: "Country"; } .table-responsive td:nth-of-type(2):before { content: "Phone 1"; } .table-responsive td:nth-of-type(3):before { content: "Phone 2"; } .table-responsive td:nth-of-type(4):before { content: "Fax"; } } /* ----------------------------------------- */ /* View slug: locations - end */ /* ----------------------------------------- */