@media(max-width: 1550px) {
	.titulo {
		font-size: 34px;
	}
	#pag_produto #listagem_produtos h3 {
		font-size: 36px;
	}
	#case_interno .galeria_case .passador_left {
		left: -80px;
	}
	#case_interno .galeria_case .passador_right {
		right: -80px;
	}
}
@media(max-width: 1440px) {
	#detalhes .passador span.esquerda, #galeria .passador span.esquerda {
		left: -60px;
	}
	#detalhes .passador span.direita, #galeria .passador span.direita {
		right: -60px;
	}
}
@media(max-width: 1367px) {
	header nav {
		gap: 36px;
	}
	/* #banner aside ul h2 {
		font-size: 16px;
	}
	#banner aside ul {
		row-gap: 16px;
	} */
	#listagem_produtos .centro .esquerda .titulo.titulo2::after {
		display: none;
	}
	#detalhes .passador span.esquerda, #galeria .passador span.esquerda {
		left: 20px;
		z-index: 2;
	}
	#detalhes .passador span.direita, #galeria .passador span.direita {
		right: 20px;
		z-index: 2;
	}
	#infos ul h2 {
		font-size: 18px;
	}
	#infos ul p {
		font-size: 17px;
	}
	#case_interno .galeria_case .passador_left span,
	#case_interno .galeria_case .passador_right span {
		width: 40px;
		height: 40px;
	}
	#case_interno .galeria_case .passador_left {
		left: -65px;
	}
	#case_interno .galeria_case .passador_right {
		right: -65px;
	}
	#banner_produtos {
		max-height: 480px;
	}
	#cases ul {
		padding-left: 40px;
	}
	#banner_quem_somos {
		width: 100%;
		margin-top: 85px;
		margin-left: 0;
	}
	#pag_fale_conosco footer, #conteudo_fale_conosco, #fale_conosco {
		width: 100%;
	}
	/* #conteudo_fale_conosco {
		padding-left: 40px;
		padding-right: 40px;
		box-sizing: border-box;
	} */
}
@media(max-width: 1000px) {
	.bt_menu_mobile {
		display: inline-block;
	}
	header {
		width: calc(100% - 500px);
	}
	header .centro {
		padding: 0 20px;
		height: 90px;
	}
	header nav {
		display: none;
	}
	header.ativo .centro {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	header.ativo .bt_menu_mobile {
		position: relative;
		top: 0;
		right: 0;
	}
	header.ativo .logo {
		top: 0;
	}
	.bt_categorias {
		display: flex;
	}
	.bt_menu_mobile {
		margin-left: auto;
	}
	#banner aside {
		margin-left: 0;
		padding: 20px;
	}
	/* #banner aside ul li {
		padding-left: 0;
	}
	#banner aside ul h2::before {
		margin-left: 0;
	} */
	#produtos ul li:first-child .wrapper h3, #produtos ul li:first-child .wrapper h4 {
		font-size: 15px;
	}
	#categorias ul li {
		width: 100%;
	}
	#infos .centro {
		padding: 0;
	}
	#parceiros ul {
		grid-template-columns: repeat(5, 1fr);
	}
	footer .centro {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		row-gap: 30px;
		width: calc(100% - 40px);
	}
	.titulo,
	#listagem_produtos .centro .esquerda .titulo,
	#pag_produto #listagem_produtos h3 {
		font-size: 32px;
		padding: 0 20px;
		width: 100%;
		box-sizing: border-box;
	}
	#fale_conosco .direita h2 {
		padding-left: 0;
		padding-right: 0;
	}
	#listagem_produtos .menu {
		display: none;
	}
	#banner_quem_somos,
	#banner_produtos {
		width: 100%;
		margin-top: 90px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		box-sizing: border-box;
	}
	#banner_produtos {
		padding-left: 0px;
	}
	/* #conteudo_fale_conosco {
		padding-left: 0px;
		padding-right: 0px;
	} */
	#banner_quem_somos .container h2 {
		font-size: 38px;
	}
	#conteudo_quem_somos {
		background: #f3f3f3;
		padding-top: 38px;
		padding-bottom: 60px;
		margin-top: 60px;
	}
	#conteudo_quem_somos .centro {
		grid-template-columns: 1fr;
		margin-top: 0;
		row-gap: 28px;
	}
	#conteudo_quem_somos .centro .esquerda h2 {
		padding-top: 0;
		font-size: 36px;
	}
	#conteudo_quem_somos .centro .esquerda p.destaque {
		padding-top: 0;
	}
	#case_interno .galeria_case .passador_right {
		right: 20px;
	}
	#case_interno .galeria_case .passador_left {
		left: 20px;
	}
	#case_interno .galeria_case .passador_right span,
	#case_interno .galeria_case .passador_left span {
		width: 36px;
		height: 36px;
	}
	#case_interno .galeria_case .passador_right span {
		margin-left: auto;
	}
	#case_interno .case_aberto .descricao_case{
		grid-template-columns: 1fr;
	}
	#listagem_produtos .centro {
		grid-template-columns: 1fr;
		row-gap: 60px;
	}
	#listagem_produtos {
		padding-top: 38px;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	#produto .centro {
		grid-template-columns: 1fr;
	}
	#breadcrumbs .centro {
		padding-left: 0;
	}
	#breadcrumbs a, #breadcrumbs span {
		font-size: 24px;
	}
	#breadcrumbs {
		margin-top: 105px;
	}
	#produto {
		margin-top: 28px;
	}
	#produto .direita {
		padding: 20px;
		padding-bottom: 40px;
	}
	#produto h2 {
		margin-top: 0;
	}
	#pag_produto #listagem_produtos {
		padding-bottom: 60px;
		margin-bottom: 0px;
	}
	#listagem_produtos .centro .direita ul li h2 {
		font-size: 13px;
	}
	#infos ul li.entrega,
	#infos ul li.atendimento,
	#infos ul li.qualidade,
	#infos ul li.conforto {
		height: auto;
	}
	.menu_banner {
		display: none !important;
	}
	/* #banner aside {
		max-width: 100vw;
	} */
	#infos ul {
		display: inline-block;
	}
	#infos ul .owl-dots {
		display: flex;
		flex-direction: row;
		column-gap: 4px;
		justify-content: center;
		margin-top: 20px;
	}
	#infos ul .owl-dot {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #c4c4c4;
	}
	#infos ul .owl-dot.active {
		background: #565657;
	}
	#categorias ul {
		gap: unset;
	}
	#cases ul {
		padding-left: 20px;
	}
	#cases ul li {
		grid-template-columns: 1fr;
	}
	#cases ul .esquerda .mask_img:last-child {
		padding-top: 100%;
	}
	#galeria .passador,
	#detalhes .passador,
	#ambientados .passador {
		width: 100vw;
		z-index: 5;
		/* transform: unset !important; This just looks bad, idk why this was added*/
		margin-left: -20px;
	}
	#galeria .passador span.esquerda,
	#detalhes .passador span.esquerda,
	#ambientados .passador span.esquerda {
		left: 10px;
	}
	#galeria .passador span.direita,
	#detalhes .passador span.direita,
	#ambientados .passador span.direita {
		right: 10px;
	}
	#pag_produto #listagem_produtos .centro .direita ul {
		grid-template-columns: repeat(2, 1fr);
	}
	#sobre .centro {
		padding: 0 20px;
		box-sizing: border-box;
	}
}
@media(max-width: 600px) {
	header {
		width: 85px;
	}
	.bt_menu_mobile {
		margin: auto;
	}
	header.ativo .bt_menu_mobile {
		margin-right: 0;
	}
	#infos ul {
		grid-template-columns: 1fr;
	}
	footer .esquerda {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 40px;
	}
	.sociais {
		grid-template-columns: repeat(3, 32px);
	}
	#produtos ul .wrapper {
		grid-template-rows: 75px;
	}
	#produtos ul .wrapper h3 {
		padding: 0 10px;
		font-size: 13px;
	}
	#produtos ul li:first-child .wrapper h3, #produtos ul li:first-child .wrapper h4 {
		font-size: 13px;
	}
	#produtos ul li:first-child .wrapper {
		grid-template-rows: unset;
		grid-template-columns: 1fr;
  		grid-auto-rows: 61px;
	}
	#produtos ul .wrapper h4 {
		background-size: 26px auto;
	}
	#cases ul li {
		grid-template-columns: 1fr;
	}
	#parceiros ul {
		grid-template-columns: repeat(4, 1fr);
	}
	#conteudo_quem_somos .centro .esquerda h2 {
		font-size: 32px;
	}
	#conteudo_quem_somos .centro .esquerda p {
		padding-right: 0;
	}
	#case_interno .nav_cases .centro {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
	}
	#banner_produtos .container h2 {
		font-size: 38px;
	}
	#listagem_produtos .centro .direita ul,
	#pag_produto #listagem_produtos .centro .direita ul {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	}
	#listagem_produtos .centro .direita ul li h2 {
		display: flex;
		align-items: center;
		font-size: 16px;
	}
	#breadcrumbs a, #breadcrumbs span {
		font-size: 18px;
	}
	#categorias {
		margin-top: 0px;
	}

	#case_interno .case_aberto .descricao_case .direita p {
		padding-right: 0;
	}
	#case_interno .case_aberto .descricao_case .direita {
		padding: 25px;
	}
	.titulo, #listagem_produtos .centro .esquerda .titulo, #pag_produto #listagem_produtos h3 {
		font-size: 28px;
		padding: 0;
	}
	#parceiros .titulo {
		padding: 0 20px;
		width: 100%;
		box-sizing: border-box;
	}
	#cases {
		padding-left: 20px;
		padding-right: 20px;
	}
	#cases .centro {
		width: 100%;
	}
	#cases ul {
		padding-left: 0;
	}
	#cases ul .direita {
		flex-direction: column;
		row-gap: 10px;
	}
	#cases ul .direita {
		padding: 20px 10px;
	}
	#caracteristicas .centro {
		flex-direction: column;
	}
	#caracteristicas .esquerda {
		width: 85%;
	}
	#caracteristicas .direita {
		width: 90%;
		margin-right: 0%;
	}
	#infos ul li {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#infos ul p,
	#infos ul h2 {
		text-align: center;
	}
	#pag_fale_conosco #banner_quem_somos .container h2,
	#fale_conosco .direita h2 {
		font-size: 32px;
	}
}