/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1280px) {
	.content {max-width: 90%;}
  /*********************************************************/
  .home {padding: 140px 0 60px 0;}
  /*********************************************************/
  .tela-2 .quadro-padrao h2 {font-size: 1em;}
  .tela-2 .quadro-padrao .link {font-size: 1em;}
}
@media (max-width: 1152px) {
  header {max-height: 40px;}
  header .logo { width: 180px; height: 120px;}
  header .menu {margin-top: -80px;}
  header .social {margin-top: -80px;}
  /*********************************************************/
  .interno {padding: 120px 0 40px 0 !important; }
  /*********************************************************/
  .produto-hero {  height: 240px;}
  .produto-hero .esquerda {width: 100%;}
  /*********************************************************/
  .lista-contato p { font-size: 0.8em;}
  /*********************************************************/
  .home .esquerda {width: 55%;}
  .home h1 { font-size: 2em;}
  /*********************************************************/
  .card-marca { grid-column: span 4; }
  /*********************************************************/
  .botao { padding: 10px; font-size: 0.9em;}
  .botao2 { padding: 10px; font-size: 0.9em;}
  /*********************************************************/
  .tela-2 h1 {font-size: 1.6em; margin-bottom: 20px;}
  .tela-2 .quadro-f h2 {font-size: 1.8em; }
  .tela-2 .quadro-m h2 {font-size: 1.48em;}
  .tela-2 .qda {min-height: 300px;} 
  .tela-2 .qdb {min-height: 300px;}
}
@media (max-width: 950px) {
  header {max-height: 60px;}
	header .menu {margin-top: 20px;}
  header .social {display: none;}
  /*********************************************************/
  .home .esquerda {width: 100%;}
  .home {padding: 120px 0; background-position: center center;}
  /*********************************************************/
  .chamada .content { display: block; gap: 0; text-align: 0; }
  .chamada .esquerda { width: 100%; margin-bottom: 20px; text-align: center;}
  .chamada .direita { width: 100%;  justify-content: center;}
  .chamada .botao2 {display: inline-block;}
  /*********************************************************/
  footer .content { display: block; text-align: center;}
  footer h2 {margin-top: 20px;}
  footer .dados {width: 100%; text-align: center;}
  footer .dados li { justify-content: center;}
  footer .dados i {display: none;}
  /*********************************************************/
  .sobre-a-ramil .quadro { display: table; align-items: center; gap: 0; }
  .sobre-a-ramil .esquerda {width: 100%; margin-bottom: 40px;}
  .sobre-a-ramil .direita {width: 100%;}
  /*********************************************************/
  .contato .infos, .contato .formulario { grid-column: span 12; }
  .form-row { grid-template-columns: 1fr; }
  /*********************************************************/
  .produto-detalhes .principal { grid-column: span 12; }
  .produto-detalhes .aside { grid-column: span 12; }
}
@media (max-width: 768px) {
  /*********************************************************/
  .card-marca { grid-column: span 6; }
  /*********************************************************/
}
@media (max-width: 667px) {
  h1 {font-size: 1.4em !important;}
  p {font-size: 0.9em !important; line-height: 24px !important;}
  /*********************************************************/
  .tela-2 .qda {float: none; margin: 0 auto 20px auto; min-height: 160px; } 
  .tela-2 .qdb {float: none; margin: 0 auto 20px auto; min-height: 160px; } 
  .tela-2 .quadro-f {width: 100%; background-size: 45%;}
  .tela-2 .quadro-m {width: 100%; background-size: 45%;}
  .tela-2 .quadro-f .texto { padding: 40px 0 0 20px; width: 60%;}
  .tela-2 .quadro-m .texto  {float: left; width: 60%; padding: 40px 0 0 20px;}
  .tela-2 .quadro-f h2 {font-size: 1.2em; }
  .tela-2 .quadro-m h2 {font-size: 1.2em; margin-bottom: 20px; }
  .tela-2 .qda:hover { background-size: 45%;  }
  .tela-2 .qdb:hover { background-size: 45%; }
  /*********************************************************/
  .sobre-a-ramil .imagem { height: 300px;}
  /*********************************************************/
  .tela-2 .quadro-padrao {width: 100%; float: none; margin: 0 auto 20px auto;}
}

@media (max-width: 600px) {
  /*********************************************************/
  .card-marca { grid-column: span 12;}
  /*********************************************************/
}
@media (max-width: 480px) {
  .home {padding: 80px 0 20px 0; text-align: center;}
  .home h1 { margin-bottom: 15px;}
  /*********************************************************/
  h1 {font-size: 1.2em !important;}
  h2 {font-size: 1em !important;}
  /*********************************************************/
  .tela-2 .qda {min-height: 120px; } 
  .tela-2 .qdb {min-height: 120px; } 
  .tela-2 h2 {margin-bottom: 0 !important;}
  .tela-2 .link {font-size: 0.8em !important;}
  /*********************************************************/
  .interno {padding: 80px 0 30px 0 !important;}
  /*********************************************************/
  .sobre-a-ramil .quadro {padding: 60px 20px; border-radius: 10px; position: relative;}
  .sobre-a-ramil .imagem { height: 200px;}
  /*********************************************************/
  .produto-hero {background-size: 45%; }
}