/* Small Devices, Tablets */
@media only screen and (max-width: 700px) {
    .strips {
        min-width: 1480px !important;
    }
    .strips {
        margin-left: -200px;
    }
    .main_logo {
        width: 100%;
        margin-top: 0px !important;
    }
    input:checked + .label + .panel {
        height: 280px;
    }

}


@media only screen and (max-width: 540px) {
    input:checked + .label + .panel {
        height: 180px;
    }
    #features {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .featuresContainer {
        max-width: calc(100% - 40px);
        max-height: 200px;
        margin-left: 22px
    }

    .imac-screen {
        padding-top: 20px;
    }

    .team-member {
        padding-bottom: 20px;
    }
}
@media only screen and (min-width: 540px) {
    #features {
        padding-bottom: 0px;
        padding-top: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .cosmicutHeader {
        width: calc(100% - 60px);
        left: calc(30px);
        margin-top: 10px;
        border-radius: 200px;
        border: 1px solid rgba(255, 255, 255, 0.07);

    }
    .cosmiHero {
        border-radius: 20px;
    }
    .appHeaderInfo {
        width: 380px;
        left: 20px;
        margin: unset !important;
    }

    .strips {
        width: 180% !important;
        min-width: 1600px !important;
    }
    #features {
        padding-bottom: 40px;
        padding-top: 10px;
    }
    .header-right {
        display: block;
        float: right;
        padding: 6px 20px;
    }

    .header-headline {
        text-align: left;
        max-width: 380px;
        padding-top: 75px;
    }

    .header-running-text {
        line-height: 30px;
        margin: 0;
        text-align: left;
        max-width: 470px;
    }

    .hero {
        padding-bottom: 230px;
    }

    .hero-button {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .hero-right {
        text-align: left;
    }

    .me {
        text-align: left;
        max-width: 600px;
        margin: 0 auto;
    }

    .ipad {
        display: block;
        position: absolute;
        // right: 50px;
        right: 0px;
        z-index: 1;
        height: 427px;
        margin-top: 45px;
        max-width: 50%;
        border-radius: 25px;
    }

    .ipad-screen {
        display: block;
        padding-bottom: 40px;
        margin-top: 19px;
        right: 1px;
    }

    .feature-section {
        padding-top: 60px;
    }

    /*.features-headline {*/
    /*    color: white;*/
    /*    padding-bottom: 70px;*/
    /*}*/

    .logos {
        padding: 30px;
        max-width: 100%;
    }

    .white-section-text {

    }

    .imac-section-desc {
        font-weight: 300;
        font-size: 15px;
        line-height: 30px;
        max-width: 400px;
        margin: inherit;
        text-align: left;
    }

    .pricing-table {
        padding: 70px 0 100px;
        max-width: 1050px;
        margin: auto;
    }

}

.team {
    padding-bottom: 20px;
}

.team-member {
    text-align: center;
}

.email-form-div {
    max-width: inherit;
    margin: auto;
}

.webscope {
    margin-top: 0;
}

.social-links {
    float: right;
}

/* Medium Devices, Desktops */

/* Large Devices, Wide Screens */

@media only screen and (min-width: 600px) {
    .strips {
        width: 160% !important;
        min-width: 1600px !important;
    }
}

@media only screen and (min-width: 1000px) {
    .header-running-text {
        max-width: 630px !important;
        width: 630px !important;
    }

    .strips {
        width: 120% !important;
        min-width: 1680px !important;
    }
}

@media only screen and (min-width: 1500px) {
    .strips {
        width: 120% !important;
        min-width: 1000px !important;
    }
}