@media screen and (max-width: 1100px) { 
	#cel .imgphone img { width: 450px; margin-top: -50px;  }
}

@media screen and (max-width: 870px) { 
	header .frase { width: 100%; }
	header .pectine img { width: 500px; }
	#unipectine h3 { width: 100%; }
	#unipectine { height: auto; padding-bottom: 50px; }
	#unipectine .list { flex-direction: column; margin-left: 0px; }
	#unipectine .list .lista01 { width: 100%; }
	#unipectine .list .lista02 { width: 100%; }
	#unipectine .list .item li:nth-child(2) { margin-top: 0px; }
	#cel article { flex-direction: column; }
	#cel .imgphone img { position: relative; }
	#cel { height: auto; padding-bottom: 100px; }
	#cel article .left { width: 100%; margin-left: 0px; text-align: center;   }
	#cel form label { text-align: left !important; }
	#cel p { text-align: center; }

	#cel .imgphone { text-align: center; margin-top: 70px; }
	#cel .imgphone img { margin-left: 0px; }

	#check h3 { width: 100%; }
	#form p { width: 100%; }
	
}

@media screen and (max-width: 750px) {   

} 

@media screen and (max-width: 950px) {  
	
	#check .abas { flex-direction: column; width: 100%;  }
	#check .abas li { width: 100%; }
	#check .abas li h4 { font-size: 15px; width: 100%; border-radius: 0px; }

	#check .content { width: 100%; }
	#unipectine .list { width: 100%; }
	#unipectine .list .lista03 { width: 100%; }

	#check .content div { flex-direction: column;  }
	#check .content div ul { width: 100%; }
	#check .content div { width: 100%; }

	#check .slogan { width: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 20px; }

	#check .slogan p { font-size: 20px; }
	footer { flex-direction: column; }
	footer .um { width: 100%; background-image: none;}
	footer .dois { width: 100%; background-image: none; height: 10px; }
	footer .tres { width: 100%; }
	footer .um p { width: 100%; text-align: center; }
	

}

@media screen and (max-width: 570px) {   

	#form form .formGrupo { flex-direction: column; margin-bottom: 0px; }
	#form .formulario .metade { width: 100%; margin-bottom: 15px;}
	#cel form .formGrupo2 { flex-direction: column;  }
	#cel .left .formGrupo2 .metade { width: 100%; }

	#cel .gruopButton { flex-direction: column; }
	#cel article .left p { text-align: left !important; }

	
	
} 
@media screen and (max-width: 450px) {   

		header .logo { margin-right: 0px; align-self: center; }
		header .pectine img { width: 320px; }
		header .frase h2 { font-size: 24px; line-height: 40px;}
		header .borda { height: 650px; }

		#unipectine h3 { font-size: 24px; line-height: 40px; }
		#unipectine .list ul li { font-size: 20px; }

		#check h3 { font-size: 24px; }
		#check .content div ul li { font-size: 18px; }

		
		#cel article .left p { font-size: 31px; line-height: 52px; }

		#form h3 { font-size: 30px;  }
		#form p { font-size: 20px; }

		#form .formulario { padding-right: 15px; padding-left: 15px; }

		#form .formulario .btn { display: block; text-align: right; }

		#check .slogan p  { padding-top: 10px; padding-bottom: 10px; }

} 