/*|||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||   RESOLUÇÃO 320px até 400px   ||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
@media (min-width: 320px) and (max-width: 400px){

.container {width: 100%; text-align: center;}
.menu {display: none;}

.menu-mob{display: block; width: 100%; float: left; height: auto; background: #2e2d2b; margin-top: 0px; text-align: center; position: fixed; z-index: 100}
#open-menu-mob{}
#close-menu-mob{display: none;}
    .menu-open{width: 100%; float: left; display: none;}
        .menu-open a{width: 100%; float: left; color: #fff; line-height: 30px; border-bottom: 1px solid #FFF; padding: 5px 0; box-sizing:border-box; text-align: left; font-size: 20px;} 
        #index-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
        #empresa-mob{background: #736357; text-align: center; color: #000; font-family: "Century";}
        #produtos-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
        #localizacao-mob{background: #736357; text-align: center; color: #000; font-family: "Century";}
        #contato-menu-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
      
header .telefone{text-align: center; padding-right: 0px; padding-top: 60px;}
    header .linha{float: none; line-height: 3px; margin-right: 0px;}
    header .marca{margin: 0 auto;}   
    header .logo img{margin: 10px 0 auto;}

.index .container h1{margin: 0 auto; margin-top: 0px;}
.texto-index h1{width: 100%;}
    .texto-index h2{width: 80%; text-align: center !important;}
.slideshow-container .prev{margin-top: 100px; margin-left: 5px;}
    .slideshow-container .next{margin-top: 100px; margin-right: 5px;}
    .mySlides{margin: 10px 0 0 0;}
.prev{width: 40px; height: 40px; float: left; -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222); transform: scale(0.8,0.8);}
    .prev:hover{transform: scale(1,1);}     
.next{width: 40px; height: 40px; float: right; -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222); transform: scale(0.8,0.8);}
    .next:hover{transform: scale(1,1);} 
.inner{width: 70%; margin: 0 auto;}
.index .container h2{text-align: left; margin: 0 auto; font-size: 16px;}
.inner img{ -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222);}
.banner{min-height: auto; margin-top: 15px;}  
.txt-inner{width: 100%; text-align: left; position: static; margin: 0 auto; float: left;}
        .btn{width: 80%; position: static; padding: 3px 0px; border-radius: 15px; float: none; margin: 0 auto; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}
            .btn a{font-size: 16px; color: #fff; font-weight: normal;}
            .btn:hover{background: #a67613;}     
            #bt-map-1{margin-top:0px;}
            #bt-map-2{width: 95%; float: none; margin: 10px auto !important;}               
            #bt-map-3{width: 95%; float: none; margin: 0 auto}
.btn2{width: 90%; padding: 0px; border-radius: 15px; margin: 0 auto; margin-top:20px; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}
            .btn2 a{font-size: 20px; color: #fff; font-weight: bold; padding: 5px;}
            .btn2:hover{background: #a67613;}


.divisor-empresa{width: 100%; height: 30px; margin-top:20px; text-align: center; background: url(../img/divisor.png) no-repeat; margin: 0 auto; position: absolute; margin-top: 10px;}  
       
footer{width: 100%; margin-top:15px;  background: url(../img/footer.png) top center no-repeat; background-position: 0 -30px;}       
    .txt-footer{width: 100%; float: left; margin-top: 30px; text-align: center;}
        .txt-footer h1{margin: 0px auto; font-size: 18px;}
        .txt-footer h2{margin: 0px auto; font-size: 14px;}
        .casinha{width:100%; float: left; margin: 0px auto;}
        .casinha-img{width: 100%; height: auto; margin: 0 auto; background: url(../img/casinha.png) top center no-repeat;}        

.historia{width: 100%; margin: 0 auto;}   
.img-empresa{float: left; margin-right: 0px; width: 100%;}
.txt-empresa-a{width: 100%; float: left; padding: 0px; text-align: justify;}
        .mg-20{margin-top: 0px;}
        .txt-empresa-a h1{font-size: 20px; margin: 5px 10px; text-align: center;}
        .txt-empresa-a h2{font-size: 18px; margin: 5px 10px;}
.txt-empresa-b{padding: 0px; text-align: justify;}
    .txt-empresa-b p{padding: 0px; text-align: justify; margin: 5px 5%;}
        .txt-left{width: 100%; float: left;}
        .txt-right{width: 100%; float: right;}        
.timeline{display: none;}        
.fotos-empresa{width: 100%; float: left; margin: 0 auto;}
        .divisor{margin-top: 50px;}
        .divisor-empresa{width: 100%; height: 30px; margin-top:20px; text-align: center; background: url(../img/divisor.png) no-repeat; margin: 0 auto; position: static; margin-top: 10px;}  
        .tt-fotos{width: 150px;  padding: 5px; border-radius: 15px; margin: 0 auto; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222); font-size: 20px; color: #fff; font-weight: bold;}
        .ajusta-fotos{width: 100%; margin: 0 auto; padding-top: 20px; text-align: center;}
            .foto-thumb{float: none; width: 257px; height: 168px; padding: 10px; margin: 0 auto;}
            .foto-thumb a img{height: 150px; width: 257px; position: static !important; clip: rect(0px,0px,0px,0px) !important; margin: 0px auto !important;}
.main-produtos {min-height: 5500px;}
.produtos{width: 100%; margin-top: 100px; float: left; text-align: center;}
.img-fundo{position: absolute; top: 180px; left: 0px;}
    .listras{width: 100%; height: 5000px; position: absolute; background: url(../img/listrado.jpg); line-height: 0; top: 465px; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85);}
    .item0{width: 100%; position: absolute; top: 0px; left: 0; right: 0; display: none;}
        .item-foto{width: 100%; max-width: 361px; height: 317px; margin: 0 auto;}
        .item-vertical{width: 271px; height: 350px; margin: 0 auto;}    
        .item-direita{width:100%; max-width: 350px; height: 271px;margin: 0 auto; }
        .item-esquerda{width:100%; max-width: 350px; height: 315px; margin: 0 auto;}
        .item-horizontal{width:100%; height: 320px; margin: 0 auto;}
        .item-branco1{width: 100%; height: 200px; margin: 0 auto;} 
            .item-branco1 h2{text-align: center; margin: 0 auto; padding: 20px 20px 0px 20px; font-family: "CenturySeBd"; font-size: 20px;}
            .item-branco1 p{text-align: center; padding: 5px 20px 0 20px; text-indent: 0em;}
        .item-branco2{width: 100%; height: 150px; margin: 20px 0 auto;} 
            .item-branco2 p{text-align: center; padding: 20px 20px 0 20px; margin: 0 auto; text-indent: 0em;} 
        .item-1907{width: 120px; height: 120px; margin: 0 auto;}    
            .item-branco2 p{text-align: center; padding: 20px;  margin: 0 auto; text-indent: 0em;} 
            #item-1907{background: url(../img/desde1907.png) no-repeat; position: absolute; top: 910px; left: 0; right: 0;}
            #item-branco1{background: #fff; position: absolute; top: 700px; left: 0; right: 0; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85);}        
            #item-branco2{background: #fff; position: absolute; top: 980px; left: 0; right: 0; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85); margin: 20px 0;}
            #item-foto{background: url(../img/item-foto.png) no-repeat; position: absolute; top: 380px; right: 0px; left: 0px; transform: scale(0.9,0.9); background-position: -20px 0}
            #item-amarelo{background: url(../img/item-amarelo.png) no-repeat; position: absolute; top: 100px; left: 0; right: 0; z-index: 1; margin: auto}     
                #item-amarelo p{text-align: center; padding: 50px 20px 0px 20px; margin-top: 50px; color: #fff; text-indent: 0em;}        
            #item1{background: url(../img/item1.png) no-repeat; position: absolute; top: 1160px; left: 0; right: 0; margin: 0 auto;}
            #item2{background: url(../img/item2.png) no-repeat; position: absolute; top: 1520px; left: 0; right: 0; margin: 0 auto;}
            #item3{background: url(../img/item3.png) no-repeat; position: absolute; top: 1880px; left: 0; right: 0; margin: 0 auto;}
            #item4{background: url(../img/item4.png) no-repeat; position: absolute; top: 2240px; left: 0; right: 0; margin: 0 auto;}
            #item5{background: url(../img/item5.png) no-repeat; position: absolute; top: 2600px; left: 0; right: 0; margin: 0 auto;}
            #item6{background: url(../img/item6.png) no-repeat; position: absolute; top: 2970px; left: 0; right: 0; margin: 0 auto;}
            #item7{background: url(../img/item7.png) no-repeat; position: absolute; top: 3270px; left: 0; right: 0; margin: 0 auto;}
            #item8{background: url(../img/item8.png) no-repeat; position: absolute; top: 3610px; left: 0; right: 0; margin: 0 auto;}
            #item9{background: url(../img/item9.png) no-repeat; position: absolute; top: 3900px; left: 0; right: 0; margin: 0 auto;}
            #item10{background: url(../img/item10.png) no-repeat; position: absolute; top: 4270px; left: 0; right: 0; margin: 0 auto;}
            #item11{background: url(../img/item11.png) no-repeat; position: absolute; top: 4640px; left: 0; right: 0; margin: 0 auto;}
        .item-nome{width: 230px; height: 32px; border-radius: 15px; background: #3b3939; margin: 0 auto; margin-top: 290px; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}  
            .item-nome p{color: #fff; text-align: center; font-family: "CenturySeBd"; font-size: 20px; text-indent: 0em; padding: 3px;}
        #tipo-nome1{margin-top: 210px;}     
        #tipo-nome2{margin-top: 255px;}
        #tipo-nome3{margin-left: 40px; margin-top: 210px;}
        #tipo-nome4{margin-left: 45px; margin-top: 250px;}
        #tipo-nome5{margin-left: 0px; margin-right: 0px; margin: 0 auto; margin-top: 5100px;}   
        .item0-mob{display: block; width: 100%; height: 250px; background: url(../img/item0.jpg) no-repeat; position: absolute; top: 5280px; left: 0; right: 0; margin: 0 auto;}

        .txt-contato{width: 100%; margin: 0 auto; padding-top: 10px;}     
        .txt-contato h1, .txt-contato h2{text-align: center; margin: 0 5px;}
        .contato h1{padding: 5px 0; color: #3b3939;}
        .contato form{width: 95%; margin: 0 auto; padding-top: 10px}   

    .txt-localizacao > p{font-family: "CenturySeBd"; font-weight: bold; font-size: 20px; text-align: center; color: #3b3939; text-indent: 0em; margin: 0 5%;}
    .img-balcao{width: 100%;}
    .txt-loja{width: 100%;}
        .txt-loja > p{text-align: center; text-indent: 0em; width: 100%; margin: 0 auto;}
    #mapa-villa{width:100%; height: 300px; margin: 0 auto; }
    .info-mapa{display: none; position: absolute; z-index: 1001; background: #fff; width: 250px; height: 90px; left: 0px; right: 0px; margin: 0 auto; top: 720px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}

}
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||   RESOLUÇÃO 401px até 500px   ||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
@media (min-width: 401px) and (max-width: 500px){

.container {width: 100%; text-align: center;}
.menu {display: none;}

.menu-mob{display: block; width: 100%; float: left; height: auto; background: #2e2d2b; margin-top: 0px; text-align: center; position: fixed; z-index: 100}
#open-menu-mob{}
#close-menu-mob{display: none;}
    .menu-open{width: 100%; float: left; display: none;}
        .menu-open a{width: 100%; float: left; color: #fff; line-height: 30px; border-bottom: 1px solid #FFF; padding: 5px 0; box-sizing:border-box; text-align: left; font-size: 20px;} 
        #index-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
        #empresa-mob{background: #736357; text-align: center; color: #000; font-family: "Century";}
        #produtos-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
        #localizacao-mob{background: #736357; text-align: center; color: #000; font-family: "Century";}
        #contato-menu-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
      
header .telefone{text-align: center; padding-right: 0px; padding-top: 60px;}
    header .linha{float: none; line-height: 3px; margin-right: 0px;}
    header .marca{margin: 0 auto;}   
    header .logo img{margin: 10px 0 auto;}

.index .container h1{margin: 0 auto; margin-top: 0px;}
.texto-index h1{width: 100%;}
    .texto-index h2{width: 80%; text-align: center !important;}
.slideshow-container .prev{margin-top: 130px; margin-left: 5px;}
    .slideshow-container .next{margin-top: 130px; margin-right: 5px;}
    .mySlides{margin: 10px 0 0 0;}
.prev{width: 40px; height: 40px; float: left; -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222); transform: scale(0.9,0.9);}
    .prev:hover{transform: scale(1,1);}     
.next{width: 40px; height: 40px; float: right; -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222); transform: scale(0.9,0.9);}
    .next:hover{transform: scale(1,1);} 
.inner{width: 70%; margin: 0 auto;}
.index .container h2{text-align: left; margin: 0 auto; font-size: 16px;}
.inner img{ -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222);}
.banner{min-height: auto; margin-top: 15px;}  
.txt-inner{width: 100%; text-align: left; position: static; margin: 0 auto; float: left;}
        .btn{width: 60%; position: static; padding: 3px 0px; border-radius: 15px; float: none; margin: 0 auto; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}
            .btn a{font-size: 16px; color: #fff; font-weight: normal;}
            .btn:hover{background: #a67613;}     
            #bt-map-1{margin-top:0px;}
            #bt-map-2{width: 95%; float: none; margin: 10px auto !important;}               
            #bt-map-3{width: 95%; float: none; margin: 0 auto}
.btn2{width: 60%; padding: 0px; border-radius: 15px; margin: 0 auto; margin-top:20px; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}
            .btn2 a{font-size: 20px; color: #fff; font-weight: bold; padding: 5px;}
            .btn2:hover{background: #a67613;}

.divisor-empresa{width: 100%; height: 30px; margin-top:20px; text-align: center; background: url(../img/divisor.png) no-repeat; margin: 0 auto; position: absolute; margin-top: 10px;}  
       
footer{width: 100%; margin-top:15px;  background: url(../img/footer.png) top center no-repeat; background-position: 0 -30px;}       
    .txt-footer{width: 100%; float: left; margin-top: 30px; text-align: center;}
        .txt-footer h1{margin: 0px auto; font-size: 18px;}
        .txt-footer h2{margin: 0px auto; font-size: 14px;}
        .casinha{width:100%; float: left; margin: 0px auto;}
        .casinha-img{width: 100%; height: auto; margin: 0 auto; background: url(../img/casinha.png) top center no-repeat;}        

.historia{width: 100%; margin: 0 auto;}   
.img-empresa{float: left; margin-right: 0px; width: 100%;}
.txt-empresa-a{width: 100%; float: left; padding: 0px; text-align: justify;}
        .mg-20{margin-top: 0px;}
        .txt-empresa-a h1{font-size: 20px; margin: 5px 10px; text-align: center;}
        .txt-empresa-a h2{font-size: 18px; margin: 5px 10px;}
.txt-empresa-b{padding: 0px; text-align: justify;}
    .txt-empresa-b p{padding: 0px; text-align: justify; margin: 5px 5%;}
        .txt-left{width: 100%; float: left;}
        .txt-right{width: 100%; float: right;}        
.timeline{display: none;}        
.fotos-empresa{width: 100%; float: left; margin: 0 auto;}
        .divisor{margin-top: 50px;}
        .divisor-empresa{width: 100%; height: 30px; margin-top:20px; text-align: center; background: url(../img/divisor.png) no-repeat; margin: 0 auto; position: static; margin-top: 10px;}  
        .tt-fotos{width: 150px;  padding: 5px; border-radius: 15px; margin: 0 auto; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222); font-size: 20px; color: #fff; font-weight: bold;}
        .ajusta-fotos{width: 100%; margin: 0 auto; padding-top: 20px; text-align: center;}
            .foto-thumb{float: none; width: 257px; height: 168px; padding: 10px; margin: 0 auto;}
            .foto-thumb a img{height: 150px; width: 257px; position: static !important; clip: rect(0px,0px,0px,0px) !important; margin: 0px auto !important;}
.main-produtos {min-height: 5500px;}
.produtos{width: 100%; margin-top: 100px; float: left; text-align: center;}
.img-fundo{position: absolute; top: 180px; left: 0px;}
    .listras{width: 100%; height: 5000px; position: absolute; background: url(../img/listrado.jpg); line-height: 0; top: 465px; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85);}
    .item0{width: 100%; position: absolute; top: 0px; left: 0; right: 0; display: none;}
        .item-foto{width: 100%; max-width: 361px; height: 317px; margin: 0 auto;}
        .item-vertical{width: 271px; height: 350px; margin: 0 auto;}    
        .item-direita{width:100%; max-width: 350px; height: 271px;margin: 0 auto; }
        .item-esquerda{width:100%; max-width: 350px; height: 315px; margin: 0 auto;}
        .item-horizontal{width:100%; height: 320px; margin: 0 auto;}
        .item-branco1{width: 100%; height: 200px; margin: 0 auto;} 
            .item-branco1 h2{text-align: center; margin: 0 auto; padding: 20px 20px 0px 20px; font-family: "CenturySeBd"; font-size: 20px;}
            .item-branco1 p{text-align: center; padding: 5px 20px 0 20px; text-indent: 0em;}
        .item-branco2{width: 100%; height: 150px; margin: 20px 0 auto;} 
            .item-branco2 p{text-align: center; padding: 20px 20px 0 20px; margin: 0 auto; text-indent: 0em;} 
        .item-1907{width: 120px; height: 120px; margin: 0 auto;}    
            .item-branco2 p{text-align: center; padding: 20px;  margin: 0 auto; text-indent: 0em;} 
            #item-1907{background: url(../img/desde1907.png) no-repeat; position: absolute; top: 910px; left: 0; right: 0;}
            #item-branco1{background: #fff; position: absolute; top: 700px; left: 0; right: 0; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85);}        
            #item-branco2{background: #fff; position: absolute; top: 980px; left: 0; right: 0; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85); margin: 20px 0;}
            #item-foto{background: url(../img/item-foto.png) no-repeat; position: absolute; top: 380px; right: 0px; left: 0px; transform: scale(0.9,0.9); background-position: -20px 0}
            #item-amarelo{background: url(../img/item-amarelo.png) no-repeat; position: absolute; top: 100px; left: 0; right: 0; z-index: 1; margin: auto}     
                #item-amarelo p{text-align: center; padding: 50px 20px 0px 20px; margin-top: 50px; color: #fff; text-indent: 0em;}        
            #item1{background: url(../img/item1.png) no-repeat; position: absolute; top: 1160px; left: 0; right: 0; margin: 0 auto;}
            #item2{background: url(../img/item2.png) no-repeat; position: absolute; top: 1520px; left: 0; right: 0; margin: 0 auto;}
            #item3{background: url(../img/item3.png) no-repeat; position: absolute; top: 1880px; left: 0; right: 0; margin: 0 auto;}
            #item4{background: url(../img/item4.png) no-repeat; position: absolute; top: 2240px; left: 0; right: 0; margin: 0 auto;}
            #item5{background: url(../img/item5.png) no-repeat; position: absolute; top: 2600px; left: 0; right: 0; margin: 0 auto;}
            #item6{background: url(../img/item6.png) no-repeat; position: absolute; top: 2970px; left: 0; right: 0; margin: 0 auto;}
            #item7{background: url(../img/item7.png) no-repeat; position: absolute; top: 3270px; left: 0; right: 0; margin: 0 auto;}
            #item8{background: url(../img/item8.png) no-repeat; position: absolute; top: 3610px; left: 0; right: 0; margin: 0 auto;}
            #item9{background: url(../img/item9.png) no-repeat; position: absolute; top: 3900px; left: 0; right: 0; margin: 0 auto;}
            #item10{background: url(../img/item10.png) no-repeat; position: absolute; top: 4270px; left: 0; right: 0; margin: 0 auto;}
            #item11{background: url(../img/item11.png) no-repeat; position: absolute; top: 4640px; left: 0; right: 0; margin: 0 auto;}
        .item-nome{width: 230px; height: 32px; border-radius: 15px; background: #3b3939; margin: 0 auto; margin-top: 290px; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}  
            .item-nome p{color: #fff; text-align: center; font-family: "CenturySeBd"; font-size: 20px; text-indent: 0em; padding: 3px;}
        #tipo-nome1{margin-top: 210px;}     
        #tipo-nome2{margin-top: 255px;}
        #tipo-nome3{margin-left: 40px; margin-top: 210px;}
        #tipo-nome4{margin-left: 45px; margin-top: 250px;}
        #tipo-nome5{margin-left: 0px; margin-right: 0px; margin: 0 auto; margin-top: 5100px;}   
        .item0-mob{display: block; width: 100%; height: 250px; background: url(../img/item0.jpg) no-repeat; position: absolute; top: 5280px; left: 0; right: 0; margin: 0 auto;}

        .txt-contato{width: 100%; margin: 0 auto; padding-top: 10px;}     
        .txt-contato h1, .txt-contato h2{text-align: center; margin: 0 5px;}
        .contato h1{padding: 5px 0; color: #3b3939;}
        .contato form{width: 95%; margin: 0 auto; padding-top: 10px}   

    .txt-localizacao > p{font-family: "CenturySeBd"; font-weight: bold; font-size: 20px; text-align: center; color: #3b3939; text-indent: 0em; margin: 0 5%;}
    .img-balcao{width: 100%;}
    .txt-loja{width: 100%;}
        .txt-loja > p{text-align: center; text-indent: 0em; width: 100%; margin: 0 auto;}
    #mapa-villa{width:100%; height: 300px; margin: 0 auto; }
    .info-mapa{display: none; position: absolute; z-index: 1001; background: #fff; width: 250px; height: 90px; left: 0px; right: 0px; margin: 0 auto; top: 720px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}

}
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||   RESOLUÇÃO 501px até 600px   ||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
@media (min-width: 501px) and (max-width: 600px){

.container {width: 100%; text-align: center;}
.menu {display: none;}

.menu-mob{display: block; width: 100%; float: left; height: auto; background: #2e2d2b; margin-top: 0px; text-align: center; position: fixed; z-index: 100}
#open-menu-mob{}
#close-menu-mob{display: none;}
    .menu-open{width: 100%; float: left; display: none;}
        .menu-open a{width: 100%; float: left; color: #fff; line-height: 30px; border-bottom: 1px solid #FFF; padding: 5px 0; box-sizing:border-box; text-align: left; font-size: 20px;} 
        #index-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
        #empresa-mob{background: #736357; text-align: center; color: #000; font-family: "Century";}
        #produtos-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
        #localizacao-mob{background: #736357; text-align: center; color: #000; font-family: "Century";}
        #contato-menu-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
      
header .telefone{text-align: center; padding-right: 0px; padding-top: 60px;}
    header .linha{float: none; line-height: 3px; margin-right: 0px;}
    header .marca{margin: 0 auto;}   
    header .logo img{margin: 10px 0 auto;}

.index .container h1{margin: 0 auto; margin-top: 0px;}
.texto-index h1{width: 100%;}
    .texto-index h2{width: 80%; text-align: center !important;}
.slideshow-container .prev{margin-top: 190px; margin-left: 15px;}
    .slideshow-container .next{margin-top: 190px; margin-right: 15px;}
    .mySlides{margin: 10px 0 0 0;}
.prev{width: 40px; height: 40px; float: left; -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222); transform: scale(1,1);}
    .prev:hover{transform: scale(1,1);}     
.next{width: 40px; height: 40px; float: right; -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222); transform: scale(1,1);}
    .next:hover{transform: scale(1,1);} 
.inner{width: 70%; margin: 0 auto; max-width: 415px;}
.index .container h2{text-align: left; margin: 0 auto; font-size: 16px;}
.inner img{ -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222);}
.banner{min-height: auto; margin-top: 15px;}  
.txt-inner{width: 100%; text-align: left; position: static; margin: 0 40px auto; float: left;}
        .btn{width: 60%; position: static; padding: 3px 0px; border-radius: 15px; float: none; margin: 0 auto; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}
            .btn a{font-size: 16px; color: #fff; font-weight: normal;}
            .btn:hover{background: #a67613;}     
            #bt-map-1{margin-top:0px;}
            #bt-map-2{width: 95%; float: none; margin: 10px auto !important;}               
            #bt-map-3{width: 95%; float: none; margin: 0 auto}
.btn2{width: 40%; padding: 0px; border-radius: 15px; margin: 0 auto; margin-top:20px; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}
            .btn2 a{font-size: 20px; color: #fff; font-weight: bold; padding: 5px;}
            .btn2:hover{background: #a67613;}

.divisor-empresa{width: 100%; height: 30px; margin-top:20px; text-align: center; background: url(../img/divisor.png) no-repeat; margin: 0 auto; position: absolute; margin-top: 10px;}  
       
footer{width: 100%; margin-top:15px;  background: url(../img/footer.png) top center no-repeat; background-position: 0 -30px;}       
    .txt-footer{width: 100%; float: left; margin-top: 30px; text-align: center;}
        .txt-footer h1{margin: 0px auto; font-size: 20px;}
        .txt-footer h2{margin: 0px auto; font-size: 18px;}
        .casinha{width:100%; float: left; margin: 0px auto;}
        .casinha-img{width: 100%; height: auto; margin: 0 auto; background: url(../img/casinha.png) top center no-repeat;}        

.historia{width: 100%; margin: 0 auto;}   
.img-empresa{float: left; margin-right: 0px; width: 100%;}
.txt-empresa-a{width: 100%; float: left; padding: 0px; text-align: justify;}
        .mg-20{margin-top: 0px;}
        .txt-empresa-a h1{font-size: 20px; margin: 5px 10px; text-align: center;}
        .txt-empresa-a h2{font-size: 18px; margin: 5px 10px;}
.txt-empresa-b{padding: 0px; text-align: justify;}
    .txt-empresa-b p{padding: 0px; text-align: justify; margin: 5px 5%;}
        .txt-left{width: 100%; float: left;}
        .txt-right{width: 100%; float: right;}        
.timeline{display: none;}        
.fotos-empresa{width: 100%; float: left; margin: 0 auto;}
        .divisor{margin-top: 50px;}
        .divisor-empresa{width: 100%; height: 30px; margin-top:20px; text-align: center; background: url(../img/divisor.png) no-repeat; margin: 0 auto; position: static; margin-top: 10px;}  
        .tt-fotos{width: 150px;  padding: 5px; border-radius: 15px; margin: 0 auto; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222); font-size: 20px; color: #fff; font-weight: bold;}
        .ajusta-fotos{width: 100%; margin: 0 auto; padding-top: 20px; text-align: center;}
            .foto-thumb{float: none; width: 257px; height: 168px; padding: 10px; margin: 0 auto;}
            .foto-thumb a img{height: 150px; width: 257px; position: static !important; clip: rect(0px,0px,0px,0px) !important; margin: 0px auto !important;}
.main-produtos {min-height: 5500px;}
.produtos{width: 100%; margin-top: 100px; float: left; text-align: center;}
.img-fundo{position: absolute; top: 180px; left: 0px;}
    .listras{width: 100%; height: 5000px; position: absolute; background: url(../img/listrado.jpg); line-height: 0; top: 465px; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85);}
    .item0{width: 100%; position: absolute; top: 0px; left: 0; right: 0; display: none;}
        .item-foto{width: 100%; max-width: 361px; height: 317px; margin: 0 auto;}
        .item-vertical{width: 271px; height: 350px; margin: 0 auto;}    
        .item-direita{width:100%; max-width: 350px; height: 271px;margin: 0 auto; }
        .item-esquerda{width:100%; max-width: 350px; height: 315px; margin: 0 auto;}
        .item-horizontal{width:100%; height: 320px; margin: 0 auto;}
        .item-branco1{width: 100%; height: 200px; margin: 0 auto;} 
            .item-branco1 h2{text-align: center; margin: 0 auto; padding: 50px 20px 0px 20px; font-family: "CenturySeBd"; font-size: 20px;}
            .item-branco1 p{text-align: center; padding: 5px 20px 0 20px; text-indent: 0em;}
        .item-branco2{width: 100%; height: 150px; margin: 20px 0 auto;} 
            .item-branco2 p{text-align: center; padding: 50px 20px 0 20px; margin: 0 auto; text-indent: 0em;} 
        .item-1907{width: 120px; height: 120px; margin: 0 auto;}    
            .item-branco2 p{text-align: center; padding: 50px 20px;  margin: 0 auto; text-indent: 0em;} 
            #item-1907{background: url(../img/desde1907.png) no-repeat; position: absolute; top: 910px; left: 0; right: 0;}
            #item-branco1{background: #fff; position: absolute; top: 700px; left: 0; right: 0; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85);}        
            #item-branco2{background: #fff; position: absolute; top: 980px; left: 0; right: 0; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85); margin: 20px 0;}
            #item-foto{background: url(../img/item-foto.png) no-repeat; position: absolute; top: 380px; right: 0px; left: 0px; transform: scale(0.9,0.9); background-position: -20px 0}
            #item-amarelo{background: url(../img/item-amarelo.png) no-repeat; position: absolute; top: 100px; left: 0; right: 0; z-index: 1; margin: auto}     
                #item-amarelo p{text-align: center; padding: 50px 20px 0px 20px; margin-top: 50px; color: #fff; text-indent: 0em;}        
            #item1{background: url(../img/item1.png) no-repeat; position: absolute; top: 1160px; left: 0; right: 0; margin: 0 auto;}
            #item2{background: url(../img/item2.png) no-repeat; position: absolute; top: 1520px; left: 0; right: 0; margin: 0 auto;}
            #item3{background: url(../img/item3.png) no-repeat; position: absolute; top: 1880px; left: 0; right: 0; margin: 0 auto;}
            #item4{background: url(../img/item4.png) no-repeat; position: absolute; top: 2240px; left: 0; right: 0; margin: 0 auto;}
            #item5{background: url(../img/item5.png) no-repeat; position: absolute; top: 2600px; left: 0; right: 0; margin: 0 auto;}
            #item6{background: url(../img/item6.png) no-repeat; position: absolute; top: 2970px; left: 0; right: 0; margin: 0 auto;}
            #item7{background: url(../img/item7.png) no-repeat; position: absolute; top: 3270px; left: 0; right: 0; margin: 0 auto;}
            #item8{background: url(../img/item8.png) no-repeat; position: absolute; top: 3610px; left: 0; right: 0; margin: 0 auto;}
            #item9{background: url(../img/item9.png) no-repeat; position: absolute; top: 3900px; left: 0; right: 0; margin: 0 auto;}
            #item10{background: url(../img/item10.png) no-repeat; position: absolute; top: 4270px; left: 0; right: 0; margin: 0 auto;}
            #item11{background: url(../img/item11.png) no-repeat; position: absolute; top: 4640px; left: 0; right: 0; margin: 0 auto;}
        .item-nome{width: 230px; height: 32px; border-radius: 15px; background: #3b3939; margin: 0 auto; margin-top: 290px; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}  
            .item-nome p{color: #fff; text-align: center; font-family: "CenturySeBd"; font-size: 20px; text-indent: 0em; padding: 3px;}
        #tipo-nome1{margin-top: 210px;}     
        #tipo-nome2{margin-top: 255px;}
        #tipo-nome3{margin-left: 40px; margin-top: 210px;}
        #tipo-nome4{margin-left: 45px; margin-top: 250px;}
        #tipo-nome5{margin-left: 0px; margin-right: 0px; margin: 0 auto; margin-top: 5100px;}   
        .item0-mob{display: block; width: 100%; height: 250px; background: url(../img/item0.jpg) no-repeat; position: absolute; top: 5280px; left: 0; right: 0; margin: 0 auto;}
.btnfake{width: 40%; padding: 0px; border-radius: 15px; margin: 0 auto; margin-top:20px; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}        

        .txt-contato{width: 100%; margin: 0 auto; padding-top: 10px;}     
        .txt-contato h1, .txt-contato h2{text-align: center; margin: 0 5px;}
        .contato h1{padding: 5px 0; color: #3b3939;}
        .contato form{width: 95%; margin: 0 auto; padding-top: 10px}   

    .txt-localizacao > p{font-family: "CenturySeBd"; font-weight: bold; font-size: 20px; text-align: center; color: #3b3939; text-indent: 0em; margin: 0 5%;}
    .img-balcao{width: 100%;}
    .txt-loja{width: 100%;}
        .txt-loja > p{text-align: center; text-indent: 0em; width: 100%; margin: 0 auto;}
    #mapa-villa{width:100%; height: 300px; margin: 0 auto; }
    .info-mapa{display: none; position: absolute; z-index: 1001; background: #fff; width: 250px; height: 90px; left: 0px; right: 0px; margin: 0 auto; top: 720px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}

}

/*|||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||   RESOLUÇÃO 501px até 600px   ||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
@media (min-width: 601px) and (max-width: 700px){

.container {width: 100%; text-align: center;}
.menu {display: none;}

.menu-mob{display: block; width: 100%; float: left; height: auto; background: #2e2d2b; margin-top: 0px; text-align: center; position: fixed; z-index: 100}
#open-menu-mob{}
#close-menu-mob{display: none;}
    .menu-open{width: 100%; float: left; display: none;}
        .menu-open a{width: 100%; float: left; color: #fff; line-height: 30px; border-bottom: 1px solid #FFF; padding: 5px 0; box-sizing:border-box; text-align: left; font-size: 20px;} 
        #index-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
        #empresa-mob{background: #736357; text-align: center; color: #000; font-family: "Century";}
        #produtos-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
        #localizacao-mob{background: #736357; text-align: center; color: #000; font-family: "Century";}
        #contato-menu-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
      
header .telefone{text-align: center; padding-right: 0px; padding-top: 60px;}
    header .linha{float: none; line-height: 3px; margin-right: 0px;}
    header .marca{margin: 0 auto;}   
    header .logo img{margin: 10px 0 auto;}

.index .container h1{margin: 0 auto; margin-top: 0px;}
.texto-index h1{width: 100%;}
    .texto-index h2{width: 80%; text-align: center !important;}
.slideshow-container .prev{margin-top: 190px; margin-left: 25px;}
    .slideshow-container .next{margin-top: 190px; margin-right: 25px;}
    .mySlides{margin: 10px 0 0 0;}
.prev{width: 40px; height: 40px; float: left; -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222); transform: scale(1,1);}
    .prev:hover{transform: scale(1,1);}     
.next{width: 40px; height: 40px; float: right; -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222); transform: scale(1,1);}
    .next:hover{transform: scale(1,1);} 
.inner{width: 70%; margin: 0 auto; max-width: 415px;}
.index .container h2{text-align: left; margin: 0 auto; font-size: 16px;}
.inner img{ -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222);}
.banner{min-height: auto; margin-top: 15px;}  
.txt-inner{width: 100%; text-align: left; position: static; margin: 0 40px auto; float: left;}
        .btn{width: 45%; position: static; padding: 3px 0px; border-radius: 15px; float: none; margin: 0 auto; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}
            .btn a{font-size: 16px; color: #fff; font-weight: normal;}
            .btn:hover{background: #a67613;}     
            #bt-map-1{margin-top:0px;}
            #bt-map-2{width: 95%; float: none; margin: 10px auto !important;}               
            #bt-map-3{width: 95%; float: none; margin: 0 auto}
.btn2{width: 40%; padding: 0px; border-radius: 15px; margin: 0 auto; margin-top:20px; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}
            .btn2 a{font-size: 20px; color: #fff; font-weight: bold; padding: 5px;}
            .btn2:hover{background: #a67613;}

.divisor-empresa{width: 100%; height: 30px; margin-top:20px; text-align: center; background: url(../img/divisor.png) no-repeat; margin: 0 auto; position: absolute; margin-top: 10px;}  
       
footer{width: 100%; margin-top:15px;  background: url(../img/footer.png) top center no-repeat; background-position: 0 -30px;}       
    .txt-footer{width: 100%; float: left; margin-top: 30px; text-align: center;}
        .txt-footer h1{margin: 0px auto; font-size: 20px;}
        .txt-footer h2{margin: 0px auto; font-size: 18px;}
        .casinha{width:100%; float: left; margin: 0px auto;}
        .casinha-img{width: 100%; height: auto; margin: 0 auto; background: url(../img/casinha.png) top center no-repeat;}        

.historia{width: 100%; margin: 0 auto;}   
.img-empresa{float: left; margin-right: 0px; width: 100%;}
.txt-empresa-a{width: 100%; float: left; padding: 0px; text-align: justify;}
        .mg-20{margin-top: 0px;}
        .txt-empresa-a h1{font-size: 20px; margin: 5px 25px; text-align: center;}
        .txt-empresa-a h2{font-size: 18px; margin: 5px 25px;}
.txt-empresa-b{padding: 0px; text-align: justify;}
    .txt-empresa-b p{padding: 0px; text-align: justify; margin: 5px 5%;}
        .txt-left{width: 100%; float: left;}
        .txt-right{width: 100%; float: right;}        
.timeline{display: none;}        
.fotos-empresa{width: 100%; float: left; margin: 0 auto;}
        .divisor{margin-top: 50px;}
        .divisor-empresa{width: 100%; height: 30px; margin-top:20px; text-align: center; background: url(../img/divisor.png) no-repeat; margin: 0 auto; position: static; margin-top: 10px;}  
        .tt-fotos{width: 150px;  padding: 5px; border-radius: 15px; margin: 0 auto; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222); font-size: 20px; color: #fff; font-weight: bold;}
        .ajusta-fotos{width: 515px; margin: 0 auto; padding-top: 20px; text-align: center;}
            .foto-thumb{float: left; width: 257px; height: 168px; padding: 10px; margin: 0 auto;}
            .foto-thumb a img{height: 150px; width: 257px; position: static !important; clip: rect(0px,0px,0px,0px) !important; margin: 0px auto !important;}
.main-produtos {min-height: 5500px;}
.produtos{width: 100%; margin-top: 100px; float: left; text-align: center;}
.img-fundo{position: absolute; top: 180px; left: 0px;}
    .listras{width: 100%; height: 5000px; position: absolute; background: url(../img/listrado.jpg); line-height: 0; top: 465px; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85);}
    .item0{width: 100%; position: absolute; top: 0px; left: 0; right: 0; display: none;}
        .item-foto{width: 100%; max-width: 361px; height: 317px; margin: 0 auto;}
        .item-vertical{width: 271px; height: 350px; margin: 0 auto;}    
        .item-direita{width:100%; max-width: 350px; height: 271px;margin: 0 auto; }
        .item-esquerda{width:100%; max-width: 350px; height: 315px; margin: 0 auto;}
        .item-horizontal{width:100%; max-width: 670px; height: 320px; margin: 0 auto;}
        .item-branco1{width: 100%; max-width: 361px; height: 200px; margin: 0 auto;} 
            .item-branco1 h2{text-align: center; margin: 0 auto; padding: 50px 20px 0px 20px; font-family: "CenturySeBd"; font-size: 20px;}
            .item-branco1 p{text-align: center; padding: 5px 20px 0 20px; text-indent: 0em;}
        .item-branco2{width: 100%; max-width: 361px; height: 150px; margin: 0 auto;} 
            .item-branco2 p{text-align: center; padding: 50px 20px 0 20px; margin: 0 auto; text-indent: 0em;} 
        .item-1907{width: 120px; height: 120px; margin: 0 auto;}    
            .item-branco2 p{text-align: center; padding: 50px 20px;  margin: 0 auto; text-indent: 0em;} 
            #item-1907{background: url(../img/desde1907.png) no-repeat; position: absolute; top: 910px; left: 0; right: 0;}
            #item-branco1{background: #fff; position: absolute; top: 700px; left: 0; right: 0; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85);}        
            #item-branco2{background: #fff; position: absolute; top: 980px; left: 0; right: 0; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85); margin: 0 auto;}
            #item-foto{background: url(../img/item-foto.png) no-repeat; position: absolute; top: 380px; right: 0px; left: 0px; transform: scale(0.9,0.9); background-position: -20px 0}
            #item-amarelo{background: url(../img/item-amarelo.png) no-repeat; position: absolute; top: 100px; left: 0; right: 0; z-index: 1; margin: auto}     
                #item-amarelo p{text-align: center; padding: 50px 20px 0px 20px; margin-top: 50px; color: #fff; text-indent: 0em;}        
            #item1{background: url(../img/item1.png) no-repeat; position: absolute; top: 1160px; left: 0; right: 0; margin: 0 auto;}
            #item2{background: url(../img/item2.png) no-repeat; position: absolute; top: 1520px; left: 0; right: 0; margin: 0 auto;}
            #item3{background: url(../img/item3.png) no-repeat; position: absolute; top: 1880px; left: 0; right: 0; margin: 0 auto;}
            #item4{background: url(../img/item4.png) no-repeat; position: absolute; top: 2240px; left: 0; right: 0; margin: 0 auto;}
            #item5{background: url(../img/item5.png) no-repeat; position: absolute; top: 2600px; left: 0; right: 0; margin: 0 auto;}
            #item6{background: url(../img/item6.png) no-repeat; position: absolute; top: 2970px; left: 0; right: 0; margin: 0 auto;}
            #item7{background: url(../img/item7.png) no-repeat; position: absolute; top: 3270px; left: 0; right: 0; margin: 0 auto;}
            #item8{background: url(../img/item8.png) no-repeat; position: absolute; top: 3610px; left: 0; right: 0; margin: 0 auto;}
            #item9{background: url(../img/item9.png) no-repeat; position: absolute; top: 3900px; left: 0; right: 0; margin: 0 auto;}
            #item10{background: url(../img/item10.png) no-repeat; position: absolute; top: 4270px; left: 0; right: 0; margin: 0 auto;}
            #item11{background: url(../img/item11.png) no-repeat; position: absolute; top: 4640px; left: 0; right: 0; margin: 0 auto;}
        .item-nome{width: 230px; height: 32px; border-radius: 15px; background: #3b3939; margin: 0 auto; margin-top: 290px; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}  
            .item-nome p{color: #fff; text-align: center; font-family: "CenturySeBd"; font-size: 20px; text-indent: 0em; padding: 3px;}
        #tipo-nome1{margin-top: 210px;}     
        #tipo-nome2{margin-top: 255px;}
        #tipo-nome3{margin-left: 40px; margin-top: 210px;}
        #tipo-nome4{margin-left: 45px; margin-top: 250px;}
        #tipo-nome5{margin-left: 0px; margin-right: 0px; margin: 0 auto; margin-top: 5100px;}   
        .item0-mob{display: block; width: 100%; height: 250px; background: url(../img/item0.jpg) no-repeat; position: absolute; top: 5280px; left: 0; right: 0; margin: 0 auto;}
.btnfake{width: 40%; padding: 0px; border-radius: 15px; margin: 0 auto; margin-top:20px; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}        

        .txt-contato{width: 100%; margin: 0 auto; padding-top: 10px;}     
        .txt-contato h1, .txt-contato h2{text-align: center; margin: 0 5px;}
        .contato h1{padding: 5px 0; color: #3b3939;}
        .contato form{width: 60%; margin: 0 auto; padding-top: 10px}   

    .txt-localizacao > p{font-family: "CenturySeBd"; font-weight: bold; font-size: 20px; text-align: center; color: #3b3939; text-indent: 0em; margin: 0 5%;}
    .img-balcao{width: 100%;}
    .txt-loja{width: 100%;}
        .txt-loja > p{text-align: center; text-indent: 0em; width: 100%; margin: 0 auto;}
    #mapa-villa{width:100%; height: 300px; margin: 0 auto; }
    .info-mapa{display: none; position: absolute; z-index: 1001; background: #fff; width: 250px; height: 90px; left: 0px; right: 0px; margin: 0 auto; top: 720px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}

}
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||   RESOLUÇÃO 701px até 800px   ||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
@media (min-width: 701px) and (max-width: 800px){

.container {width: 100%; text-align: center;}
.menu {display: none;}

.menu-mob{display: block; width: 100%; float: left; height: auto; background: #2e2d2b; margin-top: 0px; text-align: center; position: fixed; z-index: 100}
#open-menu-mob{}
#close-menu-mob{display: none;}
    .menu-open{width: 100%; float: left; display: none;}
        .menu-open a{width: 100%; float: left; color: #fff; line-height: 30px; border-bottom: 1px solid #FFF; padding: 5px 0; box-sizing:border-box; text-align: left; font-size: 20px;} 
        #index-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
        #empresa-mob{background: #736357; text-align: center; color: #000; font-family: "Century";}
        #produtos-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
        #localizacao-mob{background: #736357; text-align: center; color: #000; font-family: "Century";}
        #contato-menu-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
      
header .telefone{text-align: center; padding-right: 0px; padding-top: 60px;}
    header .linha{float: none; line-height: 3px; margin-right: 0px;}
    header .marca{margin: 0 auto;}   
    header .logo img{margin: 10px 0 auto;}

.index .container h1{margin: 0 auto; margin-top: 0px;}
.texto-index h1{width: 100%;}
    .texto-index h2{width: 80%; text-align: center !important;}
.slideshow-container .prev{margin-top: 190px; margin-left: 100px;}
    .slideshow-container .next{margin-top: 190px; margin-right: 100px;}
    .mySlides{margin: 10px 0 0 0;}
.prev{width: 40px; height: 40px; float: left; -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222); transform: scale(1,1);}
    .prev:hover{transform: scale(1,1);}     
.next{width: 40px; height: 40px; float: right; -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222); transform: scale(1,1);}
    .next:hover{transform: scale(1,1);} 
.inner{width: 70%; margin: 0 auto; max-width: 415px;}
.index .container h2{text-align: left; margin: 0 auto; font-size: 16px;}
.inner img{ -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222);}
.banner{min-height: auto; margin-top: 15px;}  
.txt-inner{width: 100%; text-align: left; position: static; margin: 0 40px auto; float: left;}
        .btn{width: 45%; position: static; padding: 3px 0px; border-radius: 15px; float: none; margin: 0 auto; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}
            .btn a{font-size: 16px; color: #fff; font-weight: normal;}
            .btn:hover{background: #a67613;}     
            #bt-map-1{margin-top:0px;}
            #bt-map-2{width: 60%; float: none; margin: 10px auto !important;}               
            #bt-map-3{width: 95%; float: none; margin: 0 auto}
.btn2{width: 40%; padding: 0px; border-radius: 15px; margin: 0 auto; margin-top:20px; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}
            .btn2 a{font-size: 20px; color: #fff; font-weight: bold; padding: 5px;}
            .btn2:hover{background: #a67613;}

.divisor-empresa{width: 100%; height: 30px; margin-top:20px; text-align: center; background: url(../img/divisor.png) no-repeat; margin: 0 auto; position: absolute; margin-top: 10px;}  
       
footer{width: 100%; margin-top:15px;  background: url(../img/footer.png) top center no-repeat; background-position: 0 -30px;}       
    .txt-footer{width: 100%; float: left; margin-top: 30px; text-align: center;}
        .txt-footer h1{margin: 0px auto; font-size: 20px;}
        .txt-footer h2{margin: 0px auto; font-size: 18px;}
        .casinha{width:100%; float: left; margin: 0px auto;}
        .casinha-img{width: 100%; height: auto; margin: 0 auto; background: url(../img/casinha.png) top center no-repeat;}        

.historia{width: 100%; margin: 0 auto;}   
.img-empresa{float: left; margin-right: 0px; width: 100%;}
.txt-empresa-a{width: 100%; float: left; padding: 0px; text-align: justify;}
        .mg-20{margin-top: 0px;}
        .txt-empresa-a h1{font-size: 20px; margin: 5px 25px; text-align: center;}
        .txt-empresa-a h2{font-size: 18px; margin: 5px 25px;}
.txt-empresa-b{padding: 0px; text-align: justify;}
    .txt-empresa-b p{padding: 0px; text-align: justify; margin: 5px 5%;}
        .txt-left{width: 100%; float: left;}
        .txt-right{width: 100%; float: right;}        
.timeline{display: none;}        
.fotos-empresa{width: 100%; float: left; margin: 0 auto;}
        .divisor{margin-top: 50px;}
        .divisor-empresa{width: 100%; height: 30px; margin-top:20px; text-align: center; background: url(../img/divisor.png) no-repeat; margin: 0 auto; position: static; margin-top: 10px;}  
        .tt-fotos{width: 150px;  padding: 5px; border-radius: 15px; margin: 0 auto; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222); font-size: 20px; color: #fff; font-weight: bold;}
        .ajusta-fotos{width: 515px; margin: 0 auto; padding-top: 20px; text-align: center;}
            .foto-thumb{float: left; width: 257px; height: 168px; padding: 10px; margin: 0 auto;}
            .foto-thumb a img{height: 150px; width: 257px; position: static !important; clip: rect(0px,0px,0px,0px) !important; margin: 0px auto !important;}
.main-produtos {min-height: 5500px;}
.produtos{width: 100%; margin-top: 100px; float: left; text-align: center;}
.img-fundo{position: absolute; top: 180px; left: 0px;}
    .listras{width: 100%; height: 5000px; position: absolute; background: url(../img/listrado.jpg); line-height: 0; top: 465px; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85);}
    .item0{width: 100%; position: absolute; top: 0px; left: 0; right: 0; display: none;}
        .item-foto{width: 100%; max-width: 361px; height: 317px; margin: 0 auto;}
        .item-vertical{width: 271px; height: 350px; margin: 0 auto;}    
        .item-direita{width:100%; max-width: 350px; height: 271px;margin: 0 auto; }
        .item-esquerda{width:100%; max-width: 350px; height: 315px; margin: 0 auto;}
        .item-horizontal{width:100%; max-width: 670px; height: 320px; margin: 0 auto;}
        .item-branco1{width: 100%; max-width: 361px; height: 200px; margin: 0 auto;} 
            .item-branco1 h2{text-align: center; margin: 0 auto; padding: 50px 20px 0px 20px; font-family: "CenturySeBd"; font-size: 20px;}
            .item-branco1 p{text-align: center; padding: 5px 20px 0 20px; text-indent: 0em;}
        .item-branco2{width: 100%; max-width: 361px; height: 150px; margin: 0 auto;} 
            .item-branco2 p{text-align: center; padding: 50px 20px 0 20px; margin: 0 auto; text-indent: 0em;} 
        .item-1907{width: 120px; height: 120px; margin: 0 auto;}    
            .item-branco2 p{text-align: center; padding: 50px 20px;  margin: 0 auto; text-indent: 0em;} 
            #item-1907{background: url(../img/desde1907.png) no-repeat; position: absolute; top: 910px; left: 0; right: 0;}
            #item-branco1{background: #fff; position: absolute; top: 700px; left: 0; right: 0; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85);}        
            #item-branco2{background: #fff; position: absolute; top: 980px; left: 0; right: 0; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85); margin: 0 auto;}
            #item-foto{background: url(../img/item-foto.png) no-repeat; position: absolute; top: 380px; right: 0px; left: 0px; transform: scale(0.9,0.9); background-position: -20px 0}
            #item-amarelo{background: url(../img/item-amarelo.png) no-repeat; position: absolute; top: 100px; left: 0; right: 0; z-index: 1; margin: auto}     
                #item-amarelo p{text-align: center; padding: 50px 20px 0px 20px; margin-top: 50px; color: #fff; text-indent: 0em;}        
            #item1{background: url(../img/item1.png) no-repeat; position: absolute; top: 1160px; left: 0; right: 0; margin: 0 auto;}
            #item2{background: url(../img/item2.png) no-repeat; position: absolute; top: 1520px; left: 0; right: 0; margin: 0 auto;}
            #item3{background: url(../img/item3.png) no-repeat; position: absolute; top: 1880px; left: 0; right: 0; margin: 0 auto;}
            #item4{background: url(../img/item4.png) no-repeat; position: absolute; top: 2240px; left: 0; right: 0; margin: 0 auto;}
            #item5{background: url(../img/item5.png) no-repeat; position: absolute; top: 2600px; left: 0; right: 0; margin: 0 auto;}
            #item6{background: url(../img/item6.png) no-repeat; position: absolute; top: 2970px; left: 0; right: 0; margin: 0 auto;}
            #item7{background: url(../img/item7.png) no-repeat; position: absolute; top: 3270px; left: 0; right: 0; margin: 0 auto;}
            #item8{background: url(../img/item8.png) no-repeat; position: absolute; top: 3610px; left: 0; right: 0; margin: 0 auto;}
            #item9{background: url(../img/item9.png) no-repeat; position: absolute; top: 3900px; left: 0; right: 0; margin: 0 auto;}
            #item10{background: url(../img/item10.png) no-repeat; position: absolute; top: 4270px; left: 0; right: 0; margin: 0 auto;}
            #item11{background: url(../img/item11.png) no-repeat; position: absolute; top: 4640px; left: 0; right: 0; margin: 0 auto;}
        .item-nome{width: 230px; height: 32px; border-radius: 15px; background: #3b3939; margin: 0 auto; margin-top: 290px; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}  
            .item-nome p{color: #fff; text-align: center; font-family: "CenturySeBd"; font-size: 20px; text-indent: 0em; padding: 3px;}
        #tipo-nome1{margin-top: 210px;}     
        #tipo-nome2{margin-top: 255px;}
        #tipo-nome3{margin-left: 40px; margin-top: 210px;}
        #tipo-nome4{margin-left: 45px; margin-top: 250px;}
        #tipo-nome5{margin-left: 0px; margin-right: 0px; margin: 0 auto; margin-top: 5100px;}   
        .item0-mob{display: block; width: 100%; height: 250px; background: url(../img/item0.jpg) no-repeat; position: absolute; top: 5280px; left: 0; right: 0; margin: 0 auto;}
.btnfake{width: 40%; padding: 0px; border-radius: 15px; margin: 0 auto; margin-top:20px; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}        

        .txt-contato{width: 70%; margin: 0 auto; padding-top: 10px;}     
        .txt-contato h1, .txt-contato h2{text-align: center; margin: 0 5px;}
        .contato h1{padding: 5px 0; color: #3b3939;}
        .contato form{width: 60%; margin: 0 auto; padding-top: 10px}   

    .txt-localizacao > p{font-family: "CenturySeBd"; font-weight: bold; font-size: 20px; text-align: center; color: #3b3939; text-indent: 0em; margin: 0 5%;}
    .img-balcao{width: 100%;}
    .txt-loja{width: 100%;}
        .txt-loja > p{text-align: center; text-indent: 0em; width: 100%; margin: 0 auto;}
    #mapa-villa{width:100%; height: 300px; margin: 0 auto; }
    .info-mapa{display: none; position: absolute; z-index: 1001; background: #fff; width: 250px; height: 90px; left: 0px; right: 0px; margin: 0 auto; top: 720px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}

}
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||   RESOLUÇÃO 801px até 959px   ||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
@media (min-width: 801px) and (max-width: 959px){

.container {width: 100%; text-align: center;}
.menu {display: none;}

.menu-mob{display: block; width: 100%; float: left; height: auto; background: #2e2d2b; margin-top: 0px; text-align: center; position: fixed; z-index: 100}
#open-menu-mob{}
#close-menu-mob{display: none;}
    .menu-open{width: 100%; float: left; display: none;}
        .menu-open a{width: 100%; float: left; color: #fff; line-height: 30px; border-bottom: 1px solid #FFF; padding: 5px 0; box-sizing:border-box; text-align: left; font-size: 20px;} 
        #index-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
        #empresa-mob{background: #736357; text-align: center; color: #000; font-family: "Century";}
        #produtos-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
        #localizacao-mob{background: #736357; text-align: center; color: #000; font-family: "Century";}
        #contato-menu-mob{background: #c7b299; text-align: center; color: #000; font-family: "Century";}
      
header .telefone{text-align: center; padding-right: 0px; padding-top: 60px;}
    header .linha{float: none; line-height: 3px; margin-right: 0px;}
    header .marca{margin: 0 auto;}   
    header .logo img{margin: 10px 0 auto;}

.index .container h1{margin: 0 auto; margin-top: 0px;}
.texto-index h1{width: 100%;}
    .texto-index h2{width: 80%; text-align: center !important;}
.slideshow-container .prev{margin-top: 190px; margin-left: 150px;}
    .slideshow-container .next{margin-top: 190px; margin-right: 150px;}
    .mySlides{margin: 10px 0 0 0;}
.prev{width: 40px; height: 40px; float: left; -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222); transform: scale(1,1);}
    .prev:hover{transform: scale(1,1);}     
.next{width: 40px; height: 40px; float: right; -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222); transform: scale(1,1);}
    .next:hover{transform: scale(1,1);} 
.inner{width: 70%; margin: 0 auto; max-width: 415px;}
.index .container h2{text-align: left; margin: 0 auto; font-size: 16px;}
.inner img{ -webkit-filter: drop-shadow(0px 0px 3px #222); filter: drop-shadow(0px 0px 3px #222);}
.banner{min-height: auto; margin-top: 15px;}  
.txt-inner{width: 100%; text-align: left; position: static; margin: 0 40px auto; float: left;}
        .btn{width: 45%; position: static; padding: 3px 0px; border-radius: 15px; float: none; margin: 0 auto; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}
            .btn a{font-size: 16px; color: #fff; font-weight: normal;}
            .btn:hover{background: #a67613;}     
            #bt-map-1{margin-top:0px;}
            #bt-map-2{width: 60%; float: none; margin: 10px auto !important;}               
            #bt-map-3{width: 95%; float: none; margin: 0 auto}
.btn2{width: 40%; padding: 0px; border-radius: 15px; margin: 0 auto; margin-top:20px; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}
            .btn2 a{font-size: 20px; color: #fff; font-weight: bold; padding: 5px;}
            .btn2:hover{background: #a67613;}

.divisor-empresa{width: 100%; height: 30px; margin-top:20px; text-align: center; background: url(../img/divisor.png) no-repeat; margin: 0 auto; position: absolute; margin-top: 10px;}  
       
footer{width: 100%; margin-top:15px;  background: url(../img/footer.png) top center no-repeat; background-position: 0 -30px;}       
    .txt-footer{width: 50%; float: left; margin-top: 85px; text-align: center;}
        .txt-footer h1{margin: 0px auto; font-size: 20px;}
        .txt-footer h2{margin: 0px auto; font-size: 18px;}
        .casinha{width:50%; float: left; margin: 0px auto;}
        .casinha-img{width: 100%; height: auto; margin: 0 auto; background: url(../img/casinha.png) top center no-repeat;}        

.historia{width: 100%; margin: 0 auto;}   
.img-empresa{float: left; margin-right: 0px; width: 100%;}
.txt-empresa-a{width: 100%; float: left; padding: 0px; text-align: justify;}
        .mg-20{margin-top: 0px;}
        .txt-empresa-a h1{font-size: 20px; margin: 5px 25px; text-align: center;}
        .txt-empresa-a h2{font-size: 18px; margin: 5px 25px;}
.txt-empresa-b{padding: 0px; text-align: justify;}
    .txt-empresa-b p{padding: 0px; text-align: justify; margin: 5px 5%;}
        .txt-left{width: 100%; float: left;}
        .txt-right{width: 100%; float: right;}        
.timeline{display: none;}        
.fotos-empresa{width: 100%; float: left; margin: 0 auto;}
        .divisor{margin-top: 50px;}
        .divisor-empresa{width: 100%; height: 30px; margin-top:20px; text-align: center; background: url(../img/divisor.png) no-repeat; margin: 0 auto; position: static; margin-top: 10px;}  
        .tt-fotos{width: 150px;  padding: 5px; border-radius: 15px; margin: 0 auto; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222); font-size: 20px; color: #fff; font-weight: bold;}
        .ajusta-fotos{width: 775px; margin: 0 auto; padding-top: 20px; text-align: center;}
            .foto-thumb{float: left; width: 257px; height: 168px; padding: 10px; margin: 0 auto;}
            .foto-thumb a img{height: 150px; width: 257px; position: static !important; clip: rect(0px,0px,0px,0px) !important; margin: 0px auto !important;}
.main-produtos {min-height: 5500px;}
.produtos{width: 100%; margin-top: 100px; float: left; text-align: center;}
.img-fundo{position: absolute; top: 180px; left: 0px;}
    .listras{width: 100%; height: 5000px; position: absolute; background: url(../img/listrado.jpg); line-height: 0; top: 465px; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85);}
    .item0{width: 100%; position: absolute; top: 0px; left: 0; right: 0; display: none;}
        .item-foto{width: 100%; max-width: 361px; height: 317px; margin: 0 auto;}
        .item-vertical{width: 271px; height: 350px; margin: 0 auto;}    
        .item-direita{width:100%; max-width: 350px; height: 271px;margin: 0 auto; }
        .item-esquerda{width:100%; max-width: 350px; height: 315px; margin: 0 auto;}
        .item-horizontal{width:100%; max-width: 670px; height: 320px; margin: 0 auto;}
        .item-branco1{width: 100%; max-width: 361px; height: 200px; margin: 0 auto;} 
            .item-branco1 h2{text-align: center; margin: 0 auto; padding: 50px 20px 0px 20px; font-family: "CenturySeBd"; font-size: 20px;}
            .item-branco1 p{text-align: center; padding: 5px 20px 0 20px; text-indent: 0em;}
        .item-branco2{width: 100%; max-width: 361px; height: 150px; margin: 0 auto;} 
            .item-branco2 p{text-align: center; padding: 50px 20px 0 20px; margin: 0 auto; text-indent: 0em;} 
        .item-1907{width: 120px; height: 120px; margin: 0 auto;}    
            .item-branco2 p{text-align: center; padding: 50px 20px;  margin: 0 auto; text-indent: 0em;} 
            #item-1907{background: url(../img/desde1907.png) no-repeat; position: absolute; top: 910px; left: 0; right: 0;}
            #item-branco1{background: #fff; position: absolute; top: 700px; left: 0; right: 0; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85);}        
            #item-branco2{background: #fff; position: absolute; top: 980px; left: 0; right: 0; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85); margin: 0 auto;}
            #item-foto{background: url(../img/item-foto.png) no-repeat; position: absolute; top: 380px; right: 0px; left: 0px; transform: scale(0.9,0.9); background-position: -20px 0}
            #item-amarelo{background: url(../img/item-amarelo.png) no-repeat; position: absolute; top: 100px; left: 0; right: 0; z-index: 1; margin: auto}     
                #item-amarelo p{text-align: center; padding: 50px 20px 0px 20px; margin-top: 50px; color: #fff; text-indent: 0em;}        
            #item1{background: url(../img/item1.png) no-repeat; position: absolute; top: 1160px; left: 0; right: 0; margin: 0 auto;}
            #item2{background: url(../img/item2.png) no-repeat; position: absolute; top: 1520px; left: 0; right: 0; margin: 0 auto;}
            #item3{background: url(../img/item3.png) no-repeat; position: absolute; top: 1880px; left: 0; right: 0; margin: 0 auto;}
            #item4{background: url(../img/item4.png) no-repeat; position: absolute; top: 2240px; left: 0; right: 0; margin: 0 auto;}
            #item5{background: url(../img/item5.png) no-repeat; position: absolute; top: 2600px; left: 0; right: 0; margin: 0 auto;}
            #item6{background: url(../img/item6.png) no-repeat; position: absolute; top: 2970px; left: 0; right: 0; margin: 0 auto;}
            #item7{background: url(../img/item7.png) no-repeat; position: absolute; top: 3270px; left: 0; right: 0; margin: 0 auto;}
            #item8{background: url(../img/item8.png) no-repeat; position: absolute; top: 3610px; left: 0; right: 0; margin: 0 auto;}
            #item9{background: url(../img/item9.png) no-repeat; position: absolute; top: 3900px; left: 0; right: 0; margin: 0 auto;}
            #item10{background: url(../img/item10.png) no-repeat; position: absolute; top: 4270px; left: 0; right: 0; margin: 0 auto;}
            #item11{background: url(../img/item11.png) no-repeat; position: absolute; top: 4640px; left: 0; right: 0; margin: 0 auto;}
        .item-nome{width: 230px; height: 32px; border-radius: 15px; background: #3b3939; margin: 0 auto; margin-top: 290px; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}  
            .item-nome p{color: #fff; text-align: center; font-family: "CenturySeBd"; font-size: 20px; text-indent: 0em; padding: 3px;}
        #tipo-nome1{margin-top: 210px;}     
        #tipo-nome2{margin-top: 255px;}
        #tipo-nome3{margin-left: 40px; margin-top: 210px;}
        #tipo-nome4{margin-left: 45px; margin-top: 250px;}
        #tipo-nome5{margin-left: 0px; margin-right: 0px; margin: 0 auto; margin-top: 5100px;}   
        .item0-mob{display: block; width: 100%; height: 250px; background: url(../img/item0.jpg) no-repeat; position: absolute; top: 5280px; left: 0; right: 0; margin: 0 auto;}
.btnfake{width: 40%; padding: 0px; border-radius: 15px; margin: 0 auto; margin-top:20px; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}        

        .txt-contato{width: 70%; margin: 0 auto; padding-top: 10px;}     
        .txt-contato h1, .txt-contato h2{text-align: center; margin: 0 5px;}
        .contato h1{padding: 5px 0; color: #3b3939;}
        .contato form{width: 60%; margin: 0 auto; padding-top: 10px}   

    .txt-localizacao > p{font-family: "CenturySeBd"; font-weight: bold; font-size: 20px; text-align: center; color: #3b3939; text-indent: 0em; margin: 0 5%;}
    .img-balcao{width: 100%;}
    .txt-loja{width: 100%;}
        .txt-loja > p{text-align: center; text-indent: 0em; width: 100%; margin: 0 auto;}
    #mapa-villa{width:100%; height: 300px; margin: 0 auto; }
    .info-mapa{display: none; position: absolute; z-index: 1001; background: #fff; width: 250px; height: 90px; left: 0px; right: 0px; margin: 0 auto; top: 720px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}


}
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||   RESOLUÇÃO 1550px até 8000px   ||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||*/
@media (min-width: 1550px) and (max-width: 8000px){
#main-container{width: 100%; max-width: 1550px; height: 100%; background-color: rgba(248,246,245,1); margin: 0 auto;}
.listras {width: 1550px;}
.item0 {max-width: 1550px;}
.img-fundo {left: auto;}
}