@media screen and (min-width: 980px) and (max-width: 1130px) {
    #containerMenuItens{
        top: -65px;
    }
}

@media screen and (max-width: 979px) {
    /* MENU */
    #header{
        height: 70px;
        background: #D90E15;
    }
    #menuMobile{
        display: block;
    }
    #containerMenu{
        display: none;
    }

    #menuMobile{
        width: 100%;

    }
    #ulMenuMobile{
        width: 200px;
        padding-top: 10px;
        position: relative;
        top: 68px;
        right: -70px;
        float: right;
        background: #D90E15;
    }
    #toggleMenu{
        width: 40px;
        height: 50%;
        float: right;
        cursor: pointer;
        margin-top: 10px;
        margin-right: 20px;
    }
    .listraMenu{
        width: 100%;
        background: #FFF;
        height: 5px;
        margin-top: 8px;
    }
    .liMenuMobile{
        display: block;
        float: none;
        text-align: right;
        margin-right: 20px;
    }
    .liMenuMobile a:hover{
        border:none;
    }
    .activeMenu{
        border:none;
        width: 100px;
        margin-right: 0px;
    }

    .liMenuMobile a{
        font-family: fuente;
        font-size: 35px;
        width: 150px;
        display: inline-block;
        text-decoration: none;
        text-align: right;
        color:#FFF;
    }

    .barFranqueado{
        font-size: 30px;
    }

    /* HOME */
    #bgMobileTopo img{
        width: 100%;
        position: absolute;
        z-index: 10;
    }
    #bgMobileTopo{
        display: block;
        margin-top: 70px;
    }


    /**/
    #redeSocial{
        display: none;
    }

    /* SABORES */

    .divLarge{
        width: 56.8%;
        margin-bottom: -5px;
    }
    .separadorMob{
        width: 43.2% !important;
        margin-bottom: -1px;
    }
    .separador{
        width: 50%;
    }
    .divFull img{
       // width: 980px;
        height: 190px;
        max-width: none;
    }
    .classMobAjusteAlt{
        height: 30px;
    }

    /* RODAPÉ*/

    #footer{
        //display: none;

    }
    .sideMenuFooter{
        width: 100% !important;
        max-width: 100% !important; 
        float: none !important;
        margin-top: 0 !important;
    }
    .siteRedeSocial{
        width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
    .barraBranca{
        margin: 0px auto;
        width: 70%;
        border-bottom: 2px solid #fff;
        padding-top: 40px;
    }
    .pluginFace{
        margin-left:0 !important;
        margin-top: 50px !important;
    }
    .borderSep{
        border-right:0px;
    }
    #ulMenuFooter{
        text-align: center;
    }
    .borderSep{
        float: none;
        width: 50%;
        margin: 0 auto;

    }

    .liMenuFooter a{
        text-align: center;
    }
    /* INSTITUCIONAL */
    #bannerInstitucional{
        width: 95%;
    }
    #institucional p{
        width: 90%;
    }

    /* LOJAS */
    #lojas{
        padding-top: 20%;
    }
    .boxEndereco{
        width: 100%;
        max-width: 100%;
    }
    .enderecoInfos p{
        font-size: 20px;
    }
    .iconePaleteiro{
        width: 70px;
        top: -5px;
    }
    #formFindPlace label{
        font-size: 15px;
    }
    #formFindPlace input{
        font-size: 14px;
        height: 25px;
        width: 195px;
    }

    /* CONTATO */
    .sideContato{
        width: 100%;
        float: none;
    }
    .sideFranqueado{
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    #containerFormFranq{
        width: 70%;
        margin: 0 auto;
        margin-top: 90px;
    }

    /* FRANQUEADO */
    #textFranqueado{
        width: 100%;
    }


    /* Assinatura */
    #logo_t4r{
        width: 60px;
        top:10px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    #textAssinatura p{
        text-align: left !important;
        font-size: 9px !important;
        display: table !important;
        margin: 0 auto !important;
    }

}


@media screen and (max-width: 480px){
    /* HOME */
    .barFranqueado{
        font-size: 17px;
        height: 50px;
    }

/* SABORES */

    .divLarge{
        width: 100% !important;
        margin-bottom: -5px !important;
    }
    .separadorMob{
     width: 100% !important;
    }
    .separador{
        width: 100% !important;
    }
    .divFull img{
        //width: 980px !important; 
        height: 190px !important;
        max-width: none !important;
    }
    .classMobAjusteAlt{
        height: 30px !important;
        background: #D90E15 !important;
    }

    .slick-prev{
        background-size: 40px 40px !important;
        width: 40px !important;
        height: 40px !important;
    }
    .slick-next{
        background-size: 40px 40px !important;
        width: 40px !important;
        height: 40px !important;
    }

    /*RODAPE*/
    .borderSep{
        width: 100% !important;
    }
}
@media screen and (min-width: 660px) and (max-width: 979px){
    #contatoFranqueado{
        width: 100%;
    }
    #containerDiagrama{
        display: none;
    }
    #containerDiagramaMob1{
        display: block;
        width: 95%;
        margin: 0 auto;
    }
    #containerDiagramaMob2{
        display: none;
    }

    .spaceDiagrama{
        width: 50%;
    }
    #passosFranqueado{
        width: 100%;
        height: 1780px;
    }
    
}

@media screen and (max-width: 659px){
    #passosFranqueado{
        width: 100%;
        height: 3520px;
    }
    #contatoFranqueado{
        width: 100%;
    }
    #containerDiagrama{
        display: none;
    }
    #containerDiagramaMob1{
        display: none;
    }
    #containerDiagramaMob2{
        width: 100%;
        display: block;
    }
    .spaceDiagrama{
        width: 100%;
        float: none;
    }
    
}