@media screen and (min-width: 992px) and (max-width: 1199px){

}

@media (max-width: 980px){

}
@media (max-width: 540px){
 .common-banner-section .guides{
   width:100%;
   padding-left:12px;
   padding-right:12px;
  }
  .common-banner-section .guides h1 {
        font-size: 26px;
    }
      .common-banner-section .c-hero__background {
        height: 380px;
    }
  .card-img img, .attraction-card{
    height: 300px;
  }
  .card-overlay h3 {
    font-size: 18px;
  }
}
@media (max-width: 360px){

}