/*
    Sizing and positioning for larger screens
*/

@media all and (min-width: 500px) {
    .mm-menu {
        width: 500px;
    }
    html.mm-opening .mm-page,
    html.mm-opening #mm-blocker {
        left: 500px;
    }
}
@media only screen and ( max-width: 1130px) {
    .store-btn {
        height: 62px;
        padding: 12px 19px 0 60px;
    }
    .gplay .store-btn {
        padding-left: 62px;
    }
    .store-btn span {
        font-size: 13px;
    }
    .store-btn b {
        font-size: 24px;
    }
    .price {
        font-size: 24px;
        padding: 18px 10px 21px 36px;
    }
    .appstore i {
        font-size: 42px;
    }
    .gplay i {
        font-size: 38px;
    }
}

/* Main MQuery, iPad portrait and lower -- */

@media only screen and (max-width: 768px) {
    .row .row {
        margin: 0 -25px;
    }
    .column,
    .columns {
        padding: 0 25px;
    }
    #header {
        padding: 45px 0 15px;
    }
    .mobile-slider {
        display: block;
        margin: 25px 0;
        border: 2px solid #fff;
        border-radius: 8px;
    }
    .mobile-slider img {
        border-radius: 8px;
    }
    .device {
        display: none;
    }
    #hero h1 {
        font-size: 54px;
    }
    .feat-desc p:last-child {
        margin: 0;
    }
    .flex-control-nav {
        width: 100%;
    }
    .store {
        height: 65px;
    }
    .right {
        text-align: left;
    }
    .fl_l,
    .fl_r {
        float: none;
        clear: both;
    }
    #header #logo {
        margin: 0 auto;
    }
    .buttons {
        text-align: center;
    }
    .buttons a {
        margin: 0;
        display: block;
    }
    #hero {
        text-align: center;
    }
    #credentials {
        text-align: center;
    }
    #credentials span {
        display: block;
        float: none;
        margin: 23px 0 10px 0;
        text-align: center;
    }
    #credentials a {
        margin: 0 21px;
    }
}