@media(max-width:2560px) {
  .s-mangaratiba .small90 {    
    left: 340px;
    top: -162px;     
    }
    .s-mangaratiba .small0 {      
    right: 0px;
    top: 0;     
    }
    .s-hero .s-hero-mobile {
      display: none;
      } 
  }   
@media(max-width:1920px) {
   
    .s-gallery {
    width: 82%;
    }
    .s-atrativos .graf-coracao {
    position: absolute;
    top: -100px;
    right: 240px;
    }
    .s-mangaratiba .small90 {    
    left: 30px;
    top: -162px;     
    }
    .s-mangaratiba .small0 {      
    right: -180px;
    top: 0;     
    }
    .s-hero::after {
      bottom: -215px;
      right: 80px;
    }  
  }
@media(max-width:1440px) {
  .s-hero::after {       
  bottom: -255px;
  right: -110px;        
  }
  .s-mangaratiba .small90 {           
  left: -213px;
  top: -163px;      
  }
  .s-hero .hero-txt::after {  
  top: -70px;
  left: -220px;     
  }
  .s-mangaratiba .small0 {       
  right: -440px;
  } 
  .s-atrativos .graf-coracao {
  top: -80px;
  right: -60px;
  }
  .s-gallery {
  width: 92.5%;       
  }
  }
@media(max-width:1366px) {
.s-mangaratiba .small90 {
    left: -233px;
    top: -106px;
  }
.s-mangaratiba .small0 {
    right: -480px;
  }
.s-gallery {
    width: 94.8%;
  }
}
@media(max-width:1280px) {
  .s-mangaratiba .small90 {
  display: none;
  }
  .s-gallery {
  width: 97.8%;
  }
  .s-hero .hero-txt h1 {   
  font-size: 6.4rem;
  }
  .s-mangaratiba .small0 {
  right: -600px;
  }
}
@media(max-width:1150px) {
  .s-hero .hero-txt {
  width: 232px;
  }
  .present-pic-2 {
  width: 36%;
  }  
  .header nav.nav {
  display: flex;
  align-items: center;
  width: 755px;
  justify-content: space-evenly;
  }
  .header nav hr {
  width: 18%;
  border: 1px solid var(--cor-dumb);
  margin-right: 0px;
  }
  .header .menu li {
  margin-right: 2.2rem;
  } 
  .social::after {  
    width: 139%;    
    left: -232px;    
  }
  .s-mangaratiba-top .mangaratiba-txt {
  width: 316px;    
  }
  .s-atrativos .tributo-content {
  width: 857px;
  }
  .s-atrativos .praia-txt h2 {    
  margin: 0 0 15px 25px;
  }
  .s-atrativos .praia-txt p {    
  margin-left: 25px;
  }
  .s-porto-mangara .porto-itens-cards .card {   
    width: 190px;
    height: 200px;  
    padding: 40px 20px;
  }
}
@media(max-width:1080px) {
.header nav.nav {
    display: none;
  }
.btn-mobile {
  display: block;
}
}
@media(max-width:428px) {
  .header .container {
  justify-content: center;
  }
  .btn-mobile {
  display: block;
  position: absolute;
  right: 16.2px;
  top: 28px;
  background-color: transparent;
  }
  .menu {
  display: none !important;
  }
  .s-hero .s-hero-mobile {
    display: flex;
    flex-direction: column;
    }
    .hero-txt-mobile-head h1 {
    color: var(--cor-verde);
    font-size: 5.4rem;
    line-height: 80%;
    margin-bottom: 20px;
    text-align: center;
    }
  .s-hero-content {   
  display: none;     
  }
  .s-hero-mobile {
    display: flex;
  }
  .s-hero .hero-txt {    
  width: 100%;
  margin-bottom: 13px;
  }
  .s-hero .hero-txt h1 {
  font-size: 5.4rem;
  line-height: 85%;
  text-align: center;    
  }
  .s-hero .hero-slide {
  width: 100%;
  }
  .s-hero::after {
  bottom: -214px;
  right: -330px;
  }
  .hero-txt-mobile-head {
  width: 100%;
  }
  .hero-slide-mobile {
    width: 100%;
  }
  .hero-txt-mobile-txt {
    width: 100%;
    margin-top: 20px;
  }
  .social::after {  
    width: 144%; 
    left: -202px;
    top: -13px;
  }
  
  .present-pic-2 {
    width: 100%;
  }
  .s-mangaratiba {
  position: relative;
  margin: 0;
  }
  .s-mangaratiba-top {
  flex-direction: column;
  align-items: center;
  }
  .s-mangaratiba .mangara-pic {
  height: 315px;
  width: 100%;
  border-radius: 4px;
  }    
  .s-mangaratiba-top .mangaratiba-txt {
  width: 100%;
  position: relative;
  margin: 20px 0 0 0;
  }
  .s-mangaratiba .mangaratiba-title {
  left: 0px;
  top: -163px;
  width: 100%;
  }
  .s-mangaratiba .mangaratiba-title h2 {
  font-size: 114px;
  text-align: center;
  }
  .s-mangaratiba-top .mangaratiba-txt .bloco-1 {
  margin: 0 0 20px 0;
  color: var(--cor-white);
  }
  .s-mangaratiba::after {
  top: 160px;
  left: 0;
  width: 100%;
  height: 574px;
  }
  .s-mangaratiba .small90 {        
  display: none;
  }
  .s-mangaratiba .small0 {
  display: none;
  }
  .s-hero {
  margin: 50px 0 190px 0;
  }
  .present-txt-2 {
  width: 100%;
  display: none;
  }
  .present-txt-2 h3 {
  font-size: 42px;
  line-height: 38px;
  margin-bottom: 5px;
  text-align: center;
  }
  .present-pic-2 {
  right: 0;
  bottom: 0;
  }
  .s-mangaratiba-bottom {
    height: 326px;
    margin: 30px 0 0 0;
  }
  .s-mangaratiba-container {
  margin-bottom: 70px;
  }
  .s-porto-mangara p {
  width: 100%;
  }
  .s-porto-mangara header {       
  margin-bottom: 20px;       
  }      
  .s-porto-mangara .porto-itens {
  margin: 10px 0 35px 0;
  }
  .s-porto-mangara .porto-itens h1 {
  font-size: 4.4rem;
  line-height:90%;
  text-align: center; 
  margin-bottom: 1rem;       
  }
  
  .s-porto-mangara .porto-itens .swiper, swiper-container {
  height: 195px;
  }
  .s-porto-mangara .porto-itens-cards {      
  margin: 30px 0 0 0;      
  }
  .s-porto-mangara .porto-itens-cards .card {
  box-shadow: 9px 9px 10px rgba(0, 0, 0, 0.07);
  padding: 25px 25px;
  width: 165px;
  height: 168px;
  }
  .card-txt {
  font-size: 1.27rem;
  line-height: 120%;
  }
  .porto-itens .ctrl-nav {
  width: 23%;
  display: flex;
  justify-content: space-between;
  }
  .porto-itens .swiper-wrapper {
  display: flex;
  justify-content: flex-start;
  }
  .porto-itens .swiper-slide {
  width: 185px !important;
  margin-right: -8px !important;
  }
  .s-porto-mangara .swiper, swiper-container {
  height: 273px;
  }
  .porto-lotes .mapa-mobile {
  display: flex;
  }
  .porto-lotes .mapa-lotes {
  display: none;
  }
  .s-porto-mangara .info-lotes .tit-lotes {
  margin: 0px 0 30px 0;
  width: 100%;
  }
  .s-porto-mangara .info-lotes {
  width: 100%;
  align-items: center;
  }
  .s-porto-mangara .info-lotes .tit-lotes h2 {
  font-size: 9.0rem;
  margin: -20px 0 -20px 0;
  text-align: center;
  }
  .s-porto-mangara .info-lotes span.right {
    margin-right: 0;
  }
  .s-porto-mangara header img {
  width: 64%;
  }
  .s-porto-mangara .info-lotes .data-lotes {
    margin: 10px 0 0 0;
    }
  .s-porto-mangara .porto-lotes {        
  height: 670px;       
  }
  .s-porto-mangara {
  margin-bottom: 40px;
  }
  .s-porto-mangara::after {
  bottom: 25px;
  height: 347px;   
  background: linear-gradient(61.92deg, #336D76 39.23%, #DFDAA5 106.37%, #FFEFAD 106.37%);
  }
  .data-lotes ul {
  text-align: center;
  padding: 0 60px;
  }
  .s-galeria header {
  width: 100%;
  margin-bottom: 17px;
  }
  .s-galeria h1 {
    font-size: 4.4rem;
    line-height: 110%;
    text-align: left;
  }
  .s-gallery {
    width: 95.8%;
  }
  .s-galeria {
    margin-bottom: 60px;
  }
  .s-atrativos header {
  width: 100%;
  margin-bottom: 20px;
  }
  .s-atrativos h1 {  
  font-size: 5.4rem; 
  text-align: center;
  }
  .s-atrativos .lista-parques {
  display: flex;
  justify-content: flex-start;
  flex-direction: column-reverse;
  }
  .s-atrativos .parques {
  width: 100%;
  margin-top: 30px;
  }
  .s-atrativos .imagem-cachoeira {
  width: 100%;
  }
  .s-atrativos .imagem-cachoeira img {
  width: 100%;
  }
  .s-atrativos .graf-coracao {
    top: 690px;
    right: -80px;
    width: 329px;
    height: 325px;
  }
  .s-atrativos .tributo {
  margin: 30px 0 30px 0;
  }
  .s-atrativos .tributo-content {
  width: 100%;
  flex-direction: column;
  align-items: flex-end;
  }
  .s-atrativos .tributo-img {
 display: none;
  }
  .s-atrativos .tributo-img img {
  width: 100%;
  height: auto;
  }
  .s-atrativos .tributo-content .tributo-txt {
  margin: 30px 0 0 0;
  text-align: center;
  width: 100%;
  }
  .s-atrativos .tributo-content .tributo-txt h2 {
  font-size: 5.4rem;  
  }
  .s-atrativos .praia-img {
  width: 100%;
  }
  .s-atrativos .praia-content {
  display: flex;
  flex-direction: column-reverse;  
  }
  .s-atrativos .praia-content::after {
    bottom: 40px;
    width: 100%;
    height: 298px;
    background: linear-gradient(85.27deg, var(--cor-verde) 27.04%, #ffefade3 132.76%);
    border-radius: 0;
  }
  .s-atrativos .praia-txt {
  width: 100%;
  height: auto;  
  }
  .s-atrativos .praia-txt h2 {
    font-size: 5.8rem;
    text-align: left;
    margin: 0;
  }
  .s-atrativos .praia-txt p {
    line-height: 190%;
    text-align: left;
    margin: 0;
  }
  .s-duvidas h1 {
  font-size: 4.4rem; 
  }
  .s-atrativos .praia {
  height: 530px;
  }
  .s-duvidas {
  margin-top: 40px;
  }
  .s-duvidas .accordion .title h3 {
  font-size: 1.3rem;
  line-height: 19px;  
  }
  footer .copyright {
  flex-direction: column;  
  }
  footer .creditos, footer .contatos {
    display: none;
  }
  footer .logo {
    width: 100%;
  }
  }
@media(max-width:414px) {
.header .container {
justify-content: center;
}
.btn-mobile {
display: block;
position: absolute;
right: 16.2px;
top: 28px;
background-color: transparent;
}
.menu {
display: none !important;
}
.s-hero .s-hero-mobile {
  display: flex;
  flex-direction: column;
  }
  .hero-txt-mobile-head h1 {
  color: var(--cor-verde);
  font-size: 5.4rem;
  line-height: 80%;
  margin-bottom: 20px;
  text-align: center;
  }
.s-hero-content {   
display: none;     
}
.s-hero-mobile {
  display: flex;
}
.s-hero .hero-txt {    
width: 100%;
margin-bottom: 13px;
}
.s-hero .hero-txt h1 {
font-size: 5.4rem;
line-height: 85%;
text-align: center;    
}
.s-hero .hero-slide {
width: 100%;
}
.s-hero::after {
bottom: -214px;
right: -330px;
}
.hero-txt-mobile-head {
width: 100%;
}
.hero-slide-mobile {
  width: 100%;
}
.hero-txt-mobile-txt {
  width: 100%;
  margin-top: 20px;
}
.social::after {  
  width: 144%; 
  left: -202px;
  top: -13px;
}

.present-pic-2 {
  width: 100%;
}
.s-mangaratiba {
position: relative;
margin: 0;
}
.s-mangaratiba-top {
flex-direction: column;
align-items: center;
}
.s-mangaratiba .mangara-pic {
height: 315px;
width: 100%;
border-radius: 4px;
}    
.s-mangaratiba-top .mangaratiba-txt {
width: 100%;
position: relative;
margin: 20px 0 0 0;
}
.s-mangaratiba .mangaratiba-title {
left: 0px;
top: -163px;
width: 100%;
}
.s-mangaratiba .mangaratiba-title h2 {
font-size: 114px;
text-align: center;
}
.s-mangaratiba-top .mangaratiba-txt .bloco-1 {
margin: 0 0 20px 0;
color: var(--cor-white);
}
.s-mangaratiba::after {
top: 160px;
left: 0;
width: 100%;
height: 640px;
}
.s-mangaratiba .small90 {        
display: none;
}
.s-mangaratiba .small0 {
display: none;
}
.s-hero {
margin: 50px 0 190px 0;
}
.present-txt-2 {
width: 100%;
display: none;
}
.present-txt-2 h3 {
font-size: 42px;
line-height: 38px;
margin-bottom: 5px;
text-align: center;
}
.present-pic-2 {
right: 0;
bottom: 0;
}
.s-mangaratiba-container {
margin-bottom: 70px;
}
.s-porto-mangara p {
width: 100%;
}
.s-porto-mangara header {       
margin-bottom: 20px;       
}      
.s-porto-mangara .porto-itens {
margin: 10px 0 35px 0;
}
.s-porto-mangara .porto-itens .swiper, swiper-container {
  height: 210px;
}
.s-porto-mangara .porto-itens-cards {      
margin: 30px 0 0 0;      
}
.s-porto-mangara .porto-itens-cards .card {
box-shadow: 9px 9px 10px rgba(0, 0, 0, 0.07);
padding: 25px 25px;
width: 165px;
height: 168px;
}
.card-txt {
font-size: 1.27rem;
line-height: 120%;
}
.porto-itens .ctrl-nav {
width: 23%;
display: flex;
justify-content: space-between;
}
.porto-itens .swiper-wrapper {
display: flex;
justify-content: flex-start;
}
.porto-itens .swiper-slide {
width: 185px !important;
margin-right: -8px !important;
}
.s-porto-mangara .swiper, swiper-container {
height: 273px;
}
.porto-lotes .mapa-mobile {
display: flex;
}
.porto-lotes .mapa-lotes {
display: none;
}
.s-porto-mangara .info-lotes .tit-lotes {
margin: 0px 0 30px 0;
width: 100%;
}
.s-porto-mangara .info-lotes {
width: 100%;
align-items: center;
}
.s-porto-mangara .info-lotes .tit-lotes h2 {
font-size: 9.0rem;
margin: -20px 0 -20px 0;
text-align: center;
}
.s-porto-mangara .info-lotes span.right {
  margin-right: 0;
}
.s-porto-mangara header img {
width: 64%;
}
.s-porto-mangara .porto-lotes {        
height: 760px;       
}
.s-porto-mangara .porto-lotes .btn-corretor {
  width: 100%;  
}
.s-porto-mangara {
margin-bottom: 40px;
}
.s-porto-mangara::after {
  bottom: 95px;
  height: 347px;
  background: linear-gradient(61.92deg, #336D76 39.23%, #DFDAA5 106.37%, #FFEFAD 106.37%);
}
.data-lotes ul {
  text-align: center;
  padding: 0 50px;
}
.s-galeria header {
width: 100%;
margin-bottom: 17px;
}

.s-gallery {
  width: 95.8%;
}
.s-atrativos header {
width: 100%;
margin-bottom: 20px;
}
.s-atrativos h1 {  
font-size: 5.4rem; 
text-align: center;
}
.s-atrativos .lista-parques {
display: flex;
justify-content: flex-start;
flex-direction: column-reverse;
}
.s-atrativos .parques {
width: 100%;
margin-top: 30px;
}
.s-atrativos .imagem-cachoeira {
width: 100%;
}
.s-atrativos .imagem-cachoeira img {
width: 100%;
}
.s-atrativos .tributo {
margin: 30px 0 30px 0;
}
.s-atrativos .tributo-content {
width: 100%;
flex-direction: column;
align-items: flex-end;
}
.s-atrativos .tributo-img {
width: 50%;
height: auto;
}
.s-atrativos .tributo-img img {
width: 100%;
height: auto;
}
.s-atrativos .tributo-content .tributo-txt {
  margin: 50px 0 0 0;
  text-align: center;
  width: 100%;
}
.s-atrativos .tributo-content .tributo-txt h2 {
font-size: 5.4rem;  
}
.s-atrativos .praia-img {
width: 100%;
}
.s-atrativos .praia-content {
display: flex;
flex-direction: column-reverse;  
}
.s-atrativos .praia-txt {
width: 100%;
height: auto;  
}
.s-duvidas h1 {
font-size: 4.4rem; 
}
.s-atrativos .praia {
height: 530px;
}
.s-duvidas {
margin-top: 40px;
}
.s-duvidas .accordion .title h3 {
font-size: 1.3rem;
line-height: 19px;  
}
.s-duvidas .cta-area .btn-corretor {
  width: 100%;  
}
footer .copyright {
flex-direction: column;  
}
footer .creditos, footer .contatos {
  display: none;
}
footer .logo {
  width: 100%;
}
}