#produtos-menu-mobile{
    display:none;
}

.aparecer-voltar{
    display: none;
}

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


    /*home*/
    div#produtos{
        width:100%; display: flex;
    flex-direction: column;
    align-items: center;
    }

    #produtos-menu{
        display:none !important;
    }

    #produtos-menu-mobile{
        display:block !important;
        background-image:none;
         width:100%;
         margin:0px;
    }
    
    #produtos-menu-mobile #content{
        display: flex;
        justify-content: center;
    }

    #produtos-menu-mobile #content ul{
        width: 100%;
        position:initial; 
        padding:0px 0px 50px 0px;
    }

    #produtos-menu-mobile #content ul li{
        width:100%;
        height:auto;
        border:0px;
    }

    #veja-produtos{
        width: 100%;
    }

    #orcamento-esquerda{
        width:100%;
    }

    #orcamento-esquerda img{
        width: 100%;
    }

    #orcamento-direita{
        margin-left:0px;
        width:100%;
    }

    #orcamento-direita img{
        width: 100%;
    }
    /*produtos*/

    .texto-produto{ 
        margin:auto; 
        width:auto; 
        margin-bottom:50px;
    }

    .texto-produto p {
        padding:0px 20px;
        text-align: justify;
    }

    

    /*figure*/
    #conteudo2 figure{
        display:flex;
        width:100%;
        justify-content: center;
    }

    /*projetos*/
    .pikachoose{
        background-image: none !important;
    }

    /*contato*/

    #fundo-contato{
        background-position: 40% 5%;
    }

    #conteudo2 {
        margin:auto;
        height:320px; 
        display:table;
        width:100%;
        text-align: center;
    }

    #form-esquerda{
        width:100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #form-direita{
        width:100%;
        margin:30px 0px 0px 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #redes{
        width:100%;
    }

    #redes li{
        width: 100%;
        display:flex;
        flex-direction: column;
        align-items: center;
    }

    #form{
        width:100%;
        display: flex;
    flex-direction: column;
    align-items: center;
    }

    #form ul, #form ul li{
        float: none;
        text-align: center;
        height:auto;
        margin-bottom:10px;
    }

    .input-name, .input-geral, .input-geral2, .input-text-area{
        float:none;
        width:100%;
        margin: 0px;
        padding:8px 0px;
    }

    #form button{
        width:130px;

    }

    .input-geral2{
        display: flex;
        justify-content: center;
    }

    .sumir-voltar{
        display: none !important;
    }

    /*header*/

    div#endereco{
        visibility: hidden;
    }

    div#endereco-responsivo{
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 10px;
        margin-bottom:10px;
    }

    div#menu{
        display:none;
    }
    
    /*rodape*/
    div#rodape-menu{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    div#rodape-menu-esquerda3, div#rodape-menu-esquerda {
        margin-bottom:0px;
    }

    #links-rodape ul , #links-rodape li {
        margin:0px;
        padding:10px;
    }

    #links-rodape{
        display: flex;
        justify-content: center;
    }

    #links-rodape ul{
        display:flex;
        flex-direction: column;
    }

    #rodape-menu-esquerda p>a{
        margin-bottom:5px;
        letter-spacing:0px;
    }

    div#rodape-menu-direita{
        width: 50%;
        margin-top: 0px;
        margin-bottom:22px;
        margin-left:0px;
    }

    div#rodape-menu-direita img.logo-footer{
        width:100%;
        height:90px;
        object-fit: contain;
    }

    

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

    /*produtos*/
    ul#produtos{
        width:100%;
    }

    ul#produtos li{
        width: 100%;
        background-image: none !important;
        height: 50vh;
    }


    ul#produtos li a{
        width:100%;
        background-size: 100% !important;
        height: 100%;
    }

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

    
    /*aloja*/
	#fundo-aloja{
        background-color: #fff;
    background-image: none;
    }

    #fundo-aloja #conteudo-direita{
        width:100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right:0px;
    }

    #fundo-aloja #conteudo-direita figure img{
    width: 100%;
    object-fit: contain;
}

    .cortinas2 {
        background: url(js/boto/images/cortinas.jpg) !important;
        
        }

    .cortinas2 a{
    background: url(js/boto/images/cortinas.jpg) !important;
    }

    .persianas2{
        
        background: url(js/boto/images/persianas.jpg) !important;
    }

    .persianas2 a{
        background: url(js/boto/images/persianas.jpg) !important;
    }

    .papeis2{
        
        background: url(js/boto/images/papeis-de-parede.jpg) !important;
    }

    .papeis2 a{
        background: url(js/boto/images/papeis-de-parede.jpg) !important;
    }

    .espelhos2{
        
        background: url(js/boto/images/espelhos.jpg) !important;
    }

    .espelhos2 a{
        background: url(js/boto/images/espelhos.jpg) !important;
    }


    .box2{
        
        background: url(js/boto/images/box.jpg) !important;
    }

    .box2 a{
        background: url(js/boto/images/box.jpg) !important;
    }

    .redes2{
        
        background: url(js/boto/images/redes.jpg) !important;
    }

    .redes2 a{
        background: url(js/boto/images/redes.jpg) !important;
    }

    .envidracamento2{
        
        background: url(js/boto/images/envidracamento.jpg) !important;
    }

    .envidracamento2 a{
        background: url(js/boto/images/envidracamento.jpg) !important;
    }

    .toldos2{
        
        background: url(js/boto/images/toldos.jpg) !important;
    }

    .toldos2 a{
        background: url(js/boto/images/toldos.jpg) !important;
    }

}
@media all and (max-width: 575px) {
	/*produtos*/
    ul#produtos li{
        margin-left:0px;
        width: 100%;
        background-image: none;
        height: 70px;
    }

    div#servicos{
        flex-direction: column;
    }
    
    /*footer*/
    #agencia4s li{
        margin:0px;
    }
}
@media all and (max-width: 375px) {

    /*endereco header*/
    #endereco figure a img{
        width: 120px;
    margin-top: 10px;
    }


    /*projetos*/
    .jcarousel-skin-pika .jcarousel-container-horizontal{
        width:45% !important;
    }

    .pika-stage .caption, .pika-counter{
        bottom:10px !important;
    }

    /*header*/
    #logo img{
        width: 250px;
        height: 90px;
        object-fit: contain;
        margin-left: 5px;
    }

    

    #agencia4s ul{
        display: flex;
    }

    #agencia4s li img{
        width: 100%;
        height:36px;
        object-fit: contain;

    }

}