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. This suction cup phone mount system is sleek and versatile. The cradle-free design uses high-powered magnets to secure your device where you use them most. 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. On the road, at the office, at home, everywhere.
Security
Secure the MagicMount with the automotive-grade 3M® adhesive
/*
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; }
