@charset "UTF-8";


/* ######
   Variáveis
############ */

html {
	--texto: #888;
	--cinza-claro: #DFDBD8;
	--cinza-escuro: #5E574C;
	--bege-claro: #FFF4EC;
	--bege-escuro: #F9E9DD;
	--marrom-claro: #BB805B;
	--marrom-medio: #7C4C2E;
	--marrom-escuro: #4E3524;
}


@media (max-width: 1199.98px) {

	/* ######
	   Cabeçalho
	############ */

	/* box-logo */

	#header .box-logo img {
		max-width: 180px;
	}

	/* box-info */

	#header .box-info p {
		font-size: 11px;
	}
	#header .box-info strong {
		font-size: 16px;
	}

	/* ######
	   Navegação
	############ */

	#nav .box-link a {
		font-size: 16px;
	}

	/* ######
	   Home (Banner)
	############ */

	.home #banner .box-slide img {
		min-height: initial;
	}

}


@media (max-width: 991.98px) {

	/* ######
	   Gerais
	############ */

	/* box-treatment */

	.box-treatment a {
		padding: 40px 20px;
	}
	.box-treatment h2 {
		font-size: 16px;
	}

	/* ######
	   Rodapé
	############ */

	/* box-info */

	#footer .box-info i {
		font-size: 14px;
	}
	#footer .box-info p {
		font-size: 12px;
	}

	/* box-item */

	#footer .box-item a {
		font-size: 13px;
	}

	/* ######
	   Contato
	############ */

	#contact .box-info h4 {
		font-size: 30px;
	}
	#contact .box-info p {
		font-size: 13px;
		line-height: 23px;
	}

}


@media (max-width: 767.98px) {

	/* ######
	   Rodapé
	############ */

	/* box-list */

	#footer .box-list {
		margin: 0 0 30px;
	}

	/* ######
	   Contato
	############ */

	/* box-contain */

	#contact .box-contain {
		padding: 40px 10px;
	}

	/* box-info */

	#contact .box-info {
		padding: 0 15px;
	}
	#contact .box-info h4 {
		font-size: 24px;
	}
	#contact .box-info .read-more {
		font-size: 13px;
		padding: 10px 15px;
	}

	/* ######
	   Home (Sobre)
	############ */

	.home #about .box-image {
		margin: 50px 0 0;
	}

	/* ######
	   Home (Vídeo)
	############ */

	.home #video .sld_item iframe {
		height: 280px;
	}

	/* ######
	   Sobre (Conteúdo)
	############ */

	/* box-image */

	.template-sobre #content .box-image {
		margin: 0 0 40px;
	}

	/* box-figure */

	.template-sobre #content .box-figure {
		margin: 40px 0 0;
	}

	/* ######
	   Tratamento (Conteúdo)
	############ */

	.single-tratamento #content .box-image {
		width: 90vw;
		height: initial;
		margin: 30px auto 0;
		position: relative;
		top: initial;
		right: initial;
	}
	.single-tratamento #content .box-image img {
		border-radius: 20px;
	}

	/* ######
	   Invisalign (Conteúdo)
	############ */

	/* box-header */

	.template-invisalign #content .box-header {
		margin: 0 0 10px;
	}

	/* intro-topic */

	.template-invisalign #content .intro-topic {
		margin: 0 0 40px;
	}

	/* item-info */

	.template-invisalign #content .item-info {
		margin: 0 0 40px;
	}

	/* question-title */

	.template-invisalign #content .question-title h4 {
		font-size: 20px;
		line-height: 30px;
	}

	/* ######
	   Contato (Conteúdo)
	############ */

	.template-contato #content .box-form {
		margin: 40px 0 0;
	}

}


@media (max-width: 575.98px) {

	/* ######
	   Rodapé
	############ */

	/* box-title */

	#footer .box-title {
		text-align: center;
	}
	#footer .box-title hr {
		margin: 10px auto 0;
	}

	/* box-info */

	#footer .box-info ul {
		margin: 0 auto;
	}

	/* social-case */

	#footer .social-case {
		text-align: center;
	}

	/* ######
	   Contato
	############ */

	/* box-contain */

	#contact .box-contain {
		padding: 40px 40px 10px;
	}
	#contact .box-contain::before {
		display: none;
	}

	/* box-info */

	#contact .box-info {
		margin: 0 0 30px;
		padding: 0;
	}
	#contact .box-info ul {
		display: block !important;
	}
	#contact .box-info li {
		text-align: center;
		display: block;
	}
	#contact .box-info li:first-child {
		width: 100%;
	}
	#contact .box-info span {
		margin: 0 auto 10px;
		transform: initial;
	}
	#contact .box-info p {
		margin: 0 auto 20px;
	}
	#contact .box-info .read-more {
		padding: 10px 35px;
	}

	/* ######
	   Interna de tratamento (Complemento)
	############ */

	.single-tratamento #complementary .box-item {
		text-align: center;
		margin: 0 0 5px;
		border: none;
	}

}