/*big tablets to 1200px (width smaller than the 1140px row) */

@media only screen and (max-width: 1200px) {

    .hero-text-box {
        width: 100%;
        padding: 0 2%;
    }

    .row {
        padding: 0 2%;
    }

}


/*small tablets to big tablets: from 768px (ipad) to 1023px (ipad lanscape is 1024px) */

@media only screen and (max-width: 1023px) {

    body {
        font-size: 18px;
    }

    .section {
        padding: 60px 0;
    }

    .long-copy {
        width: 80%;
        margin-left: 10%;
    }

    .steps .box {
        margin: 10px 0 0 0;
    }

    .steps .box:last-child {
        margin: 10px 0 0 0;
    }

    .steps .works-step {
        margin: 0 0 40px 0;
    }

    .steps .works-step:last-child {
        margin: 0 0 60px 0;
    }

    .steps .app-screen {
        width: 50%;
    }

    .icon-small {
        width: 15px;
        margin: 0 5px 0 0;
    }

    .cities .city-feature {
        font-size: 90%;
    }

    .plan-box {
        width: 100%;
        margin: 0;
    }

}



/* small phones to small tablets: from 480px to 767px (ipad is 768px) */

@media only screen and (max-width: 767px) {}

/* small phones: from 0 to 480px */

@media only screen and (max-width: 480px) {}