@media only screen and (min-width: 1920px) {
}
 @media only screen and (min-width: 1600px) {
.aboutBookWrap .aboutBookBox {top: 105px;}   
.availabilityWrap .inputBox select{ height:42px;}
.availabilityWrap .inputBox input { width: 95%;} 
 .availabilityWrap .availabilityInner { padding: 80px 50px;}
.bannerBelow .ExplorePointWrap .ExplorePointLeft img { padding: 24px 15px;}     
.home-exploreWrap .home-exploreBox .home-exploreInfo .home-exploreText { min-height: 42px;}  
.content50Wrap .contentLeft {  width: 33%;}     
.content50Wrap .contentRight { width: 67%;}     
.aboutBookWrap .aboutBookBox { top: 65px;}     
.aboutBookWrap img.desktopBackground { max-height: 185px;} 
.enquireformWrap .enqInput input, .enquireformWrap .enqInput textarea { width: 97%;} 
.enquireformWrap .enqInput.fullWidth input, .enquireformWrap .enqInput.fullWidth textarea { width: 98.5%;}     
}
@media only screen and (min-width: 1536px) {
}
 @media only screen and (min-width: 1400px) {
}

 @media only screen and (max-width: 1280px) {
.commingsoonWrap .commingsoonText {  width: 46%;}   
footer .socialinkWrap {width: 30%;}
footer .footer-linkWrap .quicklinkWrap { width: 70%;}   
}
 @media only screen and (max-width: 1200px) {
.container_16 { width: 96%; margin-left: auto; margin-right: auto;}     
header .container_16 .grid_3 { width: 13.75%;}
header .container_16 .grid_10 { width: 66.5%;}
nav > ul > li > a { padding: 5px 7px;}     
nav > ul > li > a:after{ left:6px;}     
nav > ul > li > ul > li > a { padding: 6px 18px;}
.availabilityWrap { right: 4%; top: 90px; width: 30%;}     
.availabilityWrap .availabilityInner { padding: 20px;}     
.availabilityWrap .inputBox { margin-bottom: 18px;}
.bannerBelow .ExplorePointWrap .ExplorePointLeft { width: 35%;}     
.bannerBelow .ExplorePointWrap .ExplorePointRight {width: 65%;} 
.bannerBelow .ExplorePointWrap .ExplorePointRight p{ margin-top:0;}
.bannerBelow .ExplorePointWrap .ExplorePointLeft img { padding: 20px 0;} 
.corporateGatheringsWrap .corporateGatheringsInfo h2 { font-size: 34px; margin-bottom: 20px;}     
.corporateGatheringsWrap .corporateGatheringsInfo{ top:50px;}
.corporateGatheringsWrap .corporateGatheringsInfo .corporateGatheringsButton { margin-top: 30px;}     
   
.innerbannerWrap h1.heading{ font-size:36px; line-height: 36px;}  
.roomsSlider .roomGroup .roomPrice{ font-size:14px; line-height: 16px;}
.roomsSlider .roomGroup .roomPrice span{ display: block;}
.roomsSlider .roomGroup .roomtext { min-height: 128px;} 
.content50Wrap .contentRight .contentRight-inner {  padding: 20px 20px;}
.content50Wrap .contentRight .contentRight-inner h3 { margin-bottom: 20px;}
.aboutBookWrap .aboutBookBox { top: 45px;}
.scheduleWrap .scheduleFilter label { width: 17.7%;}
.event-filterWrap .filterBox.filterCity .filterInput label { width: 31.3%;}
.eventslistWrap .eventslistBox .eventslistContent .eventslistBook a { padding: 10px 20px;}     
ul.listStyle li{ margin-bottom:10px;}
.other-verticalsLogo { margin-bottom: 10px;}   
.contentWrap .contactusWrap .contactInfo .contcatLeft { width: 44%;}     
.contactusWrap .contactInfo .contcatLeft .contcatLeftInner { padding: 20px 20px 20px 20px;}     
.contactInfo .contcatRight { width: 56%;  margin: 20px 0 0 0;}
.contactInfo .contcatRight .contcatRightInner {  padding: 20px 20px;}
.enquireNowWrap .enquireformWrap .enquireformInner { padding: 30px 30px;}
.commingsoonWrap .commingsoonText {  width: 48%;}   
   .bannerButton { bottom: 60px;}
}
 @media only screen and (max-width: 1024px) {
   .commingsoonWrap .commingsoonText {  width: 58%; top:120px;}
   footer .footer-linkWrap .quicklinkWrap ul li a{    padding: 0 9px;}
.howtobookWrap.blogdetailsWrap { padding: 30px;}  
   .bannerButton.firstBanner{ left: 15%; bottom: 120px;}
}
 @media only screen and (max-width: 959px) {
header .container_16 .grid_3 { width: 22.75%;}
header .container_16 .grid_10 { width: 73.1%; float:right; }
.navButton{ float: right; margin-top: 15px; cursor: pointer; border: 1px solid #141d48; border-radius: 4px; padding:  7px; transition: 0.5s; display: inline-block;}
.navButton span{ width: 15px; height: 2px; background: #141d48; display: inline-block; line-height: 2px;}
.navButton span:first-child{transform: rotate(50deg); margin: 11px 0 0 0; transition: 0.5s;}
.navButton span:last-child{transform: rotate(-50deg); margin: 11px 0 0 -9px; transition: 0.5s;}
.navButton:hover, .navButton.active{  border: 1px solid #141d48; background: #141d48; transition: 0.5s; padding: 6px 7px 8px 7px;}
.navButton:hover span, .navButton.active span{  background: #ffffff; transition: 0.5s;}
.navButton:hover span:first-child, .navButton.active span:first-child{transform: rotate(-50deg); margin: 11px 0 0 0;}
.navButton:hover span:last-child, .navButton.active span:last-child{transform: rotate(50deg); margin: 11px 0 0 -9px; }
.availabilityWrap {position: relative; right: 0; top: 0; width: auto;}
.availabilityWrap .inputBox input { width: 96.8%;}     
.availabilityWrap .inputBox select { width: 99.8%;} 
header .mobileRight{ display: block;}
.search.searchBox{ display: none;}        
header .userGrid{ display:none;}     
.navigation nav{ position: fixed; width: 40%; background: #ffffff; margin: 0; right: 0; top: 72px; z-index: 999; -webkit-box-shadow: -1px 3px 4px 0px rgba(0,0,0,0.1); -moz-box-shadow: -1px 3px 4px 0px rgba(0,0,0,0.1); box-shadow: -1px 3px 4px 0px rgba(0,0,0,0.1); display: none; overflow-y: scroll;}
nav > ul{padding: 20px 0 0 0; }
nav > ul > li > a:after{ display:none;}     
nav > ul{ text-align: left;}
nav > ul > li{ display: block; padding-bottom: 0; position: relative;}
nav > ul > li span.arrowBtn{ position: absolute; top: 0; left: 0; width: 100%; height: 35px; cursor: pointer; z-index: 9;}
nav > ul > li > a{ display: block; padding: 10px 0 10px 40px; font-size: 14px; line-height: 14px; color: #959595; position: relative;}
nav > ul > li > ul{ display: none;}
nav > ul > li > ul > li{ position: relative;}
nav > ul > li > ul > li > a{ display: block; padding: 10px 0 10px 60px; font-size: 12px; line-height: 14px; color: #959595;}
nav > ul > li > ul > li > a:hover, nav > ul > li > ul > li.active > a{ color: #000000;}
nav > ul > li.deeper.parent > a:after {content: "";  background: url(../images/down-arrow.svg); position: absolute; right: 22px;  top: 13px; z-index: 1;  width: 9px; height: 9px; transition: 0.5s; display: inline; left: auto;}  
 .mobileRight ul{ padding-bottom: 20px;}
 .mobileRight ul li{display: block; padding-bottom: 0; position: relative;}
.mobileRight ul li:first-child{ display:none;}
.mobileRight ul li img{ display:none;}
.mobileRight ul li a{display: block; padding: 10px 0 10px 40px; font-size: 14px; line-height: 14px; color: #959595;}
.bannerWrap {margin-top: 71px;}
.home-exploreWrap .home-exploreBox .home-exploreInfo .home-exploreText {min-height: 63px;}     
footer .footeraddWrap .footeradd .footeradd-Inner { padding: 0 5% 0 24%;}     
footer .footer-linkWrap .quicklinkWrap ul li a { padding: 0 14px;}
footer .footer-linkWrap .quicklinkWrap { width: 64%;}     
footer .socialinkWrap { width: 36%;}
.scheduleBox .week ul li .eventName{ left: -170px;}
.scheduleBox .week ul li:first-child .eventName, .scheduleBox .week ul li:nth-child(2) .eventName, .scheduleBox .week ul li:nth-child(3) .eventName { left: auto; right: -170px;}
.scheduleBox .week ul li:first-child .eventName:after, .scheduleBox .week ul li:nth-child(2) .eventName:after, .scheduleBox .week ul li:nth-child(3) .eventName:after {  right: auto;  left: -17px; background: url(../images/eventarrow.png) no-repeat;}     
.aboutBookWrap .aboutBookBox { top: 25px;}
.aboutBookWrap .aboutBookBox .aboutBookLeft { width: 70%; margin-right: 4%;}
.contentWrap .contactusWrap .contactInfo { width: auto; float: none;}     
.contentWrap .contactMap { width: auto; float: none;} 
.enquireformWrap .enqInput input, .enquireformWrap .enqInput textarea { width: 93%;}     
.enquireformWrap .enqInput.radioBox .radioInput label{ width: 32%;}
.enquireformWrap .enqInput.radioBox .radioInput input[type="radio"]#enq_reason3+label{ margin-top: 15px;}     
.event-filterWrap .filterBox { width: auto; margin: 0 1%; float: none;}     
.event-filterWrap .filterBox.filterMonth{ margin-bottom: 20px;}
.eventslistWrap .eventslistBox .eventslistContent .eventslistInfo { width: auto; float: none; margin-right: 0;}
.eventslistWrap .eventslistBox .eventslistContent .eventslistBook { width: auto; float: none;text-align: left; margin-top: 15px;}     
.eventslistWrap .eventslistBox .eventslistContent .eventslistName{ width: auto; float: none; font-size: 18px; line-height: 20px; margin-bottom: 10px;}
.eventslistWrap .eventslistBox .eventslistContent .eventslistDate { width: auto; float: none; text-align: left; margin-bottom: 5px;}
.bannerBelow { padding: 20px 0 50px 0;}    
.corporateGatheringsWrap .corporateGatheringsInfo { width: 70%;top: 40px;}  
.commingsoonWrap .commingsoonText {  width: 78%; top:70px;}   
.bannerButton { bottom: 40px;}
.howtobookWrap.blogdetailsWrap { padding: 20px;}  
.bannerButton.firstBanner { left: 11%;  bottom: 80px;}
}

 @media only screen and (max-width: 800px) {
}

 @media only screen and (max-width: 768px) {
.container_16 { width: 94%; margin-left: auto; margin-right: auto;}
.availabilityWrap { width: 92%; margin: 0 auto;}     
.availabilityWrap .availabilityInner { padding: 20px 0;}     
.corporateGatheringsWrap .corporateGatheringsInfo { width: 80%;top: 40px;}
.corporateGatheringsWrap .corporateGatheringsInfo .corporateGatheringsButton { margin-top: 20px;}    
footer .footeraddWrap .footeradd .footeradd-Inner .foot-add a { display: block;}
footer .footer-linkWrap .quicklinkWrap { width: auto;  float: none; text-align: center;}
footer .footer-linkWrap .quicklinkWrap ul{ margin-top: 0;}     
footer .footer-linkWrap .quicklinkWrap ul li { float: none;  display: inline-block;}    
footer .socialinkWrap ul li{ float: none; display: inline-block;}
footer .socialinkWrap { width: auto; float: none; text-align: center;}     
footer .socialinkWrap ul { float: none; margin-right: 0; margin-top: 15px;}
footer .footerlink { padding-top: 15px;}
footer { padding: 10px 0 30px 0;}
footer .footerlink{ text-align:center;}
footer .footerlink ul li { float: none; display:inline-block;}     
}

 @media only screen and (max-width: 753px) {
h2{ margin-bottom: 15px;}     
.bannerBelow { padding: 10px 0 30px 0;}
.home-exploreWrap, .offerdealsWrap  { padding-bottom: 30px;}     
.corporateGatheringsWrap { margin-bottom: 30px;}      
.pageData { margin-top: 30px;}
.roomsSlider,.aboutBookWrap { margin-bottom: 30px;}
.aboutBookWrap .aboutBookBox { width: 95%;}
.aboutBookWrap .aboutBookBox .aboutBookLeft {width: 72%; margin-right: 2%;}   
.enquireformWrap .enqInput.radioBox .radioInput label { width: 48.6%;}
.enquireformWrap .enqInput.radioBox .radioInput input[type="radio"]#enq_reason3+label, 
.enquireformWrap .enqInput.radioBox .radioInput input[type="radio"]#enq_reason2+label  { margin-top: 15px;} 
.blogLeft {width: auto; float: none;}
.blogRight{ display:none;}   
}

 @media only screen and (max-width: 736px) {
.corporateGatheringsWrap .corporateGatheringsInfo h2 { font-size: 25px; margin-bottom: 10px;}
.innerbannerWrap h1.heading { font-size: 32px; line-height: 32px; bottom: 20px;}
.aboutBookWrap .aboutBookBox { top: 20px;}
.navigation nav { width: 45%;}
.enquireformWrap .enqInput.radioBox .radioInput label{ margin-right:2%;}     
.enquireformWrap .enqInput.radioBox .radioInput input[type="radio"]#enq_reason1+label, 
.enquireformWrap .enqInput.radioBox .radioInput input[type="radio"]#enq_reason3+label{ margin-right: 0;}  
.commingsoonWrap .commingsoonText h1{font-size: 32px; line-height: 32px;  bottom: 20px;}   
.bannerButton.firstBanner { left: 10%;  bottom: 60px;}   
}

 @media only screen and (max-width: 711px) {
.corporateGatheringsWrap .corporateGatheringsInfo { top: 80px;}
.corporateGatheringsWrap .corporateGatheringsInfo h2 { font-size: 25px; margin-bottom: 30px;}
.corporateGatheringsWrap .corporateGatheringsInfo .corporateGatheringsButton { margin-top: 40px;}    
footer .footeraddWrap .footeraddInner {padding-bottom: 30px;}   
.commingsoonWrap .commingsoonText { width: 84%; top: 70px;}
.commingsoonWrap .commingsoonText h1{ margin-bottom:30px;}   
.bannerButton { bottom: 30px;}
.bannerButton a { padding: 12px 20px;}   
}

 @media only screen and (max-width: 640px) {
.corporateGatheringsWrap .corporateGatheringsInner img.desktopBackground{ display: none;}
.corporateGatheringsWrap .corporateGatheringsInner img.tabBackground{ display: block;} 
.aboutBookWrap img.desktopBackground{ display: none;}
.aboutBookWrap img.tabBackground{ display: block;}      
.availabilityWrap .inputBox input { width: 95.8%;}  
footer .footeraddWrap { text-align:center;}
footer .footeraddWrap .footeradd .footeradd-Inner { padding: 0;}    
footer .footeraddWrap .footeradd { width: auto; float: none;}     
footer .footeraddWrap .footeradd.footeraddLeft:after, footer .footeraddWrap .footeradd.footeraddLeft .footeradd-Inner .after:after, footer .footeraddWrap .footeradd.footeraddRight .footeradd-Inner .after:after{ display:none;}
footer .footeraddWrap .footeradd .footeradd-Inner .foot-add h3 { margin: 30px 0 0px 0;}    
.roomsSlider .roomGroup .roomtext { min-height: 148px;}  
.aboutBookWrap .aboutBookBox { text-align:center; top:30px;}
.aboutBookWrap .aboutBookBox .aboutBookLeft { width: auto; margin-right: 0; float: none;}     
.aboutBookWrap .aboutBookBox .aboutBookRight{ width: auto;float: none; margin-top: 20px;}     
.aboutBookWrap .aboutBookBox .aboutBookRight a { display: inline-block; padding: 9px 30px;}
.GalleryWrap, .contentWrap,.content50Wrap { margin-bottom: 30px;}
.contentWrap .contentLeft { width: auto; float: none; padding-right: 0; margin-bottom: 15px;}     
.contentWrap .contentLeft .contentLeft-inner { text-align: left;}
.contentWrap .contentRight { width: auto; float: none; padding-right: 0;}     
.content50Wrap .contentLeft { width: auto; float: none;}
.content50Wrap .contentRight { width: auto;  float: none;} 
.contentWrap .contentLeft .contentLeft-inner h3 br{ display:none;} 
.scheduleWrap .scheduleFilter label { width: 17.6%;}  
.contentWrap .contentLeft .contentLeft-inner .heighLight{ margin-bottom: 0;}
.enquireformWrap .enqInput input, .enquireformWrap .enqInput textarea { width: 91%;}
.enquireformWrap .enqInput.fullWidth input, .enquireformWrap .enqInput.fullWidth textarea { width: 95.1%;}   
.scheduleWrap .schedule-GroupWrap .schedule-BoxWrap { width: auto; float: none; margin-top: 20px;}
.scheduleBox .week ul li {margin: 10px 0; min-height: 78px;}
.scheduleBox .week ul li .eventName {font-size: 10px; line-height: 12px; margin: 6px 0;}  
.scheduleWrap .scheduleFilter#mySelect{ display:none;}
.scheduleWrap .scheduleFilter#selectMonth{ display:block; margin: 0 1%;} 
.scheduleWrap .scheduleFilter#selectMonth select{width: 100%;padding: 15px 10px; border: 1px solid #141d48; border-radius: 4px;}  
.scheduleWrap .schedule-GroupWrap { margin: 10px 0 0 0;} 
.commingsoonWrap .commingsoonText { width: 90%; top: 40px;}
.content50Wrap .contentLeft .contentLeft-inner h3 { display: block; margin: 20px 15px;}
.content50Wrap .contentRight .contentRight-inner h3.desktopTitle{ display:none}   
.content50Wrap .contentLeft h3.mobileTitle{ display:block; margin-bottom: 15px; text-transform: uppercase; font-size: 18px; font-family: 'montserratsemibold';}
  
}

 @media only screen and (max-width: 600px) {
.navigation nav { width: 50%;}     
.roomsSlider .roomGroup .roomtext { min-height: 155px;}     
.roomsSlider .roomGroup .roomInfo{ min-height:84px;}     
.roomsSlider .roomGroup .roomBottom .addRoom { width: auto;  float: none;} 
.roomsSlider .roomGroup .roomPrice { text-align: center;}     
.roomsSlider .roomGroup .roomBottom .selectRoom { width: auto; float: none;}  
.schedule-GroupWrap .schedule-BoxWrap .scheduleBox .scheduleBoxinner { padding: 10px;}
.contentWrap .contactusWrap .contactInfo .contcatLeft { width: auto; float: none;}
.contactInfo .contcatRight { width: auto; margin: 20px 0 0 0; float: none;} 
.contactInfo .contcatRight .contcatRightInner { padding: 20px 20px 0 20px;}
.contactusWrap .contactInfo .contcatLeft .contcatLeftInner { padding: 0 20px 20px 20px;}
.contactusWrap .contactInfo ul.contactSocial { margin-top: 0;}  
.enquireformWrap .enqInput { position: relative; width: auto; margin: 0 0 20px 0; float: none;}     
.enquireformWrap .enqInput input, .enquireformWrap .enqInput textarea, .enquireformWrap .enqInput.fullWidth input, .enquireformWrap .enqInput.fullWidth textarea{ width: 95.1%;}
.enquireformWrap .enqInput.fullWidth{ width:auto;}   
.enquireformWrap .enqInput.radioBox .radioInput label { width: 48.5%;}
.eventslistWrap .eventslistBox { width: auto; float: none; margin: 0 1% 20px 1%;}
.enquireformWrap .enqSubmit { margin: 0;}     
}
 @media only screen and (max-width: 569px) {
.navigation nav { width: 60%;}     
nav > ul > li > a, .mobileRight ul li a {padding: 10px 0 10px 25px;}
nav > ul > li > ul > li > a{ padding: 10px 0 10px 40px;}
.roomsSlider .roomGroup .roomtext { min-height: 170px;}     
.roomsSlider .roomGroup .roomInfo br{ display: none;}     
.aboutBookWrap .aboutBookBox { top: 20px;}
.scheduleBox .week ul li .eventName { font-size: 9px;}
.commingsoonWrap .commingsoonText { width: 92%; top: 40px;}
.commingsoonWrap .commingsoonText h1 { margin-bottom: 20px;}
.bannerButton a { padding: 10px 20px; font-size: 12px;}  
}
 @media only screen and (max-width: 568px) {
}
 @media only screen and (max-width: 533px) {
.commingsoonWrap .commingsoonText{ font-size:12px; top:25px;}
   .commingsoonWrap .commingsoonText .commingsoonInfo p br{ display:none;}
.bannerButton.firstBanner { left: 7%;  bottom: 30px;}   
}
 @media only screen and (max-width: 480px) {
.availabilityWrap .inputBox input {  width: 95%;} 
.corporateGatheringsWrap .corporateGatheringsInfo { top: 40px;}
.corporateGatheringsWrap .corporateGatheringsInfo h2 { font-size: 25px; margin-bottom: 20px;}
.corporateGatheringsWrap .corporateGatheringsInfo .corporateGatheringsButton { margin-top: 30px;} 
footer .footer-linkWrap .quicklinkWrap ul li a { padding: 0 6px; font-size: 12px;}
.innerbannerWrap h1.heading { font-size: 24px; line-height: 24px; bottom: 15px; height: auto;}
.aboutBookWrap .aboutBookBox .aboutBookLeft{ font-size:11px;}
.aboutBookWrap .aboutBookBox .aboutBookRight a { padding: 6px 30px;}
.scheduleBox .week ul li .eventName { font-size: 7px;  line-height: 8px;} 
.enquireNowWrap .enquireformWrap .enquireformInner { padding: 20px 20px;}     
.enquireformWrap .enqInput.radioBox .radioInput label { width: 48.4%; font-size: 11px;}
.enquireformWrap .enqInput input, .enquireformWrap .enqInput textarea, .enquireformWrap .enqInput.fullWidth input, .enquireformWrap .enqInput.fullWidth textarea { width: 94.1%;}     
}
 @media only screen and (max-width: 424px) {
.bannerWrap .rslides img.desktopBanner{ display:none;}
.bannerWrap .rslides img.mobileBanner{ display:block;}     
.availabilityWrap .inputBox input {  width: 93.8%;}
.home-exploreWrap .home-exploreBox{ margin: 0 4px;}
.aboutBookWrap img.mobileBackground{ display: block;}
.aboutBookWrap img.tabBackground{ display: none;}  
.corporateGatheringsWrap .corporateGatheringsInner img.mobileBackground{ display: block;}
.corporateGatheringsWrap .corporateGatheringsInner img.tabBackground{ display: none;} 
.corporateGatheringsWrap .corporateGatheringsInfo h2 { font-size: 30px; margin-bottom: 20px; line-height: 34px;}
.corporateGatheringsWrap .corporateGatheringsInfo { top: 70px;}
.innerbannerWrap h1.heading { font-size: 20px; line-height: 20px;}
.roomsSlider .roomGroup .roomtext { min-height: 130px;}
.roomsSlider .roomGroup .roomInfo { min-height: 54px;}
.content50Wrap .contentRight .contentRight-inner h3 { margin-bottom: 10px;}     
.contentWrap .contentLeft{ margin-bottom: 10px;} 
.contentWrap .contentLeft .contentLeft-inner h3 {font-size: 22px;line-height: 28px;}
.content50Wrap .contentRight .contentRight-inner { padding: 10px 10px;} 
.enquireformWrap .enqInput input, .enquireformWrap .enqInput textarea, .enquireformWrap .enqInput.fullWidth input, .enquireformWrap .enqInput.fullWidth textarea { width: 93.1%;}     
.enquireformWrap .enqInput.radioBox .radioInput label { width: auto; font-size: 12px; float: none; margin: 0 0 10px 0;}     
.enquireformWrap .enqInput.radioBox .radioInput input[type="radio"]#enq_reason3+label{ margin-bottom: 0px;}     
.enquireformWrap .enqInput.radioBox .radioInput br{ display:none;}     
.event-filterWrap .filterBox .filterInput label {width: 31.2%; margin-bottom: 10px;}
.event-filterWrap .filterBox.filterCity .filterInput label { width: 31.3%;} 
.contactInfo .contcatRight .contcatRightInner { padding: 10px 10px 0 10px;}     
.contactusWrap .contactInfo .contcatLeft .contcatLeftInner { padding: 0 10px 30px 10px;}     
.enquireNowWrap .enquireformWrap .enquireformInner { padding: 10px 10px;}     
.navigation nav { width: 99.8%;}    
.aboutBookWrap .aboutBookBox .aboutBookLeft { font-size: 12px;}  
.aboutBookWrap .aboutBookBox { top: 40px;}
.aboutBookWrap .aboutBookBox .aboutBookRight { margin-top: 40px;}  
.GalleryWrap .slick-next.slick-arrow {  right: -10px;}     
.GalleryWrap .slick-prev.slick-arrow { left: -10px;}
.commingsoonWrap img.desktopBg{ display:none;}
.commingsoonWrap img.mobileBg{ display:block;}  
.commingsoonWrap .commingsoonText { font-size: 14px;  top: 85px;}  
.bannerButton,.bannerButton.firstBanner  { position: relative; z-index: 98; left: 0; bottom: 0;}
.bannerButton a {  padding: 10px 0;font-size: 14px;border-radius: 0; display: block; text-align: center;}   
.bannerWrap .rslides img{ float:none;}   
}
 @media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 412px) {
}
 @media only screen and (max-width: 400px) {
.availabilityWrap .inputBox input { width: 92.8%;}  
.availabilityCode .availabilityCodeinner ul li span { font-size: 11px;}  
.availabilityCode .availabilityCodeinner ul li span.colorcode { width: 11px; height: 11px; border-radius: 2px; margin-top: 3px; margin-right: 3px;}     
.availabilityCode .availabilityCodeinner ul li { margin-left: 10px;}     
.availabilityCode .availabilityCodeinner ul li:first-child { margin-left: 0;} 
.aboutBookWrap .aboutBookBox .aboutBookRight { margin-top: 30px;}      
}
 @media only screen and (max-width: 384px) {
}
 @media only screen and (max-width: 375px) {
.corporateGatheringsWrap .corporateGatheringsInfo { top: 30px;}
footer .socialinkWrap ul li a img{ width:17px;}
.enquireformWrap .enqInput input, .enquireformWrap .enqInput textarea, .enquireformWrap .enqInput.fullWidth input, .enquireformWrap .enqInput.fullWidth textarea {  width: 92.1%;}     
.aboutBookWrap .aboutBookBox .aboutBookRight { margin-top: 20px;}  
.event-filterWrap .filterBox .filterInput label { width: 31.1%;}          
.event-filterWrap .filterBox.filterCity .filterInput label { width: 31.1%;} 
.commingsoonWrap .commingsoonText { font-size: 14px;  top: 45px;}   
}
 @media only screen and (max-width: 360px) {
.aboutBookWrap .aboutBookBox { top: 25px;}
.aboutBookWrap .aboutBookBox .aboutBookRight { margin-top: 20px;}   

}
 @media only screen and (max-width: 321px) {
.aboutBookWrap .aboutBookBox { top: 10px;}
.aboutBookWrap .aboutBookBox .aboutBookRight { margin-top: 10px;} 
.corporateGatheringsWrap .corporateGatheringsInfo { width:90%;left: 0; right: 0; margin: 0 auto;}
.corporateGatheringsWrap .corporateGatheringsInfo h2 {font-size: 28px; margin-bottom: 10px; line-height: 30px;}
.commingsoonWrap .commingsoonText { font-size: 12px;  top: 40px;}   
}