/* ---------------------------------------------------RESPONSIVO-------------------------------------------------- */


/* 💻 Laptops (Menor que 1148px) */
@media screen and (max-width: 1148px) {

	/*.banner{margin-top:70px;}*/
	/*.banner-desktop{height:600px;}*/
	/*.section-inicial{margin-top:70px;}*/

	.header .menu {
		display: none;
	}

	/*some o menu desktop*/
	.header .menu-mobile {
		display: flex;
	}

	/*exibe menu mobile*/

	.header .submenu-guiarapido {
		top: 70px;
	}

	.header {
		display: flex;
	}

	.header,
	.header .menu,
	.header .menu a {
		height: 70px;
	}

	.header .logo {
		max-height: 32px;
	}

	/*.banner{margin-top:70px;}*/
	.header .container-section {
		display: contents;
	}

	.header .col-2 {
		display: flex;
		justify-content: flex-end;
	}

	.oshopping {
		gap: 32px;
	}

	.text-format {
		font-size: 15px;
		font-weight: 300;
		line-height: 1.3em;
	}

	.text-format b {
		font-size: 15px;
		font-weight: 700;
	}

	.text-format span {
		font-size: 30px;
		font-weight: 400;
		line-height: 1.1em;
	}

	.text-format img {
		width: 100%;
	}


	.newsletter input {
		font-size: 12px;
	}

	.newsletter button {
		font-size: 12px;
	}

	.footer {
		font-size: 12px;
		line-height: 1.2em;
	}

	.footer a,
	.footer p,
	.footer li,
	.footer strong,
	.footer b {
		font-size: 12px;
		line-height: 1.2em;
	}

	.footer .col-1 {
		width: 25%;
	}

	.footer .col-2 {
		width: 33%;
	}

	.footer .col-3 {
		width: 22%;
	}

	.footer .col-4 {
		width: 20%;
	}

	.footer .area-lojista a,
	.footer .seja-lojista a {
		width: 120px;
	}

	/* SWIPER */
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}

	#lojas .container-section {
		gap: 40px;
	}

	#lojas .col-1 {
		width: calc(100%);
	}

	#lojas .col-2 {
		width: calc(100%);
	}

	#lojas .lojas_lista .lojas-item ul,
	#servicos .servicos-lista .servicos-item ul {
		padding: 30px 5px 12px 5px;
	}

	#lojas .btn-whatsapp {
		padding: 14px 8px;
		font-size: 13px;
	}

	#lojas .lojas_lista .lojas-item h1,
	#servicos .servicos-lista .servicos-item h1 {
		font-size: 16px;
		line-height: 1em;
	}

	#lojas .lojas_lista .lojas-item h2 {
		font-size: 13px;
	}

	.section-lojas-info {
		margin-top: 70px;
	}

	.home_evento .home_evento_hover h3 {
		font-size: 14px;
		font-weight: 500;
	}



	#contato .section-abrasualoja .col-1 {
		display: block;
		gap: 50px;
	}

	#contato .section-abrasualoja .col-1>div {
		margin-top: 80px;
	}
}


/* 📲 Tablets (Menor que 768px) */
@media screen and (max-width: 768px) {

	.menu-overlay {
		padding: 50px;
	}

	.footer .container-section {
		display: block;
	}

	.footer {
		width: 100%;
		display: block;
	}

	.footer .col-1 {
		width: 49%;
		display: inline-block;
		padding: 0 0 0 10px;
	}

	.footer .col-2 {
		width: 49%;
		display: inline-block;
		padding: 0 10px 0 0;
	}

	.footer .col-3 {
		width: 49%;
		display: inline-block;
		padding: 0 0 0 10px;
	}

	.footer .col-4 {
		width: 49%;
		display: inline-block;
		padding: 0 10px 0 0;
		text-align: left;
	}


	.section {
		gap: 20px;
		padding: 0px 10px 20px 10px;
	}

	.title-section {
		font-size: 29px;
		line-height: 1em;
	}

	.title-section i {
		font-size: 32px;
	}

	.title-section span {
		font-size: 18px;
	}

	.title-bg-section {
		height: calc(50.0vh - 110px);
	}

	.guide-section-bg {
		height: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		position: relative;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		padding: 13vh 0px 3vh;
	}

	.home_infos {
		display: block;
	}

	.home_infos>img {
		width: 100%;
	}

	.home_infos>div {
		width: 100%;
		padding: 40px 24px 70px 24px;
	}

	.home_infos div h1 {
		font-size: 30px;
	}

	.home_infos div p {
		font-size: 14px;
	}

	.home_evento {
		padding-top: 0px;
		padding-bottom: 50px;
	}

	/*.oshopping{gap: 32px; display: block; justify-items: center;}
	.oshopping p{width: 80%; margin-top: -15px; margin-bottom: 40px;}
	.oshopping img{width: 100%;}*/
	.galeria {
		margin: 0px;
		padding: 0;
	}

	#oshopping .col01 {
		width: calc(100% - 20px);
		box-sizing: border-box;
		padding: 0 20px 0 20px;
	}

	#oshopping .col02 {
		width: calc(100% - 20px);
		box-sizing: border-box;
		padding: 0 20px 0 20px;
		text-align: left;
		margin: 0;
	}

	.mall {
		display: block;
	}

	.text-format {
		font-size: 15px;
		font-weight: 300;
		line-height: 1.3em;
	}

	.text-format b {
		font-size: 15px;
		font-weight: 700;
	}

	.text-format span {
		font-size: 30px;
		font-weight: 400;
		line-height: 1.1em;
	}

	.text-format img {
		width: 100%;
	}

	.comodidades {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}


	#lojas .col-1 {
		width: calc(100%);
	}

	#lojas .col-2 {
		width: calc(100%);
	}

	#lojas .mostraloja-item-informacoes {
		margin: 0 20px;
	}

	#lojas .mostraloja-item-informacoes p {
		font-size: 13px;
	}

	#lojas .mostraloja-item-informacoes h1 {
		font-size: 24px;
	}


	#oshopping .mapa-google .box-endereco {
		display: none;
	}

	.localizacao {
		display: block;
		margin-top: -30px;
		margin-bottom: -4px;
		box-sizing: border-box;
		padding: 0 20px;
		text-align: center;
	}

	.localizacao p {
		font-size: 14px;
	}

	.localizacao i {
		font-size: 14px;
	}

	#localizacao>.container-section {
		text-align: center;
		justify-content: center;
	}


	/*#lojas .lojas-menu {display: none;}*/


	#eventos .title-sec {
		margin-bottom: 0px;
	}

	#eventos .minititle-section {
		justify-content: center;
	}

	#eventos .section-filtros {
		justify-content: center;
	}

	#eventos .section-filtros select {
		margin-bottom: 0px;
	}

	#eventos .evento_lista .evento-item .imagem {
		width: 80.00vw;
	}

	#cinema_info {
		margin-top: -70px;
		position: relative;
	}

	#cinema .container-cinema {
		margin: -50px 0 50px 0;
	}

	#cinema .container-cinema {
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}

	#cinema .portfolio-meta-list {
		display: flex;
		justify-content: flex-start;
		gap: 20px;
	}

	#cinema .portfolio-meta-list label {
		font-weight: 600;
		font-size: 19px;
	}

	#cinema .portfolio-meta-list span {
		font-size: 18px;
	}

	#cinema .portfolio-meta-list i {
		font-size: 21px;
	}

	#contato .section-contato {
		display: block;
	}

	#contato .col-1 {
		width: 100%;
		padding: 0 30px 20px 30px;
	}

	#contato .col-2 {
		width: 100%;
		padding: 0 30px;
	}

	#contato .section-abrasualoja {
		display: block;
		margin: 0 50px;
	}

	#contato .section-abrasualoja .col-1 img {
		width: 40%;
	}

	#contato .section-abrasualoja .col-1>div {
		margin-top: 30px;
	}

	#contato .section-abrasualoja .col-2 h1 {
		margin-top: 50px;
	}

	#oportunidade .section-oportunidade {
		gap: 30px;
		margin: -50px 60px 0px 60px;
		display: block;
	}

	#oportunidade .col-1 {
		width: 100%;
	}

	#oportunidade .col-2 {
		width: 100%;
	}
}


/* 📱 Smartphones (Menor que 500px) */
@media screen and (max-width: 500px) {
	.topbar .col-1 {
		width: 50%;
		gap: 0px;
	}

	.topbar .col-2 {
		width: 50%;
		gap: 25px;
	}

	.topbar .busca {
		display: none;
	}

	.topbar .redes {
		width: 100%;
	}

	.footer .col-1 {
		width: 100%;
		padding: 0 0 0 0;
		text-align: center;
	}

	.footer .col-2 {
		width: 100%;
		padding: 0 0 0 0;
		text-align: center;
	}

	.footer .col-3 {
		width: 100%;
		padding: 0 0 0 0;
		text-align: center;
	}

	.footer .col-4 {
		width: 100%;
		padding: 0 0 0 0;
		text-align: center;
	}

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

	.home_lojas .btn-section,
	.home_alimentacao .btn-section {
		margin-top: -18px;
	}

	.home_lojas .home_lojas_lista .home_loja_item,
	.home_alimentacao .home_alimentacao_lista .home_loja_item {
		width: 100%;
		height: auto;
		aspect-ratio: 1/1;
	}

	.home_lojas .home_lojas_lista .home_loja_imagem,
	.home_alimentacao .home_alimentacao_lista .home_loja_imagem {
		width: 100%;
		height: auto;
		aspect-ratio: 1/1;
		margin: 0;
		min-height: auto;
	}

	#lazer .lazer-lista {
		flex-direction: column;
	}

	#lazer .lazer-lista li {
		width: 100%;
	}

	#lazer .novidade_imagem {
		width: 100%;
		height: auto;
		aspect-ratio: 1/1;
		margin-bottom: 20px;
	}

	#cinema .swiper-wrapper {
		display: flex;
		flex-wrap: wrap;
		transform: none !important;
		gap: 20px;
	}

	#cinema .swiper-slide {
		width: calc(50% - 10px) !important;
		margin-right: 0 !important;
	}

	#cinema_info .portfolio-details-thumb-item {
		margin: 0;
	}

	.vitrine_menu {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.vitrine_filtro {
		width: 100% !important;
	}

	#lojista .informacao img {
		max-width: 100%;
		width: 100%;
	}

	#lojista form {
		width: calc(100% - 20px);
	}

	.g-recaptcha {
		max-width: 60vw;
	}


	.navigation>div {
		flex-direction: column;
		flex-wrap: wrap;
	}

	.navigation button {
		width: 100%;
	}


	#lojas .loja-mostraloja-item {
		display: block;
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	#lojas .mostraloja-item-imagem img {
		width: 100%;
		height: auto;
		aspect-ratio: 1:1;
		margin-top: -50px;
	}

	#lojas .lojas_lista .lojas-item,
	#servicos .servicos-lista .servicos-item {
		width: 49%;
		margin-bottom: 5px;
	}


	#eventos .title-sec {
		margin-bottom: 0px;
	}

	#eventos .section-filtros {
		margin-bottom: 0px;
		justify-content: center;
	}

	#eventos .section-filtros select {
		margin-bottom: 0px;
	}

	#eventos .evento_lista .evento-item .imagem {
		width: 80.00vw;
	}

	#eventos .filtros {
		justify-content: center;
	}

	#cinema .filmes_agenda {
		margin-top: 40px;
		box-sizing: border-box;
		padding: 0 24px;
	}
}

/* 📱 Smartphones (Menor que 408px) */
@media screen and (max-width: 408px) {

	.guiarapido-span {
		display: none;
	}

	.header .btn-guiarapido {
		margin-right: -7px;
		padding: 10px 13px;
	}
}


/* 📱 Smartphones (Menor que 340px) */
@media screen and (max-width: 340px) {

	#lojas .lojas_lista .lojas-item,
	#servicos .servicos-lista .servicos-item {
		width: 100%;
	}

}