/* a partir de 1140px */
@media only screen and (min-width : 1140px) {
    
    .bloco02Home > div.textoMateriais > div.left { margin: 0 0 0 25%; width: calc(507px - 20px - 30px); padding: 0 30px 0 20px; }
    
	
	.portfolio_search .field { width: auto; }
	
	
	.blocoAntesDepois #mask { left: -202%; }
	
}

/* a partir de 1280px */
@media only screen and (min-width : 1280px) {
    
    
    .bloco02Home > div.textoMateriais > div.left { margin: 0 0 0 25%; width: calc(497px - 20px - 30px); padding: 0 30px 0 20px; }
    .bloco02Home > div.textoMateriais > div.right { max-width: calc(407px - 20px);  }
    
	.blocoAntesDepois p { bottom: 5%; left: 22%; width: 15%; }


    .blocoAntesDepois .extra-text { background-color: transparent; padding: 35px 29px; font-size: 14px; color: rgba(255,255,255,0.5); width: 228px; position: absolute; top: 100px; left: 60px; z-index: 10; }
    .blocoAntesDepois .extra-text::after { content: ''; display: block; clear: both; }
    .blocoAntesDepois .extra-text .extra-left { width: 100%; display: block; line-height: 1.5; margin-right: 0; font-size: 14px; }
    .blocoAntesDepois .extra-text .extra-right { width: 100%; display: block; line-height: 1.5; margin-top: 20px; }
    .blocoAntesDepois .extra-text .extra-right::before { content: ''; display: none; }
    .blocoAntesDepois .extra-text table { margin-top: -10px; margin-bottom: 0; }
    .blocoAntesDepois .extra-text table th { text-align: left; font-weight: normal; padding-top: 10px; padding-bottom: 5px; }
    .blocoAntesDepois .extra-text table td { border-bottom:1px solid rgba(255,255,255,0.5); }
    .blocoAntesDepois .extra-text table tr:last-child td { border-bottom: none; }

}

@media only screen and (min-width : 1356px) {

}