@media (max-width: 1024px){
.page-title {
    padding: 6em 0 6em 0;
}  
  .event-cont {
    width: 100%;
    text-align: center;
} 
  
  section.testimonial {
    padding: 60px 12px;
}
  
  section.bknow h1 {
    border-bottom: 4px solid var(--white-color);
    margin: auto;
    margin-bottom: 40px;
    width: 70%;
}
  
}

@media (max-width: 980px){
  
  .event-cont h1 {
    font-size: 54px;
    line-height: 54px;
}
      .page-title {
        padding: 9em 0 3em 0;
    }
  
  section.attractionlist,
  section.attractionlist .container{
  padding-left:12px;
    padding-right:12px;
  }
  
.event-cont.nwbk-cont {
    width: 75%;
    text-align: left;
  padding-left: 0;
}
  
  .nwbk {
    padding: 4em 0;
}
  
  .amn-box ul li {
    font-size: 16px;
}
  
  .amn-box {
    padding: 25px 15px;
}
  
  section.testimonial {
    padding: 50px 12px;
}
  
    section.testimonial .container {
    padding: 0px 12px;
}
  
  .testrght {
    width: 100%;
}
  
  .testlft {
    width: 100%;
    padding:0;
}
  
  .netesti.row {
    padding: 40px 0 0;
}
  
  section.amenities {
    padding: 30px 36px 50px;
}
  
    .amn-box {
    width: 48%;
}
  
  .amn-row {
    gap: 30px 0;
}
  
  section.bknow h1 {    
    margin: auto;
    width: 80%;
    border-bottom: 0px solid var(--white-color);
}
  
  .bknow {
    padding: 4em 0;
}

  .testlft h2 {
    font-size: 44px;
}

}


@media (max-width: 500px){
  
  section.attractionlist .pro-img img {
    height: 300px;

}

.page-title {
        height: 100%;
   padding: 3em 0 2em 0;
    }
  
      .event-cont h1 {
                font-size: 40px;
        line-height: 1.2;
    }
  
  .event-cont h3 {
    font-size: 28px;
    text-shadow: 0 0 25px #000000;
}
  
  section.attractionlist .head-sec p {
    font-size: 16px;
    margin-bottom: 15px;
}
  
  .amn-box {
    width: 100%;
}
  .amn-hed h4 {
    font-size: 34px;
}
  .nwbk h2 {
    font-size: 34px;
}
  .testlft h2 {
    font-size: 34px;
}
  
      .event-cont.nwbk-cont {
        width: 100%;
        padding-left: 12px;
    }
  
  .event-cont.nwbk-cont img {
    width: 10%;
}
  
  .amn-row {
    gap: 20px 0;
}
      section.amenities {
        padding: 20px 24px 40px;
    }
  section.attractionlist .head-sec {
    padding-bottom: 15px;
}
      section.testimonial {
        padding: 40px 12px;
    }
}