@media (min-width: 1600px) {

}

@media (min-width: 1850px) {
 
}

@media (max-width: 1366px) {
 
}

@media (min-width: 1024px) {
  section.facilities-sec.accommodation-boxes, .facility-boxes{
     display: flex;
  flex-wrap: wrap;
  gap: var(--p20);
  justify-content: center;
   }
   section.facilities-sec .box{
         width: 280px;
   }
   section.accommodation-sec .box{
 /* width: 300px; */
   }
    
}

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

}

@media (max-width: 980px) {
    section.welcome-sec{
        padding-bottom: 10px;
    }
    section.location-sec{
        padding-bottom: 10px;
    }
    section.accommodation-sec{
        padding-bottom: 10px;
    }
    section.guest-sec{
        padding-bottom: 10px;
    }
    section.facilities-sec{
        padding-bottom: 10px;
    }

   section.facilities-sec.accommodation-boxes, .facility-boxes{
     display: flex;
  flex-wrap: wrap;
  gap: var(--p20);
  justify-content: center;
   }
   section.facilities-sec .box{
    width: 300px;
   }
   section.accommodation-sec .box{
 width: 325px;
 }
}

@media (max-width: 540px) {
  
 
  
    section.floor-layout .col-md-12{
            padding-left: 0px;
    padding-right: 0px;
    }
    .checklist a.g-transparent-a{
                padding: 10px 10px;

    }
    section.experience-sec .main-btn{
            font-size: 12px;
    }
        section.accommodation-sec .box {
        width: 100%;
    }
        section.facilities-sec .box {
        width: 100%;
    }
    section.guest-sec ul li{
        width: 90%;
    }
    section.experience-sec p{
        width: 100%;
    }
  
.general-hero{
        height: 350px;
}
.general-hero-content h1{
    font-size: 34px;
}
.general-hero-content p{
    text-align: center;
}
section.location-sec p{
    padding: 20px 0;
    margin-bottom: 0px;
}
section.welcome-sec{
    padding-bottom: 20px;
}
 section.location-sec{
    padding-bottom: 0px;
            padding-top: 20px;
 }
 section.accommodation-sec{
    padding-bottom: 0px;
 }
 section.guest-sec{
    padding-top: 40px;
            padding-bottom: 0px;
 }
 section.facilities-sec{
    padding-bottom: 0px;
 }
 section.experience-sec{
     padding-top: 0;
     padding-bottom: 40px;
 }
 section.welcome-sec p{
    width: 100%;
 }

}

@media (max-width: 360px) {

}