.bbest-module-destaque-app {
    display: block;
    position: relative;
    margin-bottom: 70px;
    padding: 70px 0;
    width: 100%;
    background-color: #001489;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.bbest-module-destaque-app .container {
    position: relative
}

.bbest-module-destaque-app .wrapper {
    max-width: 520px
}

.bbest-module-destaque-app .title-md {
    margin-bottom: 56px;
    font-family: Roboto,Helvetica Neue,Arial,sans-serif;
    font-weight: 700;
    font-size: 46px;
    color: #fff;
    line-height: 52px;
    letter-spacing: .99px
}

.bbest-module-destaque-app .btn-wrapper {
    display: block
}

.bbest-module-destaque-app .btn-wrapper .img-qrcode {
    margin-right: 30px;
    max-width: 99px
}

.bbest-module-destaque-app .btn-wrapper .btn-appstore {
    display: inline-block;
    margin-right: 15px;
    width: 168px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/mod-destaque-app/icon-appstore.svg);
    background-size: contain;
    vertical-align: middle
}

.bbest-module-destaque-app .btn-wrapper .btn-googleplay {
    display: inline-block;
    width: 190px;
    height: 58px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/mod-destaque-app/icon-googleplay.svg);
    background-size: contain;
    vertical-align: middle
}

.bbest-module-destaque-app .img-app-best {
    position: absolute;
    max-width: 250px;
    width: 100%;
    right: 15px;
    bottom: -70px
}

@media screen and (max-width: 820px) {
    .bbest-module-destaque-app .title-md {
        margin-bottom:30px;
        font-size: 40px;
        line-height: 48px
    }

    .bbest-module-destaque-app .wrapper {
        max-width: 425px
    }

    .bbest-module-destaque-app .btn-wrapper .img-qrcode {
        display: none
    }

    .bbest-module-destaque-app .img-app-best {
        max-width: 200px
    }
}

@media screen and (max-width: 640px) {
    .bbest-module-destaque-app {
        margin-bottom:50px;
        padding: 70px 0 0
    }

    .bbest-module-destaque-app .wrapper {
        max-width: 100%
    }

    .bbest-module-destaque-app .title-md {
        margin-bottom: 20px;
        font-size: 35px;
        line-height: 43px;
        text-align: center
    }

    .bbest-module-destaque-app .btn-wrapper {
        width: 100%
    }

    .bbest-module-destaque-app .btn-wrapper .img-qrcode {
        display: none
    }

    .bbest-module-destaque-app .btn-wrapper .btn-appstore {
        display: block;
        margin: 0 auto 20px
    }

    .bbest-module-destaque-app .btn-wrapper .btn-appstore.is-hidden {
        display: none
    }

    .bbest-module-destaque-app .btn-wrapper .btn-googleplay {
        display: block;
        margin: 0 auto
    }

    .bbest-module-destaque-app .btn-wrapper .btn-googleplay.is-hidden {
        display: none
    }

    .bbest-module-destaque-app .img-app-best {
        display: block;
        position: relative;
        margin: 30px auto 0;
        max-width: 230px;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media(min-width: 576px) {
    .bbest-module-destaque-app .container {
        max-width:100%
    }
}

@media(min-width: 900px) {
    .bbest-module-destaque-app .container {
        max-width:960px
    }
}

@media(min-width: 1200px) {
    .bbest-module-destaque-app .container {
        max-width:960px
    }
}

@media(min-width: 1400px) {
    .bbest-module-destaque-app .container {
        max-width:1140px
    }
}