@media screen and (max-width: 700px) {
    .features-section, .mail-messagecomposeSec, .mycustcal-section-wrapper, 
    .mycustdrive-section-wrapper, .calendar-section, .mycustnotes-section-wrapper, 
    .mycusttasks-section-wrapper, .mycustaddressbook-section-wrapper, .advancedsearchSec, .custsyncSec, .mailmigrations, .collaborateSec {
        padding: 50px 0;
    }
    .navbar-brand{
        width: calc(100% - 65px);
    }
    .navbar-brand img {
        width: 110px;
    }
    .bnarHdngs {
        font-size: 2.7rem;
    }
    .hero .lead {
        font-size: 1rem;
    }
    .hero {
        padding: 0 10px 0 10px;
    }
    .hero-top {
        padding: 7rem 0 2rem;
    }
    /* .browser-frame { max-width: 100%; } - REMOVED: Keep mockup same width on all devices */
    .mycustcal-invite-card {
        right: -2px;
    }
    .mycustcal-meet-card {
        left: -2px;
    }
    .mycustdrive-share-card {
        right: 24px;
    }
    .mycustdrive-upload-card {
        left: 35px;
    }
    .mycustnotes-reminder-card {
        right: 4px;
    }
    .mycustnotes-collab-card {
        left: 14px;
    }
    .mycusttasks-due-card {
        right: 14px;
    }
    .mycusttasks-streak-card {
        left: 34px;
    }
    .mycustaddressbook-sync-card {
        right: 14px;
    }
    .mycustaddressbook-merge-card {
        left: 14px;
    }
    .mycustaiassistant-merge-card {
        bottom: 56px;
        left: -4px;
        width: 173px;
    }
    .myadvancedsearch-merge-card {
        bottom: -14px;
        left: 14px;
    }
}

@media screen and (max-width: 991px) {
    .navbar-brand{
        width: calc(100% - 65px);
    }
}

@media screen and (min-width: 700px) and (max-width: 1024px) {
    .bnarHdngs {
        font-size: 3rem;
    }
}