@media (max-width: 1700px) {
    .vantagens-e-diferenciais .ja-esta-pronto {
        width: 350px;
    }
    .mes-gratis .btn-publication{
        display: block;
    }
}

@media (max-width: 1600px) {
    .vantagens-e-diferenciais .ja-esta-pronto {
        width: 340px;
    }

}

@media (max-width: 1500px) {
    .vantagens-e-diferenciais .ja-esta-pronto {
        width: 330px;
    }

    .vantagens-e-diferenciais .btn-publication,
    .mes-gratis .btn-publication{
        font-size: 30px;
    }
}

@media (max-width: 1400px) {
    .vantagens-e-diferenciais .ja-esta-pronto {
        width: 320px;
    }

    .build-app-free {
        margin-right: 13%;
    }
}

@media (max-width: 1300px) {
    .vantagens-e-diferenciais .ja-esta-pronto {
        width: 300px;
    }

    .build-app-free {
        margin-right: 10%;
    }
}

@media (max-width: 1200px) {
    .vantagens-e-diferenciais .ja-esta-pronto {
        width: 260px;
    }

    .vantagens-e-diferenciais .btn-publication,
    .mes-gratis .btn-publication {
        font-size:25px;
        padding: 20px 20px;
    }

    .vantagens-e-diferenciais .custo-zero {
        margin-top: -61px;
    }
    .vantagens-e-diferenciais .btn-period > div {
        font-size: 30px;
    }
    .vantagens-e-diferenciais .btn-period > small {
        font-size: 70%;
        display: block;
        margin-top: 15px;
    }
    .cameleon-navbar-container .cameleon-navbar-nav li a {
        padding: 0 15px;
    }

    .home-header {
        min-height: 65vh;
    }

    .build-app-free {
        margin-top: -250px;
        margin-right: 10%;
    }

    .build-app-free h2 {
        font-size: 30px;
        margin-bottom: 8px;
    }

    .build-app-free p {
        font-size: 14px;
        margin: 4px 0;
    }

    .vantagens-e-diferenciais .ja-esta-pronto {
        width: 200px;
    }

    .vantagens-e-diferenciais .box-green h2 {
        font-size: 26px;
    }

    .build-app-free {
        margin-right: 6%;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
    .home-header {
        min-height: 65vh;
    }

    .build-app-free {
        margin-top: -250px;
        margin-right: 5%;
    }

    .build-app-free h2 {
        font-size: 30px;
        margin-bottom: 8px;
    }

    .build-app-free p {
        font-size: 14px;
        margin: 4px 0;
    }

    .vantagens-e-diferenciais .btn-publication,
    .mes-gratis .btn-publication{
        font-size: 3vw;
    }

    .vantagens-e-diferenciais .custo-zero {
        margin-top: -40px;
    }

    .vantagens-e-diferenciais .box-green h2 {
        font-size: 24px;
    }

    .build-app-free {
        margin-right: 2%;
    }

    .build-app-free h1 {
        font-size: 34px;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
    .home-header {
        min-height: 40vh;
    }

    .build-app-free {
       display: none;
    }

    .vantagens-e-diferenciais .btn-publication,
    .mes-gratis .btn-publication{
        font-size: 3.5vw;
    }

    .vantagens-e-diferenciais .btn-period {
        padding: 26px 26px 8px;
    }

    .vantagens-e-diferenciais .box-green h2 {
        font-size: 20px;
    }

    .vantagens-e-diferenciais .title-app {
        font-size: 20px;
        margin: 20px 0;
    }

    .vantagens-e-diferenciais .btn-period > div {
        font-size: 20px;
    }

    .vantagens-e-diferenciais .btn-period > small {
        font-size: 12px;
        display: block;
        margin-top: 15px;
    }

    .why-build-app blockquote {
        width: 100%;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    .home-header {
        min-height: 40vh;
    }

    .build-app-free {
        margin: 40px 0 80px 0;
        text-align: center;
        float: none;
    }

    .build-app-free h2 {
        font-size: 24px;
        margin-bottom: 8px;
        color: #000;
    }

    .build-app-free p {
        font-size: 12px;
        margin: 4px 0;
        color: #000;
    }

    .vantagens-e-diferenciais .btn-publication,
    .mes-gratis .btn-publication{
        font-size: 4vw;
        padding: 20px;
    }

    .vantagens-e-diferenciais .uk-margin-large-top {
        margin-top: 80px !important;
    }

    .vantagens-e-diferenciais .custo-zero {
        margin-top: -90px;
        margin-bottom: 20px;
    }
}