@media (max-width:1960px) {

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

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

.navbar-expand-lg .navbar-collapse {
  margin-right: 15%;
}
header .toggle {
  top: 45px;}
.connectp p {
  padding-right: 0px;
}
  .pileft p {
  font-size: 28px;
  padding-right: 10%;}
.facbox p {
  font-size: 14px;}

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

}
@media (max-width: 1280px){
 .dining-text p {
    padding-right: 185px;
  }
 .luxury-text-2 p {
    margin-bottom: 25px;
  }
   .luxury-text-2 h3 {
    padding-bottom: 20px;
  }

}
@media (max-width: 1067px){
    .images-img-2 {
    padding: 0;
  }
   .images-img-2 img {
    width: 365px;
  }
  .movement-text h3 {
    font-size: 25px;
  }
   .facility-text p {
    padding-left: 0;
  }
   .dining-text p {
    padding-right: 0px;
  }

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



}
@media (max-width: 992px){
  .datecenter {
  display: flex;
  justify-content: left;
}
.faciliti-sec{padding: 40px 15px;}
.faciliti-img-2{padding-right: 0;}
.facility-text{padding-top: 115px;}
.facility-text h3{margin-bottom: 10px;}
.facility-text h3{font-size: 25px;}
.facility-text p{padding-right: 0; font-size: 14px;}
.facility-text a{font-size: 16px;}
.wellness-movement-sec-box{padding-top: 40px;}
.movement-text br{display: none;}
.movement-text h3{font-size: 25px; padding-bottom: 0;}
.movement-text p{font-size: 14px;}
.movement-text{padding: 0 15px;}
.wellnes-img-box{padding-top: 30px;}
.movement-text p{margin-bottom: 10px;}
.dining-sec{padding: 40px 0;}
.heding-movement{padding-bottom: 20px;}
.dining-text p{font-size: 14px; padding-bottom: 10px;}
.luxury-img-2{padding-top: 35px; margin-bottom: 10px;}
.luxury-text-2{padding: 0 15px;}
.padd-top {padding-top: 40px;}
.other-imgs{margin-top: 0; padding-top: 30px; padding-left: 15px; padding-right: 15px;}
.other-imgs img{width: 100%;}
.other-img-2{padding: 20px 15px;}
.facility-log {padding-top: 40px; padding-left:15px; padding-right: 15px;}
.luxury-box{padding: 40px 0;}
.luxury-text-2 h3{font-size: 25px; margin: 0;}
.luxury-text-2 p{font-size: 14px;}
.heding-movement{gap: 20px;}
.other-img-2:last-child{padding-bottom: 0;}
/* home */
.distext h2 {
  font-size: 35px;
  padding-bottom: 10px;
  margin: 0;
  padding-right: 0px;
  line-height: 44px;
  padding-bottom: 10px;
}
.valuewrapper {
  padding: 40px 0;}
.gallerywrapper {
  padding: 40px 0;padding-bottom: 10px;
}
.footer-bg {
  padding: 40px 0;}

.diswrapper {
  padding: 40px 0;
}
.facwrapper {
  padding: 50px 0;}
.offsilder {
  margin-left: 0;
}

.offimage img {
  padding: 0;
  height: auto;
}
.officewrapper {
  padding: 40px 40px;
}
  .officetext h2 {
    font-size: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
.officetext {
    box-shadow: 0px 3px 6px #00000029;
    padding: 20px 20px;
    border-radius: 25px;
  }
 .officeboxs {
    position: relative;
    box-shadow: 0px 3px 6px #00000029;
    padding: 20px 20px;
    border-radius: 25px;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .officeboxs img {width: 100%;}
.valuecenter::before {
  left: 35%;
    top: 50%;
    width: 200px;
    height: 1px;
  }

  .connectmargin {
    box-shadow: 0px 3px 6px #00000029;
    padding: 20px 20px;
    border-radius: 25px;
    background: #fff;
  }

 .connect-container {
    padding: 0 40px 0 40px;
  }
 .prmargin {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    padding: 20px;
    border-radius: 25px;
    background: rgb(255, 255, 255);
  }
  .main-container {
  padding: 0 40px;
}
.piwrapper {
  padding: 30px 0;}
.connectbox h4 {
  font-size: 50px;line-height: 50px;}

.pihead {
  margin-top: 10px;
}
.connectbox h3 {
  font-size: 50px;line-height: 50px;}
.connectbox h2 {
  font-size: 50px;line-height: 50px;}




  .connectwrapper {
    padding: 40px 0;padding-top: 0;
  }
.connectbox {
  margin-left: 0;
}
.connectwrap {
  margin-top: 0;
}
  .headinglink h5 {
  font-size: 17px;
  padding-bottom: 10px;
  padding-top: 15px;
}
    .curve img {
  width: 150px;
}
    .navbar-light .navbar-toggler {display: none;}
    .header-container {
  padding: 0 20px;
}

header .toggle {
    top: 25px;width: 80px;
  height: 40px;
  }
 header .toggle img{
  height: 20px;
}
.modernwrapper .owl-carousel .owl-nav button.owl-next {
  right: 102%;}
  .onsitecenter p {
  line-height: 22px;
  padding-right: 0;
}
.onsiteleft .owl-carousel .owl-nav button.owl-prev {
  right: -40%; }


.onsiteleft .owl-carousel .owl-nav button.owl-next {
  right: -70%;}
.onsitecenter h4 {
  font-size: 26px;}

.onsitebig h2 {
  top: 0;}
.wherewrapper .owl-carousel .owl-nav button.owl-prev {
  left: -50px;
  bottom: 40%;
}
.wherewrapper .owl-carousel .owl-nav button.owl-next {
  right: -50px;
  bottom: 40%;
}
.valuemargin h2 {
  font-size: 20px;}

.packmargin{margin-right: 30px;}
.packmargin p {
  font-size: 16px;
  padding: 0;
  padding-bottom: 20px;
}
.packwrapper .owl-carousel .owl-nav button.owl-prev {
  left: 40%;}
.todaymargin h2 {
  font-size: 34px;
  padding-bottom: 20px;
  padding-left: 25%;
  padding-right: 25%;
}

 .valueline::before {
    position: absolute;
    content: '';
    right: 0;
    top: auto;
    background-color: #fff;
    width: 100%;
    height: 0.5px;
    bottom: 0;
  }

  .rformp p {
 padding: 25px 50px;
  font-size: 15px;
  text-align: center;
  line-height: 24px;margin: 0;
}
  .container {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 991.5px){
  /* fac */
  .facility-text li {
  list-style: none;
  padding-bottom: 10px;
  padding-left: 0;
}
.logo-sub-icon {
  text-align: center;
}
.other-img-2 img {
  width: 100%;
}
 .faciliti-sec {
    padding-top: 20px;
  }

 .faciliti-sec {padding-top: 40px;
    padding-bottom: 20px;
  }




.facility-text p {
    padding-right: 0;
    font-size: 14px;
    margin: 0;
    padding-bottom: 10px;
  }
  /* form */
  .staywrap h5 {
  font-size: 19px;}
  .addroom {
  transition: 0.5s;
  margin-top: 15px;
  font-size: 16px;
  padding: 0;
}
  .rformwrapper {
  margin-top: 60px;
  padding: 60px 0;
  padding-bottom: 10px;
}
.staywrap {
  padding: 30px 30px;
  margin-bottom: 30px;
}
.checkbuttons button {
  padding: 10px 20px;
  font-size: 15px;}

  .telwrap {margin-bottom: 20px;}
  .namewrap {
  margin-bottom: 20px;
}
.rformright h2 {
  font-size: 24px;
}
  .rformright {
  padding: 30px 10% 30px 10%;
  text-align: center;
}

  .piheads{display: block;}
  /* about */
.aboutheadtext h2 {
  font-size: 30px;
  padding-right: 0;
  padding-bottom: 0px;
  margin: 0;
}
.aboutuswrapper {
  padding: 40px 0;
}
.vmwrapper {
  padding: 30px 0;
  padding-bottom: 30px;
}
.vmhead h2 {
  font-size: 50px;
  margin: 0;
}

.vmwarp {
  display: flex;
  gap: 40px;
  border-top: 1px solid #000;
  padding-top: 20px;
  margin-top: 20px;
}
.vmtext p {
  font-size: 14px;
  line-height: 22px;
  padding-top: 20px;margin: 0;
}
.dediwrapper h2 {
  font-size: 45px;
  padding: 0 25%;
}
.dediwrapper {
  padding: 120px 0;}



.aboutusleft{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 20px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
  margin-bottom: 30px;
}
.aboutusleft img{width: 100%;}
.aboutusiright {
  padding-left: 0; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 20px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
}

 .aboutheadtext  {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 20px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
  margin-bottom: 30px;
   }
  /* contact */
.contacttext h2 {
  font-size: 70px;
  margin: 0;
  margin-top: 0px;
  padding-bottom: 15px;
  margin-top: -4%;
}
.contacttext h5 {
  font-size: 28px;
  padding-bottom: 10px;
}
.contacttext p {
  font-size: 13px;
  line-height: 22px;
  padding: 0 20%;
}
.contactbox {
  border-left: none;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 20px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
  margin-bottom: 25px;
}
.contactwrap {
  padding: 10px 0;
}
.contactnumbers {
  margin-bottom: 30px;
}

.contactformwrap h2 {
  font-size: 27px;
  padding-bottom: 15px;
  padding-right: 0;
}

.contactformwrap p {
  font-size: 14px;
  padding-left: 0;
}

.conright .form-control::placeholder {
  color: #1A1B1B;
  font-size: 14px;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.conright .form-control {
  padding-bottom: 12px;
}
.formbtn {
  margin-top: 35px;
}
.contactformwrap {
  padding: 40px 30px;
  margin-bottom: 25px;
}

.contactwrapper {
  padding-bottom: 25px;
}
  /* room detail */
  .banner {
margin-top: 0px;
    padding-top: 70px;
  }
  .roomplaza {
  position: static;padding-top: 30px;}
  .roomdeatilright h6 {
  font-size: 21px;
  padding-bottom: 0px;
}
  .roomdeatilright h5 {
  font-size: 20px;
  margin: 0;
  padding-bottom: 15px;
  padding-right: 0%;
}
  .roomdeatilright p {
  font-size: 13px;
  line-height: 22px;
  padding: 20px 0;
  padding-bottom: 0;
  margin: 0;
padding-bottom: 0;
  }
  .infowrapper p {
  font-size: 13px;
  line-height: 22px;
  padding: 0px 0;
  padding-right: 0;
  opacity: 0.6;
}
.infoflex {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 30px;
  border-radius: 25px;
  background: rgba(0, 0, 0, 0.39);
  margin-bottom: 20px;
  width: 100%;
}
.infowrapper {
  padding: 20px 0;
  padding-top: 40px;
}
.exwrapper {
  padding: 30px 0;
}
.exmargin {
  padding-top: 25px;
}
.exleft h4 {
  font-size: 22px;}

.othersilder {
  padding: 0 40px;

}
.otherwrapper {
  padding-bottom: 35px;
}
.otherhead h2 {
  position: static;
  transform: rotate(7deg);
  -webkit-transform: rotate(0deg);
  font-size: 22px;padding: 10px 35px;
}
  .col-roomd-01{order: 2;}
  .col-roomd-02 {order: 1;}
.roomdeatilright {
  padding: 0px 0;
  padding-left: 0;
}
.roomplaza img {
  width: 200px;
}
  .roomdeatilwrapper {
  margin-top: 8%;
  padding-bottom: 40px;
  padding-top: 40px;
}
 .room-container{
  padding: 0 20px;
}
.roombgs{    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
   padding: 30px;
    border-radius: 25px;
    background: rgb(255, 255, 255);margin-bottom: 20px;}
 .roomdetailleft  {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 30px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
  margin-bottom: 20px;
  width: 100%;
}
.roomdetailleft img {width: 100%;}
 .roomdboxs {box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    padding: 30px;
    border-radius: 25px;
    background: rgb(255, 255, 255);
    margin-bottom: 20px;}
  /* room */
  .roomflex {
  padding-top: 10px;
}
  .gallery-img-rea img {
  width: 100%;
}
.roommargin h2 {
  font-size: 35px;}
.roommargin {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 20px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
}
.roomright {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 20px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
  margin-bottom: 20px;
}
.gallery-image-div {
  margin-bottom: 10px;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    padding: 20px;
    border-radius: 25px;
    background: rgb(255, 255, 255);
    margin-bottom: 20px;
}
.roomwrapper {
  padding: 50px 0;
  padding-bottom: 10px;
}
  /* room end */

  .packbtn a {
  padding: 15px 30px;
  width: 180px;
}
  .packtext h6 {
  font-size: 20px;
  padding-bottom: 10px;
  margin: 0;
  padding-top: 10px;
}
.packwrapper {
  padding: 60px 0;
  padding-bottom: 50px;
}
.todaymargin h2 {
  font-size: 33px;
  padding-bottom: 40px;
  padding-left: 24%;
  padding-right: 24%;
}

  .pack-container {
  padding: 0 0 0 40px;
}
.packmargin {
    box-shadow: 0px 3px 6px #00000029;
    padding: 20px 20px;
    border-radius: 25px;
    background: #fff;
  }
 .packslider {
    margin-top: 20px;
  }
.privatemarginbtn {padding: 10px 20px;width: 50px;margin-bottom: 20px;
  position: static;}
.privatemarginbtn img{width: 8px;}

 .coworkingmargin {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    padding: 20px;
    border-radius: 25px;
    background: rgb(255, 255, 255);
  }
.coworkright {
  padding-left: 0;
}
  .modernmargin {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    padding: 20px;
    border-radius: 25px;
    background: rgb(255, 255, 255);
  }

.modernimg {
  position: static;
  margin-bottom: 15px;
}
.modernimg img {
  height: 150px;
}
.boardroommargin {
    box-shadow: 0px 3px 6px #00000029;
    padding: 20px 20px;
    border-radius: 25px;
    background: #fff;
  }

 .boardtwos {
    margin-top: 0px;
    position: relative;
    z-index: 0;
    margin-left: 0px;
    margin-bottom: 0px;
  }
.boardimg {
  position: static;}
.brtext {
  padding-top: 20px;
  padding-left: 0;
}

.boardroomright p {
  font-size: 13px;
  line-height: 22px;
  padding-right: 0;
}

.boardroomright h4 , .onsitecenter h4{
  padding-bottom: 15px;padding-right: 0;
  margin: 0;
}
.onsitecenter h4{padding-top: 10px;}
.semimargin {
    box-shadow: 0px 3px 6px #00000029;
    padding: 20px 20px;
    border-radius: 25px;
    background: #fff;
  }
.semi-container {
  padding: 0 40px 0 40px;
}
  .onsitemargin {
    box-shadow: 0px 3px 6px #00000029;
    padding: 20px 20px;
    border-radius: 25px;
    background: #fff;
  }
.onsiteright {
    margin-top: 0;
  }
  .onsitecenter {
    padding-left: 0px;
    margin-top: 0px;
  }

  .on-container {
    padding: 0 40px;
  }

.onsitewrapper {
  padding: 40px 0;
  padding-bottom: 40px;
}
.semiwrapper {
  padding: 40px 0;}
.wherewrapper .owl-carousel .owl-nav button.owl-prev {
  left: -40px;
  width: 90px;
  height: 90px;
  bottom: 40%;
}
.wherewrapper .owl-carousel .owl-nav button.owl-next {
  right: -40px;
  width: 90px;
  height: 90px;
  bottom: 40%;
}
.wherehead p {
  font-size: 14px;
  padding: 0;
}
.boardroomwrap {
  padding: 40px 0;
  padding-bottom: 40px;
}

.modernwrapper {
  padding: 40px 0;
  margin-bottom: 0px;
}

.modetext {
  padding-top: 0;
}

.modernleft h4 {
  font-size: 27px;
  padding-bottom: 15px;
  margin: 0;
}
.coworkingwrapper {
  padding: 40px 0;
}
.cobtn {
  top: 17%;  padding: 15px 22px;
}
.privatewrapper {
  padding: 40px 0;
}
.openbtn {
  padding: 15px 22px;}
.cocreatewrapper {
  padding: 40px 0;
}
.openwrapper {
  padding: 40px 0;
}
.packwrapper .owl-carousel .owl-nav button.owl-prev {display: none;}
.packwrapper .owl-carousel .owl-nav button.owl-next {display: none;}
.todaywrapper {
  padding: 30px 0;
}
.piheads {
display: flex;
    gap: 10px;
    margin-top: 0;
    align-items: center;
    position: absolute;
    top: 15px;
right: 60px;
}
.pibtnones a:hover {background: #f3a163; color: #000;border: 1px solid #f3a163;}
.pibtnones a .bookone{display: block;}
.pibtnones a .booktwo {display: none;}
.pibtnones a:hover .bookone {display: none;}
.pibtnones a:hover .booktwo  {display: block;}
.pibtnones a img  , .pibtntwos a img{
  width: 7px;
margin-left: 5px;
}

.pibtntwos a:hover { color: #fff;background: #000;}
.pibtnones a {
  border: 1px solid #707070;
  border-radius: 42px;
padding: 8px 8px;
    font-size: 11px;
  color: #000;
  text-decoration: none;
  transition: 0.5s;
  display: flex;
  align-items: center;
}

.pibtntwos a {
  border: 1px solid #2B2F30;
  border-radius: 42px;
  background: #2B2F30;
 padding: 8px 8px;
    font-size: 11px;
  color: #fff;
  text-decoration: none;
  transition: 0.5s;
}
  header .toggle img {
    height: 15px;
  }
    header .toggle {
    width: 55px;
    height: 40px; right: 0;
  top: 25px;}
}
@media (max-width: 990px){
  /*  home page */

.pibtntwos {
  margin-top: -5px;
}
/* header .toggle img {
  width: 30px;
 } */

.banner-text h1 {line-height: 38px;padding-left: 40px;padding-bottom: 0;
         font-size: 35px;}

.banner-text h2 {line-height: 38px;padding-left: 50px;padding-bottom: 0;
        font-size: 35px;}


.banner-text h3 {line-height: 38px;padding-bottom: 0;
          font-size: 35px;}

.bannerbtn a {
  padding: 8px 15px;
  font-size: 14px;
}
.main-container {
  padding: 0 20px;
}
.bannerhead {
  gap: 10px;
margin-bottom: -20px;
}
.pihead {
  margin-top: 5px;}
.piwrapper {
  padding: 20px 0;}

.piright p {
  font-size: 15px;}
  .pileft p {
    font-size: 18px;
    padding-right: 0;
  }
.pibtnone a {
  padding: 8px 15px;
  font-size: 14px;
}
.pibtntwo a { padding: 8px 15px;
  font-size: 14px;
}
.connectbox h4 {line-height: 38px;padding-left: 10px;padding-bottom: 0;
  font-size: 28px;}
.connectbox h3 {line-height: 38px;padding-left: 15%;padding-bottom: 0;
  font-size: 28px;}

.connectbox h2 {line-height: 38px;padding-left: 3%;padding-bottom: 0;
  font-size: 28px;}
.connect-container {
  padding: 0 20px 0 20px;
}
.connectbox {
  margin-left: 0%;
}
.gallerywrapper {
  padding: 20px 0;
}
.gallery-image-div {
  margin-bottom: 10px;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    padding: 20px;
    border-radius: 25px;
    background: rgb(255, 255, 255);
    margin-bottom: 20px;
}

.distext h2 {
  font-size: 30px;
  padding-bottom: 10px;
  margin: 0;
  padding-right: 0px;
  line-height: 30px;}
  .diswrapper {
  padding: 20px 0;
}
.footer-bg {
  padding: 20px 0;}
  .galleryimage h2 {
  padding-right: 40px;
  font-size: 23px;}
.facbox {
  padding: 15px 20px;
  text-align: center;
  min-height: auto;
  max-height: 100%;
}
.headinglink h5 {
  font-size: 15px;
  padding-bottom: 10px;padding-top: 15px;
  margin: 0;
}
.footer-adders p {
  padding-right: 0;margin: 0;padding-bottom: 10px;
}
.join-form-sec {
  margin-bottom: 2%;
}
.footercopy{padding-top: 10px;}
.socila-icons a {
  font-size: 15px;}
.qucik-link li {
  padding-bottom: 5px;
}
.join-form .form-control {
  padding: 10px 15px;}
.send-btn a {
  padding: 9px 30px;}

.send-btn {
  top: 11px;}

.join-text p {
  font-size: 13px;
  line-height: 20px;
  padding-top: 10px;
  margin: 0;
  padding-bottom: 10px;
}
.footer-logo img {
  width: 110px;}
  .facbox h4 {
  font-size: 16px;
  padding-bottom: 10px;
  line-height: 24px;
  min-height: auto;}
  .fachead p {
  font-size: 15px;
  padding: 0 0px;
  line-height: 24px;
  padding-bottom: 5px;
}
.fachead h2 {
  font-size: 25px;
  padding-bottom: 10px;
  margin: 0;
}
.officewrapper {
 padding: 20px 20px;
}

.officetext h2 {
  font-size: 26px;
  padding-bottom: 5px;
  padding-right: 0;
}

.officetext p {
  font-size: 14px;
  line-height: 26px;
  padding-right: 0;
  margin: 0;
}

.offsilder {
  margin-left: 0;
}
.desktop {display: none;}
.phone {display: block;}
}
@media (max-width: 768px){
/* fac */
 .logo-sub-icon {
    text-align: left;
  }
  .logo-sub-icon img {
  width: 200px;
}
 .facility-log {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
  }
  .facility-log img  {
  width: 200px;
}
  .luxury-box {
    padding-bottom: 25px;
  }
.images-img-2 img {
    width: 175px;
  }
  .images-img-2 {
    top: 60px;
  }
 .other-facility {
    margin-top: 30px;
  }
 .padd-top {
    padding-top: 20px;
  }

   .facility-text {
    padding-top: 150px;
  }
  /* about */
    .aboutuswrapper {
    padding: 30px 0;
    padding-top: 40px;
  }
   .aboutheadtext h2 {
    font-size: 20px;}
    .aboutuswrapper {
  margin-top: 13%;}
     .aboutheadtext {
    margin-bottom: 20px;
  }
  .dediwrapper h2 {
    font-size: 25px;
    padding: 0 10%;
  }
    .vmtext p {
    font-size: 13px;
    line-height: 22px;
    padding-top: 15px;
    margin: 0;padding-right: 0;
  }
  .vmtext h2 {
  font-size: 18px;
  padding-bottom: 20px;}
  .vmhead h2 {
    font-size: 22px;
    margin: 0;
  }
   .vmwarp {
    gap: 10px;}
  .dediwrapper {
    padding: 80px 0;
  }
  /* contact */
   .contactformwrap h2 {
    font-size: 22px;
    padding-bottom: 10px;}
    .contactformwrap {
    padding-top: 20px;
  }
    .contacttext h5 {
    font-size: 22px;}
  .contacttext h2 {
    font-size: 28px;
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    padding-bottom: 5px;
    margin-top: -5%;
  }
  .contacttext p {
  padding: 0 8%;
}
  .contactbox h5 {
  font-size: 14px;
  margin: 0;
}
  .contactbox h6 {
  font-size: 17px;
  margin: 0;
  padding-bottom: 10px;
}
  /* room detail */
    .roomdeatilwrapper {
    padding-top: 60px;
  }
   .exleft h4 {
    font-size: 20px;
  }
  .othertext h6 {
  font-size: 13px;
}
  .othertext {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
    .otherhead h2 {
    font-size: 20px;
    padding: 10px 20px;
  }
   .othersilder {
    padding: 0 20px;padding-right: 0;
  }
  .infomargin img{padding-top: 20px;}
  .infowrapper h5 {
  font-size: 23px;}
    .infoflex {
    margin-bottom: 0;}
     .roomdeatilwrapper {
    padding-bottom: 10px;}
 /* rooms */
.roommargin h5 {
  font-size: 25px;}
.roommargin h6 {
  font-size: 19px;
  margin: 0;
  padding-bottom: 10px;
  margin-top: -10%;}
  .roommargin h2 {
    font-size: 29px;
    padding-bottom: 5px;
  }
.roommargin p {
  font-size: 13px;
  line-height: 22px;
  padding: 0;margin: 0;
}
.roomflex {
  padding-top: 20px;
}
.roomright h5 {
  font-size: 22px;
  margin: 0;
  padding-bottom: 15px;
  padding-right: 0;
}
.roomright p {
  font-size: 13px;
  line-height: 22px;
  padding: 10px 0;margin: 0;
}
.col-room-01{order: 1;}
.col-room-02{order: 2;}
  /* home page */
   header .toggle {
    right: 0;
    top: 15px;width: 50px;
height: 32px;
    border-radius: 14px;
  }
 .curve img {
    width: 80px;
  }
    .footer-logo img {
    width: 80px;
  }
  .footercontainer {padding: 0 20px;}
  .facbox img {
  height: 60px;
}
  .connectmargin  {
  box-shadow: 0px 3px 6px #00000029;
  padding: 20px 20px;
  border-radius: 25px;
  background: #fff;
}
   .officetext {
    box-shadow: 0px 3px 6px #00000029;
    padding: 20px 20px;
    border-radius: 25px;
  }
.officepadding {
  padding: 0 10px;
}
  .officeboxs {
  position: relative;
  box-shadow: 0px 3px 6px #00000029;
  padding: 20px 20px;
  border-radius: 25px;
  margin-bottom: 20px;margin-left: 5px;
    margin-right: 5px;
}
.connectone {
  gap: 20px;margin: 0;}

.connectwrap {
  margin-top: 0;
}

 .connectbox {
    margin-left: 0;
  }
.prmargin {
  box-shadow: 0px 3px 6px #00000029;
  padding: 20px 20px;
  border-radius: 25px;
  background: #fff;
}

 .piwrapper {
    padding: 20px 0; padding-bottom: 0;
  }

  .connectnumber h6 {
  font-size: 24px;
}
  .connectp p {
  font-size: 14px;padding-bottom: 0;}
  .connectrow {
  margin-bottom: 0;}
  .connectwrapper {padding: 20px 0;}
  .valuemargin p {
  font-size: 15px;
  padding-bottom: 5px;
  margin: 0;
}
  .valuemargin h2 {
  font-size: 16px;
}
  .loremimg img {
  padding-top: 10px;
}
  .valuecenter::before {
  left: 20%;
  top: 50%;
  width: 200px;
  height: 1px;
}
  .valueright {
  padding: 20px 0px;
}
  .valuewrapper {
  padding: 30px 0;}
  .officetext h6 {
  font-size: 15px;
  margin: 0;
  padding-top: 15px;
}
  .officetext p {
    padding-bottom: 10px;
  }
  .offimage img {
  background: #FFFFFF;
  padding: 0px 0px;
  height: auto;
}
  .offsilder {
  margin-left: 0;
}
.offbtns a {
  padding: 8px 20px;
  font-size: 14px;
}
  .officetext h2 {
  font-size: 20px;padding-top: 10px;
  padding-bottom: 5px;
}
  .qucik-link a {
  font-size: 15px;}
    .facwrapper {
  padding: 20px 0;}
    .facbox {
  padding: 20px 20px;
  text-align: center;
min-height: 220px;
    max-height: 220px;
}
.fachead p {
  font-size: 14px;
  padding: 0 0px;
  line-height: 24px;
  padding-bottom: 5px;
}
    .distext h2 {
  font-size: 25px;
  padding-bottom: 10px;
  margin: 0;
  padding-right: 0px;
  line-height: 30px;}
      .galleryboxwidth {
    min-width: auto;
    max-width: 100%;
  }
 .packmargin  {
  box-shadow: 0px 3px 6px #00000029;
  padding: 20px 20px;
  border-radius: 25px;
  background: #fff;
}
.packwrapper {
  padding: 20px 0;
  padding-bottom: 20px;
}
.pack-container {
  padding: 0 0px 0 20px;
}
.packmargin{margin-right: 20px;}
.packmargin h2 {
  font-size: 20px;
  padding-bottom: 10px;
  margin: 0;
}
.packmargin p {
  font-size: 13px;
  padding: 0;
  line-height: 22px;
  padding-bottom: 0px;
  margin: 0;
}
.packslider{margin-top: 20px;}
.packtext h6 {
  font-size: 17px;
  padding-bottom: 5px;
  margin: 0;
  padding-top: 10px;
}
.packtext p {
  font-size: 12px;
  line-height: 20px;
  padding-bottom: 10px;
  margin: 0;
}

.packbtn a {
  padding: 10px 20px;
  width: 135px;
  font-size: 13px;
}
.todaywrapper {
  padding: 20px 0;
}
.todaymargin h2 {
  font-size: 19px;
  padding-bottom: 0px;
  padding-left: 30px;
  margin: 0;
  padding-right: 30px;
}
.content-section p {
  font-size: 13px;
  line-height: 24px;
  padding: 0;
  margin: 0;
}
.screenshot_slider .owl-nav button {
  font-size: 17px !important;
  margin: 10px;
  color: #fff !important;
  border: 1px solid #FFFFFF !important;
  border-radius: 30px;
  width: 35px;
  height: 35px;
}
.section-padding .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: 10px;
  top: 40%;
}


.section-padding .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: 10px;
  top: 40%;
}
.screenshot_slider .owl-nav {
  margin: 0;
}
.valueline::before {
  position: absolute;
  content: '';
  right: 0;
  top: auto;
  background-color: #fff;
  width: 100%;
  height: 0.5px;
  bottom: 2px;
}
.valuemargin h2 {
  height: auto;
}
header {
  top: 0;}
  .banner {
  margin-top: 0;
  }
.bannerhead {
  padding-left: 20px;}
  .roomwrap {
  margin-bottom: 30px;
}
.staywrap {
    margin-bottom: 20px;
  }
  .staywrap {
    padding: 20px 20px;}
      .rformp p {
    padding: 20px 0px;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
  }
   .rformwrapper {
    margin-top: 60px;
    padding: 25px 0;
    padding-bottom: 10px;
  }
   .rformright {
    padding: 20px 5% 20px 5%;}
     .rformright h2 {
    font-size: 20px;
  }
  .checkbox-group label {
  font-size: 14px;
}
.datep p {
  margin: 0;
}
}

@media (max-width: 500px){
  #date {
  padding: 17px 20px;
  font-size: 14px;
}
  .adultwrap {
  margin-bottom: 12px;
}
.date-container .form-control {
    width: 100%;   padding: 17px 20px;
  }
.roomwrap select {
  padding: 17px 20px;
  font-size: 14px;
}
.roomwrap::before {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 15px;
  top: 25px;}

.namewrap input {
  padding: 17px 20px;}

.adultsbox {
  padding: 2px 17px;}
.namewrap textarea.form-control{
   padding: 17px 20px;}


}