.mobile-magic #MagicScrollMainDemo { height: auto; }

.MagicScroll[data-mode="carousel"] img,
.MagicScroll[data-mode="cover-flow"] img {
    max-height: 170px;
}
.MagicScroll-horizontal .mcs-item {
    padding: 0 3px;
}

.MagicScroll[data-mode="scroll"],
.MagicScroll[data-mode="animation"] {
    max-height: 130px;
}

.MagicScroll[data-mode="carousel"],
.MagicScroll[data-mode="cover-flow"] {
    min-height: 230px;
}

@media only screen and (min-width: 667px) {
    .MagicScroll[data-mode="scroll"],
    .MagicScroll[data-mode="animation"] {
        max-height: 170px;
    }
    .MagicScroll[data-mode="animation"] {
        max-height: 200px;
    }
}
@media only screen and (min-width: 1024px) {
    .MagicScroll[data-mode="scroll"],
    .MagicScroll[data-mode="animation"] {
        max-height: none;
    }
}

@media only screen and (max-width: 320px) {
    .showcase-section .switch-control-settings button { font-size: 11px; }
}