/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1600px) {
  /*********************************************************/
  .banner {min-height: 85%;}
  .banner .esquerda {padding-top: 6%;}
  /*********************************************************/
}
@media (max-width: 1440px) {
  /*********************************************************/
  .banner {min-height: 80%;}
  /*********************************************************/
}
@media (max-width: 1366px) {
  /*********************************************************/
  .banner {min-height: 100%;}
  .banner .esquerda {padding-top: 5%;}
  /*********************************************************/
}
@media (max-width: 1280px) {
  /*********************************************************/
	.content {max-width: 90%;}
  .banner {min-height: 70%;}
  /*********************************************************/
  footer .content {gap: 20px;}
  footer .quadro {min-width: 120px;}
  footer .logo {width: 120px; height: 80px; margin: auto;}
  footer h2 {font-size: 0.8em;}
  footer .dados li {font-size: 0.7em; }
  footer .rodmenu li {font-size: 0.7em;}
  /*********************************************************/
  .fim p {font-size: 0.7em;}
  /*********************************************************/
}
@media (max-width: 1152px) {
  /*********************************************************/
  header .logo {width: 140px; height: 70px;}
  .botao {padding: 10px; font-size: 0.8em;}
  /*********************************************************/
  .banner .esquerda {width: 60%;}
  /*********************************************************/
  h1 {font-size: 2em !important; padding-bottom: 15px;}
  h2 {font-size: 1.6em !important; padding-bottom: 10px;}
  p {font-size: 0.9em !important; line-height: 23px !important;}
  /*********************************************************/
  .apresentacao .imagem1 {height: 400px;}
  .apresentacao .imagem2 {height: 460px;}
  /*********************************************************/
  .servicos .imagem {height: 140px;}
  /*********************************************************/
  .chamada .quadro {left: 20px; width: 40%; padding: 60px 40px; left: 0;}
  /*********************************************************/
  .cat-thumb {height: 160px;}
  /*********************************************************/
  .sv-thumb {height: 160px;}
  /*********************************************************/
  .shop-banners {grid-template-columns: 2fr 1fr;}
  .shop-grid {grid-template-columns: repeat(3, 1fr);} 
  .info-grid {grid-template-columns: repeat(2, 1fr);} 
  /*********************************************************/
  .cat-grid {grid-template-columns: repeat(3, 1fr);} 
  /*********************************************************/
}
@media (max-width: 950px) {
  /*********************************************************/
	header .botao {display: none;}
  .borda {display: none;}
  /*********************************************************/
  .esquerda {width: 100%; margin-bottom: 30px;}
  .direita {width: 100%;}
  .sumir {display: none !important;}
  .centro {width: 100%;}
  /*********************************************************/
  .banner {padding-top: 60px; display: block; min-height: 400px;}
  .banner .esquerda {padding-top: 0; width: 100%; text-align: center;}
  .overlay {width: 100%; height: 100%; padding-top: 60px; display: table;}
  /*********************************************************/
  .apresentacao .imagem1 {width: 50%; margin: auto; float: none;}
  .apresentacao .imagem2 {display: none;}
  .apresentacao .direita {margin-top: 60px; text-align: center;}
  /*********************************************************/
  .chamada {padding: 20px; text-align: center;}
  .chamada .quadro {position: relative; width: 100%; padding: 10px; height: auto; z-index: 999; top: 0; text-align: center;}
  .chamada .quadro p {font-size: 1.2em;line-height: 20px;}
  .chamada .quadro span {font-size: 1.4em;}
  .chamada h1 {font-size: 1.4em; padding: 20px 0;}
  /*********************************************************/
  .tela-1 {padding: 40px 0;}
  .tela-1 .content {display: block;}
  .tela-1 img {width: 80%; margin: 40px 10%; border-radius: 10px;}
  /*********************************************************/
  footer .content {display: inline-block; gap: 0; width: 100%; margin-left: 5%;}
  footer .quadro {min-width:100%; text-align: center;}
  /*********************************************************/
  .qs-cta .content {display: block; text-align: center;}
  .qs-cta .esquerda, .qs-cta .direita {width: 100%; float: none;}
  .qs-cta .direita {text-align: center;}
  /*********************************************************/
  .qs-image {width: 100%;}
  .qs-cards {gap: 15px;}
  .qs-card {min-width: 48%;}
  /*********************************************************/
  .shop-banners {grid-template-columns: 1fr;}
  .shop-grid {grid-template-columns: repeat(2, 1fr);} 
  /*********************************************************/
  .svc-body {display: block;}
  .svc-body .esquerda, .svc-body .direita {flex: none; width: 100%;}
  .svc-cta .content {display: block;}
    /*********************************************************/
  .pr-grid {grid-template-columns: repeat(3, 1fr);}
  /*********************************************************/
  .sv-grid {grid-template-columns: repeat(2, 1fr); gap: 20px;}
  /*********************************************************/
  .ct-grid {grid-template-columns: repeat(2, 1fr);} 
  /*********************************************************/
  .cat-grid {grid-template-columns: repeat(2, 1fr);} 
  /*********************************************************/
}
@media (max-width: 768px) {
  /*********************************************************/
  .banner {min-height: 330px;}
  /*********************************************************/
  .qs-hero {padding: 40px 5%;}
  .qs-card {min-width: 100%;}
  /*********************************************************/
  .svc-hero {padding: 40px 5%;}
  /*********************************************************/
  .pr-grid {grid-template-columns: repeat(2, 1fr);}
  /*********************************************************/
  .sv-grid {grid-template-columns: 1fr;}
  /*********************************************************/
  .ct-fields {grid-template-columns: repeat(1, 1fr);} 
  /*********************************************************/
  .shop-hero {height: 320px;} 
  /*********************************************************/
  .interna .bannerinterno {height: 200px; margin-bottom: 20px;}
}
@media (max-width: 600px) {
  /*********************************************************/
  h1 {font-size: 1.6em !important;}
  h2 {font-size: 1.2em !important;}
  /*********************************************************/
  .banner {padding-top: 20px; background-size: 300% !important; min-height: 320px; background-position: center center;}
  .overlay {padding-top: 20px; display: table;}
  /*********************************************************/
  .qs-cta {padding: 30px 5%;}
  /*********************************************************/
  .svc-card {padding: 10px;}
  /*********************************************************/
  .pr-grid {grid-template-columns: 1fr;}
  .parceiros-hero {padding: 40px 0;}
  /*********************************************************/
  .sv-thumb {height: 180px;}
  /*********************************************************/
  .ct-grid {grid-template-columns: 1fr;} 
  .ct-fields {grid-template-columns: 1fr;} 
  .ct-hero {height: 240px;} 
  /*********************************************************/
  .shop-grid {grid-template-columns: 1fr;} 
  .shop-hero {height: 240px;} 
  .info-grid {grid-template-columns: 1fr;} 
  /*********************************************************/
  .cat-grid {grid-template-columns: 1fr;} 
  .cat-thumb {height: 160px;}
  /*********************************************************/
}
@media (max-width: 480px) {
  /*********************************************************/
  .banner {min-height: 440px;}
  /*********************************************************/
  .apresentacao .imagem1 {width: 100%;}
  /*********************************************************/
  .qs-sobre .mgr {margin-top: 20px;}
  /*********************************************************/
  .interna .bannerinterno {height: 120px; margin-bottom: 20px;}
  /*********************************************************/
}