/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1366px) {
	/*********************************************************/
	.home {height: calc(120% - 110px);}
	.home h1 {font-size: 1.2em !important; }
	.home .logo {width: 160px; height: 110px; margin-bottom: 10px;}
	/*********************************************************/
}


@media (max-width: 1280px) {
	/*********************************************************/
	.content {max-width: 90%;}
	/*********************************************************/
	.home {height: calc(100% - 110px);}
	/*********************************************************/
}

@media (max-width: 1152px) {
	/*********************************************************/
	header .logo {width: 120px; height: 80px;}
	/*********************************************************/
	.tela-2 .quadro {min-height: 220px; padding: 160px 20px 20px 20px;}
	.tela-2 .imagem {width: 95%; left: 2.5%;}
	/*********************************************************/
	footer p {font-size: 0.8em;}
	footer .dados li {font-size: 0.8em;}
	/*********************************************************/
	.fim p {font-size: 0.7em;}
	/*********************************************************/
}
@media (max-width: 1024px) {
	/*********************************************************/
	.home {height: calc(120% - 110px);}
	/*********************************************************/
	header .logo {width: 100px; height:70px;}
	/*********************************************************/
}
@media (max-width: 950px) {
	/*********************************************************/
	.home {height: calc(70% - 110px);}
	/*********************************************************/
	header .social {display: none;}
	/*********************************************************/
	h1 {font-size: 1.4em !important;}
	p {font-size: 0.9em !important; line-height: 22px !important;}
	/*********************************************************/
	.chamadas .esquerda {width: 100%; min-height: 100px; padding: 20px 5% 80px 5%; text-align: center;}
	.chamadas .direita {width: 100%; min-height: 100px; padding: 20px 5% 80px 5%; text-align: center;}
	.chamadas .logo {display: inline-block;}
	/*********************************************************/
	.tela-2 .centro {width: 90%; float: right;}
	.tela-2 .texto {width: 100%; float: right; padding-top: 0; display: block;}
	.tela-2 h1 span {font-size: 1.4em;}
	/*********************************************************/
	.tela-3 h1 span {font-size: 1.4em;}
	/*********************************************************/
	footer .quadro {width: 100%; float: none; padding: 0 0 20px 0; text-align: center;}
	/*********************************************************/
	.sobre {min-height: 100px;}
	.sobre .imagem {display: none;}
	.sobre .direita {width: 100%; padding-top: 0;}
	/*********************************************************/
	.espaco .intro .destaque {font-size: 1em;}
	.espaco .galeria h2 {font-size: 1.4em !important;}
	.espaco .caracteristicas-grid {grid-template-columns: 1fr; gap: 15px;}
	.espaco .galeria-grid {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}
	/*********************************************************/
	.equipe h2 {font-size: 1.4em !important;}
	.equipe h3 {font-size: 1.1em !important;}
	.equipe .medico-card {grid-template-columns: 1fr !important;}
	.equipe .medico-foto {height: 550px; width: 50%;}
	.equipe .medico-info {padding: 30px;}
	.equipe .social-buttons {flex-direction: row; flex-wrap: wrap;}
	/*********************************************************/
	.servicos .grid {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px;}
	/*********************************************************/
	.noticia-completa { max-width: 100%;}
	/*********************************************************/
	.trabalhos .categorias-nav {flex-direction: column; align-items: center; gap: 10px; padding: 0 20px;}
    .trabalhos .categoria-btn {min-width: 280px; padding: 12px 20px; font-size: 0.95em;}
    .trabalhos .categoria-btn span {font-size: 0.9em;}
	.trabalhos .categoria-header {padding: 15px;}
	.trabalhos .categoria-header h2 {font-size: 1.2em; margin: 0 !important;}
	.trabalhos .doc-nome { font-size: 0.9em; font-weight: 400;}
	/*********************************************************/
	.diors .container {padding: 20px 0;}
	.diors h1 {font-size: 4em !important;}
    .diors .hero-content {flex-direction: column; gap: 20px; text-align: center;}
    .diors  h2 {font-size: 1.2em !important;}
	.diors .benefits-grid {grid-template-columns: 1fr; gap: 20px;}
    .diors .benefit-item {padding: 30px 20px;}
    .diors .care-step {flex-direction: column; gap: 20px; text-align: center;}
    .diors .step-number {margin: 0 auto;}
	/*********************************************************/
	.blog .search-input-group {max-width: 90%; margin: 0 auto;}
    .blog .search-input, .search-btn {padding: 12px 15px;}
    .blog .grid {grid-template-columns: 1fr; gap: 20px; padding: 0 20px;}
    .blog .card {margin: 0 auto; max-width: 60%;}
    .blog .card-content {padding: 20px;}
    .blog .pagination-nav {gap: 5px;}
    .blog .page-btn {padding: 8px 12px; min-width: 40px; font-size: 0.9em;}
	/*********************************************************/
	.contato .grid {grid-template-columns: 1fr; gap: 30px;}
    .contato .intro h1 {font-size: 2.5em;}
    .contato .form-row {grid-template-columns: 1fr; gap: 15px;}
	.contato  .form-actions {flex-direction: column;}
  	/*********************************************************/
    /* Depoimentos responsivo */
    .tela-4 .quadro {max-width: 95%; padding: 25px;}
    .tela-4 h1 {margin-bottom: 25px;}
    .tela-4 .slick-1 .slick-prev, .tela-4 .slick-1 .slick-next {display: none !important;}
    .tela-4 .slick-1 .slick-dots {bottom: -30px;}
}
@media (max-width: 667px) {
	/*********************************************************/
	.home h1 {font-size: 0.9em !important; }
	.home .logo {width: 120px; height: 90px; margin-top: 15px;}
	/*********************************************************/
	.tela-2 .centro {width: 80%; float: right;}
	.tela-2 .imagem {width: 75%; left: 2.5%;}
	/*********************************************************/
	.tela-3 .quadro {width: 90%; }
	/*********************************************************/
	.espaco .galeria-imagem {height: 200px;}
	/*********************************************************/
	.equipe .medico-foto {width: 80%;}
	.equipe h4 {font-size: 1em !important;}
	/*********************************************************/
	.servicos .grid {grid-template-columns: 1fr; gap: 15px;}
	/*********************************************************/
	.blog .card {max-width: 100%;}
	/*********************************************************/
	.noticia-imagem-destaque {width: 100%;}
	/*********************************************************/
	.tela-1 .quadro {padding-bottom: 60px;}
    /* Depoimentos responsivo */
    .tela-4 .quadro {max-width: 90%; padding: 20px;}
    .tela-4 .quadro p {font-size: 1em;}

	.tela-3 .texto {height: 320px;}
}
@media (max-width: 480px) {
	.tela-2 .imagem {width: 95%; left: 2.5%;}
	.tela-2 h2 {font-size: 1em;}
	.tela-2 .quadro {min-height: 220px; padding: 160px 20px 20px 20px;}
	.tela-2 h1 span {font-size: 1.2em;}
	/*********************************************************/
	.tela-3 h1 span {font-size: 1.2em;}
	/*********************************************************/
	.equipe .medico-foto {width: 100%;}
	/*********************************************************/
	.diors  h2 {font-size: 1em !important;}
	.diors  h3 {font-size: 1em !important;}
    /* Depoimentos responsivo */
    .tela-4 .quadro {max-width: 90%; padding: 18px;}
    .tela-4 .quadro p::before {font-size: 3em; top: -20px;}
}
/*********************************************************/