@media (max-width: 1314px) {
	.container {
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 1200px) {
	.menu a {
		font-size: 14px;
		margin-left: 10px;
	}

	#home h1 {
		font-size: 70px;
	}

	#feita .conteudo {
		gap: 30px;
	}

	#feita .conteudo .mockup {
		min-width: 380px;
		height: 459px;
		margin-left: 0;
	}

	#feita .conteudo .mockup img {
		width: 98%;
		top: -20px;
		left: 6px;
	}

	h2 {
		font-size: 48px;
	}

	#feita.section {
		padding-top: 80px;
	}

	.section {
		padding: 60px 0;
	}
}


@media (max-width: 992px) {
	.padding-lateral {
		padding-left: 15px;
		padding-right: 15px
	}

	#topo .botoes {
		display: none;
	}

	#home {
		width: 100%;
		background-attachment: initial;
		height: 100vh;
	}

	#home .over {
		height: 100vh;
		background: linear-gradient(-185deg, rgba(17, 17, 17, 0) 0%, #111111 89%);
		align-items: end;
		padding-bottom: 38px;
	}

	#home .conteudo {
		max-width: 100%;
	}

	#home h1 {
		font-size: 39px;
	}

	#home h2,
	#home .lista {
		font-size: 16px;
	}

	#home .botoes {
		flex-direction: column;
	}

	#home .conteudo .botoes a {
		height: 68px;
		width: 100%;
	}


	#feita.section {
		padding-top: 0px !important;
	}

	.section {
		padding: 0 0 50px 0;
	}

	.menu {
		position: fixed;
		width: 300px;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 9999;
		background-color: #fff;
		margin: 0;
		padding: 0;
		padding-top: 30px;
		border-right: 1px solid #eee;
		margin-left: -300px;
		transition: all .35s
	}

	.menu.ativo {
		margin-left: 0;
		transition: all .35s;
	}

	.menu a,
	.menu span {
		display: block;
		width: 100%;
		margin: 0;
		padding: 18px 20px;
		font-size: 17px;
		border-bottom: 1px solid #eee;
		color: #000;
	}

	.menu span .tabela-precos {
		display: block;
		position: initial;
		left: initial;
		top: initial
	}

	.menu span .tabela-precos a {
		border-bottom: 0;
	}

	#topo {
		height: 70px;
		padding-top: 9px;
	}

	#botao {
		display: block;
	}

	#feita .conteudo .mockup {
		min-width: 100%;
		height: 408px;
		margin-top: 66px;
	}

	#feita .conteudo .mockup img {
		height: 454px;
		width: auto;
		left: 14%;
	}

	#feita .conteudo {
		flex-direction: column;
	}

	#feita .conteudo .texto {
		padding-top: 32px;
	}

	h2 {
		font-size: 33px;
	}

	#feita .botoes a.experimente {
		width: 100%;
	}

	#pratica .infos {
		padding-top: 23px;
	}

	.topo {
		padding-left: 15px;
		padding-right: 15px;
	}

	#clinica {
		background: linear-gradient(359deg, rgba(17, 17, 17, 0) 0%, #C1F12F 176%);
	}

	#clinica .backdoutor {
		padding: 0;
		background-position: 68% center;
		min-height: 506px;
		background-size: 100% auto;
		background-position: center top;
		padding-top: 240px;
	}

	#clinica .backdoutor .conteudo-clinica {
		max-width: 100%;
		padding-top: 243px;
		padding: 20px 22px 0 22px;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #fff 22%);
	}

	#clinica .backdoutor .botoes a.experimente {
		min-width: 100%;
	}

	#duvidas .conteudo {
		justify-content: space-between;
		flex-direction: column;
		gap: 28px;
	}

	#duvidas .conteudo h2 br {
		display: none;
	}

	#duvidas .conteudo .duvidas {
		max-width: 100%;
	}

	#tempo .conteudo {
		flex-direction: column;
	}

	#tempo .conteudo .imagem {
		width: 100%;
		height: 340px;
	}

	#tempo .conteudo .texto {
		width: 100%;
		padding: 26px 16px;
	}

	#tempo .botoes {
		flex-direction: column;
	}

	#tempo .botoes a {
		width: 100%;
	}

	.footer .logo svg {
		width: 146px;
	}

	.menu-footer {
		gap: 56px;
	}

	#banner {
		margin-top: 16px !important;
		margin-bottom: 30px;
	}

	.carrossel-mobile {
		padding: 15px;
		display: block;
	}

	.carrossel-desktop {
		display: none;
	}

	.saiba {
		bottom: 15px;
	}

	.saiba img {
		width: 90px;
	}

	.titulo-banner {
		padding-top: 30px;
		font-size: 30px;
		letter-spacing: -2px;
	}

	.titulo-banner span {
		font-size: 20px;
		letter-spacing: -1px;
	}

	.titulo {
		font-size: 40px;
		letter-spacing: -3px;
		margin-bottom: 50px !important;
	}

	.titulo span {
		font-size: 75px;
	}

	#produtos .item h3 {
		font-size: 17px;
	}

	#contatos a {
		display: block;
		margin-bottom: 20px;
	}

	#formulario {
		width: 100%;
	}

	.kit {
		width: 100%;
	}

	.titulo-pagina {
		padding: 0 15px;
		font-size: 39px;
	}

	.order {
		display: flex;
		flex-direction: column;
	}

	.titulo-categoria {
		display: none;
	}

	.lista-categorias {
		display: flex;
		gap: 15px;
		overflow-x: auto;
	}

	.noticia.ativa .titulo-noticia a {
		font-size: 27px;
	}

	.noticia.ativa {
		font-size: 15px;
	}

	.noticia.ativa span {
		padding: 0 20px;
	}

	.noticia .titulo-noticia {
		font-size: 22px;
		line-height: 120%;
	}

	.noticia .imagem-noticia {
		min-width: 115px;
		height: 75px;
	}

	.noticia span {
		display: flex;
		justify-content: space-between;
		gap: 15px;
	}

	.order-1 {
		order: 1
	}

	.order-3 {
		order: 2
	}

	.order-2 {
		order: 3
	}

	.titulo-noticia-pagina h1 {
		font-size: 30px;
		margin-top: 18px;
	}

	#noticia-pagina .imagem {
		height: 300px;
	}

	#noticia-pagina .relacionados-pagina {
		font-size: 28px;
	}

	#noticia-pagina {
		padding-top: 78px;
	}

	.header-noticia .redes {
		gap: 0;
	}

	#contatos span,
	.whatsCont {
		margin: 0px 4px;
	}
}


@media (max-width: 768px) {
	#formCadastro {
		width: 94%;
	}

	.titulo-formulario {
		font-size: 27px;
	}

	.footer {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 20px;
	}

	.menu-footer {
		flex-direction: column;
		gap: 20px;
	}

	.menu-footer .menu-content {
		gap: 52px;
	}

	.menu-footer .redes {
		justify-content: center;
	}

	#feita .conteudo .mockup img {

		left: 5%;
	}

	#direitos {
		justify-content: center;
		flex-direction: column-reverse;
		align-items: center;
		gap: 20px;
	}

	#contatos span,
	.whatsCont {
		width: 100%;
	}

	.opcoes-preco {
		position: relative;
	}

	#contatos span a {
		margin-bottom: 10px;
		display: inline;
	}



	#quem-somos {
		padding: 20px 0;
	}

	#contatos {
		padding: 0px 0;
		margin-bottom: 30px;
	}

	#contatos img {
		width: 300px;
		max-width: 100%;
	}

	.titulo-banner {
		padding-top: 40px;
		font-size: 25px;
		letter-spacing: -1px;
	}

	.titulo-banner span {
		font-size: 20px;
		letter-spacing: -1px;
	}

	.txt {
		margin-top: 30px;
		margin-bottom: 20px;

	}

	.txt br {
		display: none;
	}

	.item-rede {
		height: 50px;
		font-size: 13px;
	}

	.item-rede img {
		width: 30px;
		margin-right: 0px;
	}

	.item-rede a {
		display: block;
		width: 190px;
		text-align: center;
		margin: 0 auto;
	}

	.endereco {
		width: 290px;
		padding: 10px;
		bottom: 0px;
		top: inherit;
	}

}

.owl-pagination {
	display: flex;
	justify-content: center;
}

@media (max-width: 520px) {}

@media (max-width: 460px) {}

@media (max-width: 390px) {}