@media (max-width: 575px) {
	.footer-logo{ margin:40px 0px 0px 0px; }
	
	ul.photos-filter li { font-size: 0.9rem;}

	header .logo .logo-dark.default, header .logo .logo-light.default{
		max-height: 85px;
	}

	.header-img-1 {
		display: none;
	}

	.header-img-1-resp {
		display: initial;
		width: 15.9vw;
	}

	.header-img-2 {
		margin-top: 1vw;
		width: 25.8vw;
		height: auto;
	}

	.navbar div {
		height: 15.4vw;
		padding: 0 0;
	}

	body, nav {
		width: 100vw;
	}

	.boxs-custom-01{ flex-direction: column }
	.boxs-custom-01 .box-left{ width: 100% }
	
	.title-extra-large{
		line-height: initial !important;
		font-size: 70px;
		word-break: break-word !important;
		hyphens: auto
	}
	
	.title-color-emphasis-1 {
		color: #FF734D;
		margin-right: 0px;
		display: block;
	}
	.title-color-emphasis-2 {
		color: #8bffe2;
		margin-right: 0px;
		display: block;
	}
	.title-color-emphasis-3 {
		color: #97ED5F;
		margin-right: 0px;
		display: block;

	}
	
	.full-width-pull-menu .link-style-2 ul li a{
		hyphens: auto;
		word-break: break-word;
		padding: 30px 0px;
		display: inline-block;
		overflow: hidden;
		font-size: 46px;
	}
	
	.full-width-pull-menu .link-style-2 ul li:after{
		content: '';
		display: inline-block;
		width: 30%;
		border-bottom: 1px solid #CCC;
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%)
	}
	
	.full-width-pull-menu .link-style-2 ul li:nth-last-child(1):after{
		display: none
	}

	.sustainability-parallax, .candidature-parallax{
		background-size: auto 100% !important;
		display: flex;
		align-items: center;
	}

	.scroll {
		padding: 1vh 0;
	}

	.call-hero {
		font-size: 10.8vw;
		line-height: 12.4vw;
	}

	.container {
		max-width: 87.95vw;
	}

	#apresentacao > div {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 16vw;
	}

	.logo-presentation {
		width: 42vw;
		margin-bottom: 7vw;
	}

	.h-hero {
		font-size: 3.3vw;
		line-height: 3.6vw;
	}

	.p-hero {
		font-size: 3.3vw;
		line-height: 3.6vw;
		padding-top: 1.6vw;
	}

	.maps-service-btn {
		width: 38vw;
		height: 9.5vw;
		display: block;
		font-size: 3.1vw;
		line-height: 3.3vw;
	}

	.img-cover {
		display: none;
	}

	.img-float-hero {
		width: 36.9vw;
		bottom: 28vw;
		right: 5vw;
	}
	
	.border-box-stickers {
		width: 87.95vw;
		margin-top: -4vh;
		margin-bottom: 2vh;
		border-top: 1vw solid var(--color-03);
		height: 105vw;
	}

	.margin-recicla {
		margin-bottom: 20vw;
	}

	.border-box-stickers .box-stickers {
		transform: translateY(-3.5vh);  
	}

	.box-stickers {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 2vw;
	}

	.box-sticker-items {
		gap: 5vw;
		flex-wrap: wrap;
	}

	.box-sticker-items > div {
		width: 21.79vw;
		height: auto;
		gap: 0;
	}

	.img-title-box {
		width: 25vw;
		background-color: var(--color-white);
	}

	.img-title {
		width: 20vw;
		padding-left: 1.5vw;
		padding-right: 0;
	}

	.div-sticker-img {
		width: 17.69vw;
		height: 17.69vw;
		padding: 1.15vw;
		border-radius: 5.13vw;
		margin-bottom: 3.5vw;
	}

	.img-sticker {
		width: 12.82vw;
	}

	.sticker-title {
		font-size: 3.08vw;
		line-height: 3.54vw;
		padding: 0 0.9vw;
	}
	.sticker-subtitle {
		font-size: 2.56vw;
		line-height: 2.75vw;
	}

	.border-extra{
		border-left: 1vw solid var(--color-03);
    	border-right: 1vw solid var(--color-03);
    	padding:0;
		width: 87.95vw;
    	height: 102vw;
	}

	.img-wave {
		top: -3.6vw;
		width: 45vw;
		left: 11.71vw;
	}

	.img-wave-2 {
		top: 100px;
		width: 90%;
		left: -40px;
		position: relative;
		margin-top: -200px;
	}

	.infographic-row {
		margin-top: 5vw;
    	gap: 2.5vw;
	}

	.infographic-box {
		width: 80vw;
		height: 13.56vw;
		gap: 1.2vw;
	}
	
	.infographic-title {
		font-size: 7vw;
		line-height: 7.5vw;
	}
	.infographic-subtitle {
		font-size: 3.2vw;
		line-height: 3.6vw;
	}
	
	.infographic-title-2 {
		font-size: 9.9vw;
		line-height: 9.9vw;
	}
	
	.infographic-subtitle-2 {
		font-size: 3.1vw;
		line-height: 3.3vw;
	}

	.infographic-img {
		width: 60vw;
		margin-top: 2.1vw;
	}	

	.infographic-top-3 {
		gap: 3vw;
	}

	.arrow-icon {
		width: 5vw;
	}

	.section-title-2 {
		font-size: 4.5vw;
		line-height: 5vw;
	}

	.section-subtitle-4 {
		font-size: 3.5vw;
		line-height: 3.7vw;
	}

	.info-card-residue {
		margin-top: 2.4vw;
		width: 80vw;
		height: 42.6vw;
	}

	.weak-border { 
		border-radius: 5vw; 
	}

	.weak-border-top {
		border-top-left-radius: 5vw;
		border-top-right-radius: 5vw; 
	}

	.nav-pills-custom {
		gap: 0.5vw;
		padding: 0vh 0;
	}
	
	.nav-pills-custom .nav-link {
		padding: 0.2vh 1.5vw;
		border-radius: 5vw;
		font-size: 1.2vh;
	}

	.tab-content-custom {
		margin: 0 5vw;
	}

	.tab-pane-description {
		font-size: 3vw;
		line-height: 3.3vw;
	}

	.btn-card-info {
		width: 18vw;
		height: 4vw;
		font-size: 1.9vw;
		border-radius: 17.54vw;
		box-shadow: 0 0.548vw 0.548vw 0 #00000040;
	}

	.tab-content-custom .tab-pane > div {
		padding: 1.5vh 0;
	}

	.tab-content-custom .tab-pane img {
		width: 17vw;
		padding-bottom: 1.7vh;
	}
	
	.tab-content-custom .tab-pane p {
		font-size: 2.5vw;
		line-height: 2.5vw;
		margin-top: 1.4vw;
	}

	.text-card-info {
		font-size: 2.5vw;
		line-height: 2.5vw;
		margin: 1.4vw 0;
	}

	.infographic-img-2 {
		width: 33.8vw;
		margin-top: -1rem;
		padding: 0;
	}

	.section-subtitle-2 {
		font-size: 3.3vw;
		line-height: 3.7vw;
		padding: 0 10vw;
	}

	.residometro-container {
		padding: 3vh 0 5vh 0;
	}

	.residometro-content {
		width: 100%;
		flex-direction: column;
		align-items: center;
		gap: 0;
	}
	
	.residometro-content > :first-child {
		width: auto;
	}
	
	.btn-hero {
		font-size: 3.3vw;
		line-height: 3.6vw;
		padding: 1vh 0;
		margin-top: 0rem;
		margin-left: 0;
		border-radius: 6.5vw;
		width: 54vw;
		height: 3.7vh; 
	}

	.img-residometro {
		height: 20vh;
		border-radius: 6.7vw;
		margin: 2vh 0;
	}

	.img-wave-3 {
		width: 24vw;
		right: 8vw;
		margin-top: 0;
		bottom: 32vw;
		z-index: 1;
	}

	.btn-residometro {
		display: none;
	}
	
	.btn-residometro-responsive {
		display: flex;
		justify-content: center;
	}

	.reciclo-card-container {
		padding: 2vh 0;
		margin-top: 0vh;
	}
	
	.reciclo-card-content {
		padding: 0 0 1.5vh 0 ;
	}
	
	.reciclo-card-navbar {
		display: none;
	}

	.infographic-title-3 {
		font-size: 4.6vw;
		line-height: 5.2vw;
		margin-bottom: 2.5vh;
	}
	
	.card-component {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 80vw;
		height: 56vw;
		border-radius: 10.77vw;
		gap: 0vh;
		padding: 1.8vh 8vw 4vh 8vw;
	}

	.card-component h1 {
		font-size: 3vw;
		line-height: 3vw;
	}
	
	.card-component h2 {
		font-size: 3vw;
		line-height: 3.3vw;
		margin: 1vh 0 0 0;
	}
	
	.card-component div {
		font-size: 4.2vw;
		line-height: 4.5vw;
	}

	.card-ganhe-img {
		height: 12vw;
	}

	.btn-card-ganhe {
		width: 31vw;
		height: 5vw;
		font-size: 2.75vw;
		border-radius: 32.8vw;
	}
	
	.btn-shadow {
		box-shadow: 0 0.5vw 0.5vw 0px #00000040;
	}
	
	.btn-card-ganhe span {
		font-size: 2.5vw;
		line-height: 2.8vw;
	}
	
	.reciclo-arrow-icon {
		display: initial;
		z-index: 2;
		width: 4vw;
		color: #1D4843;
	}
	
	.reciclo-arrow-left {
		margin-right: -6.5vw;
	}
	
	.reciclo-arrow-right {	
		margin-left: -6.5vw;
	}

	.reciclo-arrow-enabled {
		color: #34AF63;
	}

	.points-list {
		display: flex;
		justify-content: center;
		gap: 2.82vw;
		margin: -4vh 0 4vh 0;
	}

	.points-item {
		width: 1.54vw;
		height: 1.54vw;
		border-radius: 100%;
		background-color: #1D4843;
		color: #1D4843;
	}

	.point-item-selected {
		background-color: #34AF63;
		color: #34AF63;
		scale: 140%;
	}

	.coleta iframe {
		min-height: 120vw;
	}
	
	.entrega iframe {
		min-height: 130vw;
	}

	.return-option {
		top: 0vh;
		left: 3.5vw;
		font-size: 3.5vw;
		line-height: 3.5vw;
	}

	.arrow-return {
		width: 3.5vw;
	}

	.onde-reciclar-content h1 {
		display: none;
	}
	
	.onde-reciclar-content h2 {
		display: none;
	}
	
	.onde-reciclar-menu {
		display: flex;
		flex-direction: column;
		gap: 1.5625vh;
	}
	
	.onde-reciclar-option {
		width: 52.58vw;
		height: 31.55vw;
		border-radius: 5.13vw;
		gap: 1.2vh;
		padding: 0 6vw;
	}
	
	.onde-reciclar-option p {
		color: var(--color-03);
		font-size: 3vw;
		font-weight: 700;
		line-height: 3.3vw;
		margin-bottom: 0;
	}
	
	.onde-reciclar-option button {
		width: 30.4vw;
		height: 9.67vw;
		font-size: 3.3vw;
		line-height: 3.6vw;
	}

	.infographic-img-3 {
		width: 63.6vw;
	}

	.recicle-e-ganhe-title {
		padding: 0.6vh 0;
		margin-bottom: 0.8vh;
	}

	.recicle-e-ganhe-subtitle {
		font-size: 3.3vw;
		line-height: 3.6vw;
		width: 72vw;
	}

	.recicle-ganhe-content {
		flex-direction: column;
		gap: 0;
	}

	.filter-topic {
		font-size: 3.3vw;
		width: 100%;
		margin-bottom: 0.4vh;
    	margin-top: 0.8vh;
	}

	.recicle-ganhe-form {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0 8vw;
	}

	.form-select-custom {
		width: 76.7vw;
		padding: 0.8vh 0 0.8vh 3vw;
		font-size: 3.3vw;
		border-radius: 16.7vw;
	}

	.form-select .form-select-custom {
		margin-bottom: 1vh;
	}
	
	.input-group {
		width: 76.7vw;
	}

	.calc-container {
		width: 76.7vw;
	}
	
	#program-box > div {
		height: 33vw;
		border-radius: 6.41vw;
		padding: 2.5vh 7vw 1vh 7vw;
	}

	.section-title-3 {
		font-size: 3vw;
		line-height: 3.3vw;
	}

	.money-hero {
		font-size: 6.5vw;
	}

	.container-resp-values {
		margin: 0;
		gap: 4vw;
	}

	.resp-values {
		font-size: 2.7vw;
		line-height: 3vw;
	}

	.resp-text-bottom {
		font-size: 2vw;
		line-height: 2.5vw;
	}

	.recicle-e-ganhe-warning {
		font-size: 2.75vw;
		line-height: 3vw;
		padding: 0 0vw;
	}

	footer {
		display: none;
	}
	.footer-responsive {
		display: initial;
	}

	.footer-logo-obsr {
		width: 14.3vw;
	}

	.footer-logo-citinova {
		width: 14.10vw;
	}

	.footer-logo-iplanfor {
		width: 12.52vw;
	}

	.footer-logo-maisfort-left {
		margin-top: 1vw;
		width: 8vw;
	}

	.footer-logo-maisfort-right {
		width: 15.1vw;
	}

	.footer-img-grp-1 {
		gap: 5vw;
		margin-bottom: 1vh;
	}

	.footer-logo-desiglab {
		width: 14.6vw;
	}

	.footer-logo-alliance {
		width: 10.3vw;
	}

	.footer-logo-whatworkcities {
		width: 4.7vw;
	}

	.footer-logo-fort2040 {
		width: 6.1vw;
	}

	.footer-logo-cidadesint {
		width: 9.6vw;
	}

	.footer-logo-nua {
		width: 3.9vw;
	}

	.footer-logo-sdgoals {
		width: 8.5vw;
	}

	.footer-logo-unesco {
		width: 10.3vw;
	}

	.footer-text-warning {
		width: 80%;
		font-size: 1.65vw;
		line-height: 1.8vw;
		margin-bottom: 1vh;
	}

	.footer-text-link {
		font-size: 1.65vw;
	}
	
	.footer-text-date-place {
		font-size: 1.65vw;
		line-height: 2vw;
	}
	
	.contact-container h1 {
		width: 53.4vw;
		font-size: 3.3vw;
		line-height: 3.6vw;
	}
	
	.contact-form {
		gap: 2vw;
	}

	.form-control {
		padding: 1.5vw 1vw;
	}
	
	.contact-form button {
		border: 0.14vw solid #CED4DA;
		border-radius: 0.68vw;
		font-size: 2.4vw;
		width: 53.4vw;
	}
	

	.form-group input {
		width: 53.4vw;
		height: 7vw;
	}
	
	.form-group input::placeholder {
		font-size: 2vw;
		line-height: 2.4vw;
	}
	
	.form-group textarea {
		width: 53.4vw;
	}
	
	.form-group textarea::placeholder {
		font-size: 2vw;
	}
	
	.agreement-box {
		width: 53.4vw;
		gap: 2.2vw;
		font-size: 2.1vw;
		line-height: 2.4vw;
	}
	
	.sent-notification {
		font-size: 4.5vw;
		width: 50vw;
		height: 25vw;
		border-radius: 0.68vw;
	}
	
	.close-icon {
		width: 3.28vw;
		height: 3.28vw;
		top: 1vw;
		right: 1vw;
	}
	
}
@media (max-width: 1199px) {
	.scrollside-menu {
		justify-content: start;
	}
	
}

@media (max-width: 991px) {
	.md-swap-block .arrow-bottom::after {
		top: -79px;
		border-width: 40px;
		left: calc(50% - 20px);
	}
}

@media (min-width: 1366px) and (max-width: 1599px) {
	.full-width-pull-menu .link-style-2 ul li a {
		font-size: 67px;
	}
	.panel-sdg .panel-heading .panel-title {
		font-size: 2.8rem;
		line-height: 2.8rem;
	}
	.panel-sdg .panel-heading .panel-title .sdg-topic{
		font-size: 3.6rem;
		width: 5.6rem;
	}
	.panel-sdg .panel-heading .panel-title i{
		font-size: 2.8rem;
	}
	
}

@media (min-width: 1200px) and (max-width: 1365px) {
	.full-width-pull-menu .link-style-2 ul li a {
		font-size: 59px;
	}
	.panel-sdg .panel-heading .panel-title {
		font-size: 2.6rem;
		line-height: 2.6rem;
	}
	.panel-sdg .panel-heading .panel-title .sdg-topic{
		font-size: 3.4rem;
		width: 5.4rem;
	}
	.panel-sdg .panel-heading .panel-title i{
		font-size: 2.6rem;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.full-width-pull-menu .link-style-2 ul li a {
		font-size: 44px;
	}
	.panel-sdg .panel-heading .panel-title {
		font-size: 2.4rem;
		line-height: 2.4rem;
	}
	.panel-sdg .panel-heading .panel-title .sdg-topic{
		font-size: 3.2rem;
		width: 5rem;
	}
	.panel-sdg .panel-heading .panel-title i{
		font-size: 2.4rem;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.full-width-pull-menu .link-style-2 ul li a {
		font-size: 44px;
	}
	.panel-sdg .panel-heading .panel-title {
		font-size: 2rem;
		line-height: 2rem;
	}
	.panel-sdg .panel-heading .panel-title .sdg-topic{
		font-size: 2.8rem;
		width: 4.8rem;
	}
	.panel-sdg .panel-heading .panel-title i{
		font-size: 2rem;
	}
}

@media (max-width: 767px) {
	.panel-sdg .panel-heading .panel-title {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	.panel-sdg .panel-heading .panel-title .sdg-topic{
		font-size: 2.6rem;
		width: 4.4rem;
	}
	.panel-sdg .panel-heading .panel-title i{
		font-size: 1.5rem;
	}
}