@import url('../partials/rodape-slogan.css');
@import url('../partials/navbar.css');
@import url('../partials/home-benefits.css');

#conteudo-canal-mobile {
    padding: 10px 20px;
}

.fundo-canal-mobile {
    background: url(/img/banner-canal-mobile.jpg) 58px 36px no-repeat;
}

.item-conteudo-mobile {
    color: #485b75;
    font-size: 22px;
    line-height: 24px;
    font-weight: 100;
    padding: 15px;
}

    .item-conteudo-mobile p {
        display: inline;
        vertical-align: top;
    }

    .item-conteudo-mobile i {
    }

    .item-conteudo-mobile span {
        color: #707d0c;
        font-weight: bold;
    }


.porc1 {
    margin-left: -80px;
}

.porc2 {
    margin-left: -10px;
}

.porc3 {
    margin-left: 40px;
}

.porc4 {
}

.porc5 {
    margin-left: -60px;
}

.padd-mobile {
    padding: 40px 0px;
}

.app-categoria-mobile {
    margin-top:40px;
    margin-left:60px;
}

#box-central-mobile {
   padding:20px 20px;
}
.box-central-mobile {
    display: table;
    vertical-align: middle;
    background-color: #485b75;
    color: #ffffff;
    border-left: 10px solid #707d0c;
    padding: 40px 80px;
    margin: 0 auto;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-align:center;
    font-size:22px;
    line-height:25px;
    font-weight:100;
    margin-bottom:30px;
}

.padd5 {
    padding:5px;
}

/*==============================================*/
/*==========  @Medias em resoluções  ===========*/
/*==============================================*/
@media all and (max-width:1300px) {
}

@media all and (max-width:1200px) {
}

@media all and (max-width:1100px) {
    .fundo-canal-mobile {
        background: url(/img/banner-canal-mobile.jpg) -30px 36px no-repeat;
    }
    .app-categoria-mobile {
        margin-left: 20px;
    }
}

@media all and (max-width:960px) {

    .fundo-canal-mobile {
        background: url(/img/banner-canal-mobile.jpg) -159px 20px no-repeat;
    }
    .item-conteudo-mobile {
        color: #485b75;
        font-size: 20px;
        line-height: 22px;
        font-weight: 100;
        padding: 13px;
    }
}

@media all and (max-width:800px) {
    .fundo-canal-mobile {
        background: url(/img/banner-canal-mobile.jpg) -241px 24px no-repeat;
    }
    .app-categoria-mobile {
        margin-top: 50px;
        margin-left: 0px;
    }

}

@media all and (max-width:720px) {
    .fundo-canal-mobile {
        background: url(/img/banner-canal-mobile.jpg) -35px 19px no-repeat;
        background-size: 140%;
    }

    .item-conteudo-mobile {
        text-align:center;
    }

    .porc1 {
        margin-left: 0px;
    }

    .porc2 {
        margin-left: 0px;
    }

    .porc3 {
        margin-left: 0px;
    }

    .porc4 {
    }

    .porc5 {
        margin-left: 0px;
    }

    .padd-mobile {
        padding: 0px 0px;
    }

    .app-categoria-mobile {
        margin-top: 30px;
    }

    .item-conteudo-mobile br { 
        display:none;
    }
}

@media all and (max-width:600px) {
    .fundo-canal-mobile {
        background: url(/img/banner-canal-mobile.jpg) -75px 19px no-repeat;
        background-size: 140%;
    }
}

@media all and (max-width:560px) {
}

@media all and (max-width:480px) {
    .fundo-canal-mobile {
        background: url(/img/banner-canal-mobile.jpg) -240px 68px no-repeat;
        background-size: 140%;
    }
}

@media all and (max-width:400px) {
    .fundo-canal-mobile {
        background: url(/img/banner-canal-mobile.jpg) -254px 70px no-repeat;
        background-size: 160%;
    }
}

@media all and (max-width:380px) {
    .fundo-canal-mobile {
        background: url(/img/banner-canal-mobile.jpg) -225px 70px no-repeat;
        background-size: 150%;
    }
}

@media all and (max-width:360px) {
    .fundo-canal-mobile {
        background: url(/img/banner-canal-mobile.jpg) -225px 70px no-repeat;
        background-size: 155%;
    }
}

@media all and (max-width:330px) {
}

@media all and (max-width:320px) {
    .fundo-canal-mobile {
        background: url(/img/banner-canal-mobile.jpg) -250px 70px no-repeat;
        background-size: 180%;
    }
}