Description
MagicMount™ is a new magnetic mounting system for conveniently mounting smartphones and more. Just hover your device near the magnetic surface and it instantly locks securely in place. Its sleek cradle-free design uses high-powered magnets to secure your device where you use them most. This phone holder for car, home or office allows you to place your device at any angle for convenient viewing. On the road, at the office, at home, everywhere.
MagicMount™ is a new magnetic mounting system for conveniently mounting smartphones and more. Just hover your device near the magnetic surface and it instantly locks securely in place. Its sleek cradle-free design uses high-powered magnets to secure your device where you use them most. This phone holder for car home or office allows you to place your device at any angle for convenient viewing. On the road at the office at home everyWHERE.
Place your device at any angle for convenient viewing everyWHERE.
Security
Secure the MagicMount™ on your windshield or anywhere on your dash with the included mounting disk.
/*
NEWNESS
I used specfic classes to prevent possible conflicts
*/
.magicplate_placement_options img {
margin: 0 auto;
display: block;
max-width: 100%;
height: auto;
width: auto;
z-index:
}
.magicplate_placement_options .accent {
background-color: #eeeeee;
padding-bottom: 0px;
}
.uppercase {
text-transform: uppercase;
}
.magicplate_placement_options svg {
max-height: 285px;
}
@media (max-width: 991px) {
.magicplate_placement_options svg {
max-height: 200px;
}
}
.magicplate_placement_options img.exploded {
top: -50px;
position: relative;
}
.cta svg {
fill: #e9bc34;
margin-right: 5px;
}
a.cta:hover svg {
fill: #e1af19;
}
a.cta {
color: #e9bc34;
line-height: 20px;
margin: 10px 0;
display: inline-flex;
vertical-align: top;
}
a.cta:hover {
color: #e1af19;
}
hr.empty {
background: transparent !important;
height: 1px;
clear: both;
}
.tab-row.accent hr {
height: 1px;
background: #cccccc;
border: 0;
margin: 20px 0;
clear: both;
}
@media (max-width: 991px) {
.shipping-deadlines .row [class*=”col-“] + [class*=”col-“] {
margin-top: 20px;
}
.shipping-deadlines br {
display: none;
}
}
.cmn-links {
display: inline-block;
padding: 0 25px;
background: #e9bc34;
font-size: 12px;
font-weight: 400;
line-height: 40px;
color: #333333;
text-align: center;
border-radius: 3px;
font-weight: bold;
margin-top: 10px;
z-index: 9;
position: relative;
}
.cmn-links:hover {
background: #deb22d;
color: #333;
}
a:hover {
color: #565656;
outline: none;
text-decoration: none;
}
.magicplate_placement_options * {
box-sizing: border-box;
}
.magicplate_placement_options ul {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.magicplate_placement_options li {
display: list-item;
list-style: disc;
font-size: 12px;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (max-width: 768px){
[class*=’ col-‘], [class*=’col-‘] {
padding-left: 0;
padding-right: 0;
}
a.easytabs-a {
padding-left: 20px !important;
}
}
.retrofit-row:not(.first) .container-auto {
padding-top: 30px;
}
.retrofit-row .container-auto {
padding: 0 15px;
box-sizing: border-box;
}
/* fixed condensing*/
b, strong {
font-family: ‘HelveticaNeueBold’;
}
.tab-row {
border-bottom: 0;
}
.magestore-bannerslider .container-auto hr {
display: none;
}
/* Video pop-up */
.lightbox { display: none; position: fixed; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(0,0,0,0.8);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.lightbox:target { outline: none; display: block; }
#videoModal { border-radius: 0; z-index: 999; width: 870px; margin:auto; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#videoModal .modal-header { background: #000; border: 0; color: #fff; position: relative; height:35px; }
#videoModal .modal-header h3 { font-size: 18px; line-height: 22px; font-family:Arial, Helvetica, sans-serif; padding:5px; }
#videoModal .modal-body {height: 489px; padding: 0; max-height: none; overflow: hidden; }
#videoModal .modal-footer:empty { display: none !important; }
#videoModal .close { background: #DB00B8; color: #fff; font-size: 24px; margin: 0; opacity: 1; position: absolute; right: 0; text-shadow: none; top: 0; width: 38px; }