table.ResponsiveTable {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.ResponsiveTable caption {
  font-size:15px;
  margin: .5em 0 .75em;
}

table.ResponsiveTable tr {
  background-color: #f8f8f8;
  border:none;
  padding:0;
}

table.ResponsiveTable th,
table.ResponsiveTable td {
  padding: .625em;
  text-align: center;
}

table.ResponsiveTable th {
  font-size:15px;
  text-transform: none;
}

.ExclusiveSavingsbox.Facials .Offersdiv h2 { color:#000;   }

.MainAllLinkTag {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}
.AllLinkTag {
    height: 40%;
    top: 70px;
    position: relative;
    width: 87%;
    margin: 0 0 0 26px;
}
.themegarosleep{ height: 100%;  width: 100%; display: flex; justify-content: center; }
.AllLinkTag2 {top: 80px;
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 153px;
}
section.main-slider .banner1 img { width:692px; height:783px;  }


a.hokuspokus {
    height: 123px;
    display: inline-block;
    position: relative;
    left: 20px;
    width: 60px;
    top: 13px;
}
a.magentarestaurant {
    width: 87px;
    display: inline-block;
    height: 155px;
    margin:0px 0 0 -7px;
}
a.spagnoletti {
    width: 56px;
    margin-right: 60px;
}


section.main-slider.CmsBanner .BannreBg { width: 530px; height:602px; margin: 0 auto; position:relative; }
section.main-slider.CmsBanner .bannerimg img { width: 530px; height:602px; }
section.main-slider.CmsBanner .bannerimg .AllLinkTag { top: 60px;  }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 { top: 70px; justify-content: space-between; width:90%; margin-left: 10px; height: 114px;   }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.hokuspokus { height: 90px;  width: 40px; left: 0; }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.magentarestaurant { margin:0px 0 0 -7px; height: 117px; width: 66px; }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.spagnoletti { width: 46px;  margin-right: 0; height: 114px; }



.PopupDivHeader {
    float: left;
    width: 100%;
    text-align: center;
}
.PopupDivHeader ul.social { display: flex; justify-content: center; list-style: none; padding: 0; margin: 0 0 20px 0;  }
.PopupDivHeader ul.social li { padding:0 10px;  }
.PopupDivHeader ul.social li a,.PopupDivHeader .mainPhoneno a  { color:#fff;   } 
.PopupDivHeader .mainPhoneno { padding-bottom: 10px;  }
.PopupDivHeader .headericon { justify-content: center; width: 100%;  }







@media screen and (max-width: 800px) {
  table.ResponsiveTable {
    border: 0;
  }

  table.ResponsiveTable caption {
    font-size:15px;
  }
  
  table.ResponsiveTable thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.ResponsiveTable tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.ResponsiveTable td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size:15px;
    text-align: right;
  }
  
  table.ResponsiveTable td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: none;
  }
  
  table.ResponsiveTable td:last-child {
    border-bottom: 0;
  }
}

/*body.cmspage.what-we-do .section_cover-image.BannerInnerNew:before { 
 background-color: #000; 
 position: absolute; 
 top:13px; 
 width: 100%; 
 height: 100%; 
 opacity: 0.3; 
 content: "";
 z-index: 1;
}
body.cmspage.what-we-do .section_cover-image.BannerInnerNew .banner-content.TxtCenter { position: relative;z-index: 9; }
*/
@media screen and (max-width:1480px) and (min-width:1241px) { 
.Miancontainerfull,.container { max-width:100%; width:71%; }
.home-restaurants__left { width: 30%; }

.RoomSection .Offersdiv p { min-height:234px !important;  }
section.RoomsGallery ul li { width:30.7%; }

.home-restaurants__left { width: 20%; }
.in-view .home-restaurants__left__image .moz-background-picture { height: 150px; }
.home-restaurants__left__image .moz-background-picture { height: 150px; }
.home-restaurants__right { width: 77.666%;  }
.tab--eight-twelfths, .tab--four-sixths, .tab--two-thirds { width: 55%; }
.tab--four-twelfths, .tab--one-third, .tab--two-sixths { width: 44%; }

.insightsBox h3 { height: 110px; line-height: 26px;  }

.navbar_menu ul li a  { margin: 0 20px; }

}
@media screen and (max-width:1240px) and (min-width:1024px) {
.navigation {    margin-left: 0; }
.contactPage .AddressBox .Cntbox { padding: 0; height: auto;  }
.category_insights .TextContent a.text-extra-dark-gray { height: auto;  }
.LoginPages .Loginbox .inputBox { width: 48.4%;  }
.LoginPages .registerboxnew.Loginbox { margin-right: 28px;   }
.navigation nav ul li a { padding: 10px 15px 15px 15px;  }
section.our-team ul li { width: 30%; margin-bottom: 20px;   }
section.SectionInsights .Main_insights .insightsBox { width:31.5%;  }


.RoomSection .Offersdiv p { min-height:234px !important;  }
.RoomSection .offersimg img { width:100%;  }

section.MainhomeContent .container { width: 97%;  }
.Miancontainerfull,.container { max-width: 100%; width:80%;  }
.MainRightHeader {left: 21px; }
.MainLeftHeader { width: 95px; right: 21px; }
.MainLeftHeader .headericon .btn { padding:8px 8px; }
header .logo-left { width: 100%; }
section.MainhomeContent .homeContent { width: 84%; }
.home-restaurants__left { width: 30%; }

.RoomSection .col-md-12.Offersbox .Offersdiv p {  min-height:100% !important;  }
section.RoomsGallery ul li { width:30.7%; }

.NewinsightsBox { max-width: 50%; float:left; }
.insightsBox .news-block { margin: 0;   }
.insightsBox h3 { border-top: none; margin-top: 0; padding-top: 0; height: 90px;    }
.insightsBox .news-short { min-height: 238px;  }

.tripadvisorlogo { margin-left: 0;  }

.home-restaurants__left { width: 20%; }
.in-view .home-restaurants__left__image .moz-background-picture { height: 150px; }
.home-restaurants__left__image .moz-background-picture { height: 150px; }
.home-restaurants__right { width: 77.666%;  }
.tab--four-twelfths, .tab--one-third, .tab--two-sixths { width: 39.333%; }
.moz-background-picture { height: 70vh; }
.tab--eight-twelfths, .tab--four-sixths, .tab--two-thirds {
    width: 55.666%;
}

.insightsBox h3 { height: 80px; line-height: 26px;  }

.navbar_menu ul li a { font-size: 21px !important; margin: 0 9px; }
.navbar_menu ul li a:before { right: -12px; height:16px; }
.w-nav-overlay .navbar_menu ul li a { font-size: 20px !important; }


}
@media screen and (max-width:1023px) and (min-width:767px) {
.container { width: auto;  }
header .logo-left { max-width:80px; text-align: left; margin: 0; padding: 0; width:100%; }
header .headertop {display: none;  }
.headerMobile { display: none;  }
.headerMobile ul.RegistrationBox li.LogInbtn .fa.fa-lock { display: none; }
.headerMobile ul.RegistrationBox { margin: 0px 0 0 0;  padding: 0;  float: right; list-style: none;}
.headerMobile ul.RegistrationBox li span.LogIn { display: none; }
footer.footermain .MainFooterBox { width: 33%; float: left; }
.MainserviceBox { float: left; width: 33%;  } 
.SettingIconBox { bottom:75px !important;  }
.back_to_top.on { bottom:75px;  }
.MainLeftSide { width: 100%; margin-right: 0;    }
.MainRightSide { width: 100%;  }
.stickyfooterBtn { margin-bottom:30px;   }
.contactPage .AddressBox .Cntbox { padding: 0; height: auto;  }
.LoginPages .registerboxnew.Loginbox {width: 42%;}
.LoginPages .Loginbox { width: 53%; }
.LoginPages .Loginbox .inputBox { width: 100%;  }
.LoginPages .LoginSubmit.inputBox { width: auto;   }
.LoginPages .ForgottenBox.inputBox { width: auto;  }
.Candidated_Form .form-group .PasswordBox1 button.btn { border: none; padding: 0; text-transform: none; font-weight: normal;  }
span.myAccount, i.fa.fa-user.myAccounticon { display: none;  }
.Candidated_Form .form-group .Passbtn  button.btn {  width: 40px; }
.Candidated_Form .form-group .PasswordBox1 { width: 48.3%;  }
section.our-team .row { margin: 0;  }
section.our-team ul li { width: 30%; margin-bottom: 20px;   }
.getintouch ul li { width:49%; margin-bottom:20px;   }
section.SectionInsights.IndustryNews .latest-post .insightsBox { width: 46%;  }
.job-newsletter label.col-sm-2 {  width: 100%;  }
section.SectionInsights.IndustryNews .latest-post .insightsBox {
    width: 31.8%;}
section.our-team .row { margin: 0;  }
section.our-team ul li { width: 30%; margin-bottom: 20px;   }
.getintouch ul li { width:49%; margin-bottom:20px;   }
section.SectionInsights .Main_insights .insightsBox { width:31.5%;  }

a.Filterbtn.btn { display: inline-block; width:49%; }
.sidenav.mySidenavFilter {display: none;position: fixed; background: #fff; max-width: 280px; box-shadow: 0 3px 10px rgb(0 0 0 / 8%);}
.toolbox-left .select-custom { display: flex; justify-content:space-between; }
.toolbox-left { width: 50%; }
select.form-control.selectize {width: 49%;}
.PopupSearchBox .BasicproductSearch form { flex-direction:column;  }

.MainLeftHeader {width: 100%; left: 0; top: 0; position: relative;  display: flex;  align-items: center;  justify-content: space-between; }
.headericon { width:auto;   }
.headericon span { display:inline-block;  }
.headericon span.open_mobileview.tel {font-size: 38px; margin-top: -6px; width: auto; margin-right: 0;}
.sidenav .navigation nav ul li {  text-align:center;  }

section.main-slider.HomeBanner { margin-top:120px; padding-bottom:0; }
.fulllogo img { width:100%;  }
.Footer { padding-bottom:40px;  }

.home-restaurants__right { margin-top:0; width: 76.666%;  }
section.Offers .Offersbox {
    max-width: 33%;
    float: left;
}
section.Offers .Offersdiv .offersimgbox { justify-content:center;  }
section.Offers .offersimg img { max-width:inherit;  }

.RoomSection .Offersbox { max-width:50%; float:left;  }
.RoomSection .Offersdiv p { min-height:300px !important;  }
.RoomSection .offersimg img { width:100%;  }

.home-restaurants .grid.grid--middle { min-height:450px; margin-top: 0;   }
.bookdirectbox .MainCheckBox { flex-wrap:wrap; width: 100%; }
.bookdirectbox .CheckBox { width: 100%; margin-bottom: 15px;   } 
.bookdirectbox form { flex-wrap: wrap;  }
.bookdirectbox .InputBox { width: 100%; margin-bottom: 15px;  }
.bookdirectbox .CheckAvailability { margin: 0; width: 100%;  }

.offersimg {height: auto;overflow: hidden; }
.RoomSection .Offersdiv h3 { height: 60px;  }
section.RoomsGallery ul li { width:46.6%; }

.MainAllLinkTag { width:547px; left: 0; right: 0; margin: 0 auto; }
section.main-slider .banner1 img {width: 587px; height: 665px;}
.AllLinkTag2 { height: 130px;  }
a.hokuspokus { height:100%; }
a.magentarestaurant {width: 70px; height: 100%; margin: 0px 0 0 -18px; }
a.hokuspokus { left: 0;  width: 40px;  top: 0; }
a.spagnoletti { width: 37px;margin-right: 37px; }

section.main-slider.CmsBanner .BannreBg { width: 547px; height:665px; margin: 0 auto; position:relative; }
section.main-slider.CmsBanner .bannerimg img { width: 547px; height:665px; }
section.main-slider.CmsBanner .bannerimg .AllLinkTag { top: 60px;  }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 {top: 74px; width: 90%; margin: 0 0 0 20px; height: 130px;}
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.hokuspokus { height: 100%;  width: 37px;  }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.magentarestaurant { margin: 0px 0 0 0px; height: 100%; }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.spagnoletti { width: 46px;  margin-right: 0; height: 100%; }

header.sticky { background-color: #272727; padding: 10px;  left: 0; right: 0; top: 0;}
header {
    position: fixed;
    z-index: 9;
    top: 20px;
    left: 10px;
    right: 10px;
}
section.main-slider { margin-top:60px; padding-bottom:0; }
.RoomSection .Offersdiv { margin:0px 0px 30px 0px; z-index: auto; padding: 20px; }
.RoomSection .Offersdiv:before { display: none; } 

.NewinsightsBox { max-width: 50%; float:left; }
.insightsBox .news-block { margin: 0;   }
.insightsBox h3 { border-top: none; margin-top: 0; padding-top: 0; height: 90px;    }
.insightsBox .news-short { min-height: 238px;  }
.tripadvisorlogo { display: none;  }
.TripadvisorTravellers {
    display: block;
}


.home-restaurants__left { width: 20%; }
.in-view .home-restaurants__left__image .moz-background-picture { height: 150px; }
.home-restaurants__left__image .moz-background-picture { height: 150px; }

.insightsBox h3 { height: 80px; line-height: 26px;  }

.navbar_menu ul li a { font-size: 18px !important; margin: 0 12px; }
.navbar_menu ul li a:before { right: -15px; height:16px; }


}
@media screen and (max-width:766px) and (min-width:651px) {
header .headertop {display: none;  }
header .logo-left { max-width:80px; text-align: left; margin: 0; padding: 0; width:100%; }
.headerMobile { display: none;  }
.headerMobile ul.RegistrationBox li.LogInbtn .fa.fa-lock { display: none; }
.headerMobile ul.RegistrationBox { margin: 0px 0 0 0;  padding: 0;  float: right; list-style: none;}
.headerMobile ul.RegistrationBox li span.LogIn { display: none; }
.JobsByIndustry ul li {   width: auto; display: block; } 
.JobsByIndustry ul li:last-child { margin-right: 10px;   }
footer.footermain .MainFooterBox { width: 33%; float: left; }
.SettingIconBox { bottom: 63px !important;  }
.back_to_top.on { bottom: 62px;  }
.MainLeftSide { width: 100%; margin-right: 0;    }
.MainRightSide { width: 100%;  }
.stickyfooterBtn { margin-bottom:30px;   }
.contactPage .AddressBox .Cntbox { width: 50%; padding: 0; height: auto;  }
.Servicelisting p.ServiceSummary { min-height: auto; margin-bottom: 10px;  } 
.LoginPages .registerboxnew.Loginbox {width: 42%;}
.LoginPages .Loginbox { width: 53%; }
.LoginPages .Loginbox .inputBox { width: 100%;  }
.LoginPages .LoginSubmit.inputBox { width: auto;   }
.LoginPages .ForgottenBox.inputBox { width: auto;  }
.Candidated_Form .form-group .PasswordBox1 button.btn { border: none; padding: 0; text-transform: none; font-weight: normal;  }
span.myAccount, i.fa.fa-user.myAccounticon { display: none;  }
.Candidated_Form .form-group .Passbtn  button.btn {  width: 40px; }
.form-group.PositionFixedBox .btn { width: 100%; margin-bottom: 10px;   }
.form-group.PositionFixedBox .col-lg-12 { padding: 0;  }
.job-newsletter label.col-sm-2 {  width: 100%;  }
section.our-team .row { margin: 0;  }
section.our-team ul li { width: 30%; margin-bottom: 20px;   }
.getintouch ul li { width:49%; margin-bottom:20px;   }
section.SectionInsights.IndustryNews .latest-post .insightsBox { width: 46%;  }
section.SectionInsights .Main_insights .insightsBox { width: 100%;  }
.MainLeft { width: 100%; }
.MainRight { width: 100%; }

a.Filterbtn.btn { display: inline-block; width:49%; }
.sidenav.mySidenavFilter {display: none;position: fixed; background: #fff; max-width: 280px; box-shadow: 0 3px 10px rgb(0 0 0 / 8%);}
.toolbox-left .select-custom { display: flex; justify-content:space-between; }
.toolbox-left { width: 50%; }
select.form-control.selectize {width: 49%;}
.PopupSearchBox .BasicproductSearch form { flex-direction:column;  }

.MainLeftHeader {width: 100%; left: 0; top: 0; position: relative;  display: flex;  align-items: center;  justify-content: space-between; }
.headericon { width:auto;   }
.headericon span { display:inline-block;  }
.headericon span.open_mobileview.tel {font-size: 38px; margin-top: -6px; width: auto; margin-right: 0;}
.sidenav .navigation nav ul li {  text-align:center;  }

section.main-slider.HomeBanner { margin-top:120px; padding-bottom:0; }
.fulllogo img { width:100%;  }
.Footer { padding-bottom:40px;  }

section.Offers .Offersbox { max-width:100%;  }
.home-restaurants__right { margin-top:0px;  }
section.Offers .offersimg img { width:100%; }
section.Offers .offersimg { width:100%;  }
section.Offers .Offersdiv .offersimgbox { width:100%; }

.RoomSection .Offersbox { max-width:100%; float:left;  }
.RoomSection .offersimg img { width:100%; }
.RoomSection .Offersdiv p { min-height:auto !important;  }

.ExclusiveSavingsbox .Offersdiv a.btn-cta { width:auto; }
.DetailsAmenities .rowAmenities .Offersbox { margin:0; width:100%;   }
.DetailsAmenities .rowAmenities .Offersbox .btn-cta { width:100%; margin-bottom:20px; }

.MainContactPage {  clear:both;  }
.Mapbox { margin-bottom:30px;  }

.home-restaurants .grid.grid--middle { min-height:450px;  }

.home-restaurants  { margin-bottom:60px;   }
.home-restaurants .grid.grid--middle { margin-top: 0; margin-bottom: 0;  }
.home-restaurants__right__link a.btn-cta { display: inline-block; }
section.Offers .Offersdiv .offersimgbox1 { height: auto;  }
section.Offers .Offersdiv { text-align: center; }

section.Offers .MainTitle { margin-bottom: 30px;  }

.bookdirectbox .MainCheckBox { flex-wrap:wrap; width: 100%; }
.bookdirectbox .CheckBox { width: 100%; margin-bottom: 15px;   } 
.bookdirectbox form { flex-wrap: wrap;  }
.bookdirectbox .InputBox { width: 100%; margin-bottom: 15px;  }
.bookdirectbox .CheckAvailability { margin: 0; width: 100%;  }

.MobileViewFooterLogo {display: inline-block; width: 100%; }
.MobileViewFooterLogo .Allsitelogo { padding:25px 10px 20px 10px; background-size: 100% 100%; }
.MobileViewFooterLogo .Allsitelogo img { max-width:10vh;  }
.fulllogo { display: none;  }

section.RoomsGallery ul li { width:46.6%; }

.MainAllLinkTag { width:547px; left: 0; right: 0; margin: 0 auto; }
section.main-slider .banner1 img {width: 587px; height: 665px;}
.AllLinkTag2 { height: 130px;  }
a.hokuspokus { height:100%; }
a.magentarestaurant {width: 70px; height: 100%; margin: 0px 0 0 -18px; }
a.hokuspokus { left: 0;  width: 40px;  top: 0; }
a.spagnoletti { width: 37px;margin-right: 37px; }
.AllLinkTag { width: 94%;  }

section.main-slider.CmsBanner .BannreBg { width: 547px; height:665px; margin: 0 auto; position:relative; }
section.main-slider.CmsBanner .bannerimg img { width: 547px; height:665px; }
section.main-slider.CmsBanner .bannerimg .AllLinkTag { top: 60px;  }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 {top: 74px; width: 90%; margin: 0 0 0 20px; height: 130px;}
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.hokuspokus { height: 100%;  width: 37px;  }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.magentarestaurant { margin: 0px 0 0 0px; height: 100%; }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.spagnoletti { width: 46px;  margin-right: 0; height: 100%; }

header.sticky { background-color: #272727; padding: 10px;  left: 0; right: 0; top: 0;}
header {
    position: fixed;
    z-index: 9;
    top: 20px;
    left: 10px;
    right: 10px;
}
section.main-slider { margin-top:100px; padding-bottom:0; }
.RoomSection .Offersdiv { margin:0px 0px 30px 0px; z-index: auto; padding: 20px; }
.RoomSection .Offersdiv:before { display: none; } 

.NewinsightsBox { max-width: 100%; }
.insightsBox .news-block { margin: 0;   }
.insightsBox h3 { border-top: none; margin-top: 0; padding-top: 0; height: auto;   }
.Insights3 { max-height: 100%;   }

section.MainGallery .owl-dots { display: none; }
.TheMegaroGallery .galleryimg { display: flex; height: 400px;  width: 100%;  }
.TheMegaroGallery .galleryimg img { width: auto; height: 400px; }

.tripadvisorlogo { display: none;  }
.TripadvisorTravellers {
    display: block;
}

.modal-dialog.popuppageload.homepage {
    position: absolute;
    bottom: 5px;
    right: 5px;
    left: 5px;
    margin: 0 auto;
}
.Menupage.voayagePop .Viewourmenu { text-align: center; }

}
@media screen and (max-width:650px) and (min-width:351px) {
header .headertop {display: none;  }
header .logo-left { max-width:80px; text-align: left; margin: 0; padding: 0; width:100%; }
.headerMobile { display: none;  }
.headerMobile ul.RegistrationBox li.LogInbtn .fa.fa-lock { display: none; }
.headerMobile ul.RegistrationBox { margin: 0px 0 0 0;  padding: 0;  float: right; list-style: none;}
.headerMobile ul.RegistrationBox li span.LogIn { display: none; }
.JobsByIndustry ul li {   width: auto; display: block; } 
.JobsByIndustry ul li:last-child { margin-right: 10px;   }
footer.footermain ul {margin-bottom: 20px; }
footer.footermain .socalmediafooter ul { justify-content:center;  }
footer.footermain .socalmediafooter ul li { margin-bottom:0; }
footer.footermain ul li { text-align: center;  }
footer.footermain .footer-menu ul li strong { margin-bottom: 0;   }
footer.footermain .FooterBox h3 { margin-bottom: 0; text-align: center;   }
.footermain .FootreMenu .socalmediafooter { width: 100%; margin: 0;  } 
.SettingIconBox { bottom: 63px !important;  }
.back_to_top.on { bottom: 62px;  }
.MainLeftSide { width: 100%; margin-right: 0;    }
.MainRightSide { width: 100%;  }
.jb-jobs-header .layout-grid { width: 100%;  }
.stickyfooterBtn { margin-bottom: 30px;   }
.contactPage .AddressBox .Cntbox { width: 100%; padding: 0; height: auto;  }
.Servicelisting p.ServiceSummary { min-height: auto; margin-bottom: 10px;  } 
.dropbox_GooglePicker { float: left; position: relative; width: 100%; padding:0; margin: 10px 0 10px 0;  }
.LoginPages .Loginbox { width: 100%;  }
.LoginPages .Loginbox .inputBox { width: 100%;  }
.LoginPages .registerboxnew.Loginbox { width: 100%; margin: 10px 0 20px 0; }
.LoginPages .LoginSubmit.inputBox { width: auto;   }
.LoginPages .ForgottenBox.inputBox { width: auto;  }
.Candidated_Form .form-group .PasswordBox1 { width: 100%;   } 
.Candidated_Form .form-group .PasswordBox1 button.btn { border: none; padding: 0; text-transform: none; font-weight: normal;  }
.Candidated_Form .form-group .Passbtn  button.btn {  width: 40px; }
.form-group.PositionFixedBox .btn { width: 100%; margin-bottom: 10px;   }
.form-group.PositionFixedBox .col-lg-12 { padding: 0;  }
.service-box.full .iconbox {  float: none; margin: 0 0 10px 0;  }
section.SectionInsights.IndustryNews .latest-post .insightsBox { width: 100%;  }
section.SectionInsights.IndustryNews .TitleBox { text-align: center; }
section.our-team ul li { width: 100%; margin-bottom: 20px;   }
section.our-team .row { margin: 0;  }
.getintouch ul li { width:100%; margin-bottom: 10px;   }
section.SectionInsights .Main_insights .insightsBox { width: 100%;  }
.MainLeft { width: 100%; }
.MainRight { width: 100%; }

nav.toolbox { float:left; width: 100%; }
a.Filterbtn.btn { display: inline-block; width: 48%; }
.sidenav.mySidenavFilter {display: none;position: fixed; background: #fff; max-width: 280px; box-shadow: 0 3px 10px rgb(0 0 0 / 8%);}
.toolbox .toolbox-item.toolbox-show label {display: none; } 
.toolbox-left { width:100%;  }
.toolbox-left .select-custom { display: flex; justify-content:space-between; }
.toolbox-left .form-control.selectize { width: 50%; }
.PopupSearchBox .BasicproductSearch form { flex-direction:column;  }


section.main-slider { margin-top:150px; padding-bottom:0; }
section.main-slider .banner1 { height:auto; }
section.main-slider img { max-width:100%; height:auto; }
.fulllogo img { width:100%;  }
.Footer { padding-bottom:70px;  }


.MainLeftHeader {width: 100%; left: 0; top: 0; position: relative;  display: flex;  align-items: center;  justify-content: space-between; }
.headericon { width:auto;   }
.headericon span { display:inline-block;  }
.headericon span.open_mobileview.tel {font-size: 38px; margin-top: -6px; width: auto; margin-right: 0;}
.sidenav .navigation nav ul li {  text-align:center;  }
section.MainhomeContent .homeContent {  width:100%;  }
.homeContentDiv { padding:20px 20px 5px 20px;  }
.MainFooterBox { max-width:100%;  }
.NewsLetter_Form { text-align:center; padding-top:33px;  }
.NewsLetter_Form h3 { margin-bottom:10px !important }

.logofooter.californialogo,.Pancraslogo .logofooter { width:30px; }
.Pancraslogo .logofooter img {height:auto;  }
.Footer .PancrasHotelsGroup.footerlogo { margin-bottom:0;  }

section.Offers .Offersbox { max-width:100%;  }
.home-restaurants__right { margin-top:0; height: 660px; }
.home-restaurants.Newrestaurants.Hungrypages .home-restaurants__right {  height: 815px; }

section.Offers .offersimg img { width:100%; }
section.Offers .offersimg { width:100%;  }
section.Offers .Offersdiv .offersimgbox { width:100%; height: auto; padding: 10px 0 ; }

section.RoomSlider .RoomleftContent { position:relative; z-index: auto; }
section.RoomSlider .MainRoom {padding-bottom: 0; display: flex; flex-direction: column-reverse; }
section.RoomSlider.ComSection .RoomleftContent { bottom:30px;  }
.ExclusiveSavingsbox { flex-direction:column;  }
.ExclusiveSavingsbox .offersimg { width:100%; }
.ExclusiveSavingsbox .Offersdiv { left:0; width:100%; }
section.ExclusiveSavings { margin-top:60px; }

.RoomSection .Offersbox { max-width:100%;  }
.RoomSection .offersimg img { width:100%;  }

.ExclusiveSavingsbox .Offersdiv a.btn-cta { width:auto; }
.DetailsAmenities .rowAmenities  {display:block;  }
.DetailsAmenities .rowAmenities .Offersbox { margin:0; width:100%;   }
.DetailsAmenities .rowAmenities .Offersbox .btn-cta { width:100%; margin-bottom:20px; }


.MainContactPage { float:left; width:100%;  }
.Mapbox { margin-bottom:30px;  }

.homeContentDiv h2 { word-break: break-word;  }
.home-restaurants .grid.grid--middle { min-height:450px;  }

section.main-slider.HomeBanner { padding: 0; margin:120px 0 0 0;  }

.home-restaurants  { margin-bottom:60px;   }
.home-restaurants .grid.grid--middle { text-align: center; margin-top: 0;  }
.home-restaurants__right__link a.btn-cta { display: inline-block; }
section.Offers .Offersdiv .offersimgbox1 { height: auto;  }
section.Offers .Offersdiv { text-align: center; }

.bookdirectbox .MainCheckBox { flex-wrap:wrap; width: 100%; }
.bookdirectbox .CheckBox { width: 100%; margin-bottom: 15px;   } 
.bookdirectbox form { flex-wrap: wrap;  }
.bookdirectbox .InputBox { width: 100%; margin-bottom: 15px;  }
.bookdirectbox .CheckAvailability { margin: 0; width: 100%;  }

.MobileViewFooterLogo {display: inline-block; width: 100%; }
.MobileViewFooterLogo .Allsitelogo { padding:20px 10px 20px 10px; background-size: 100% 100%; }
.MobileViewFooterLogo .Allsitelogo img { max-width:5vh;  }
.fulllogo { display: none;  }

section.RoomsGallery ul li { width: 100%; }

.MainAllLinkTag { width: 286px; left: 0; right: 0; margin: 0 auto; }
.AllLinkTag2 { height: 70px; top: 30px; }
section.main-slider .banner1 img {width: 286px; height: 323px;}
a.hokuspokus { height:100%; }
a.magentarestaurant { width: 37px; height: 63px; margin:0px 0 0 8px;}
a.hokuspokus { left: 10px;  width: 26px;  top: 0; }
a.spagnoletti {width: 25px;margin-right: 30px;}
.AllLinkTag { top: 30px; margin: 0 0 0 13px;  }


section.main-slider.CmsBanner .BannreBg { width: 286px; height:323px; margin: 0 auto; position:relative; }
section.main-slider.CmsBanner .bannerimg img { width: 286px; height:323px; }
section.main-slider.CmsBanner .bannerimg .AllLinkTag { top: 30px; width:90%; margin: 0 0 0 10px;  }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 { top: 33px; justify-content: space-between; height: 66px;  }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.hokuspokus { height: 100%;  width: 30px;  }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.magentarestaurant { margin:0px 0 0 -13px; height: 100%; width: 40px; }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.spagnoletti { width: 26px;  margin-right: 0; height: 100%; }



.home-restaurants .grid.grid--middle { text-align: center; margin-top: 0; margin-bottom:0; min-height:100vh; height: 100vh;  }
.home-restaurants .grid__item.tab--two-sixths { height:260px;  }
.home-restaurants.Hungrypages .grid__item.tab--two-sixths { height:410px;  }
.home-restaurants.Hungrypages .home-restaurants__right__image {height:400px;}
.home-restaurants.Newrestaurants.Hungrypages { margin-bottom: 0;}
.home-restaurants.Newrestaurants.Hungrypages .arrows .arrow__prev,
.home-restaurants.Newrestaurants.Hungrypages .arrows .arrow__next { top:auto; bottom: 180px;   }
.home-restaurants.Newrestaurants.Hungrypages .grid.grid--middle { min-height:auto; height: auto;  }

.home-restaurants__right__image { height: 400px; padding-bottom: 0; }
.home-restaurants__right__image .moz-background-picture { height: 400px;  }
.home-restaurants__right .arrows .arrow__next,
.home-restaurants__right .arrows .arrow__prev { top:auto; bottom: 170px;  }

header.sticky { background-color: #272727; padding: 10px;  left: 0; right: 0; top: 0;}
header {
    position: fixed;
    z-index: 9;
    top: 20px;
    left: 10px;
    right: 10px;
}

.RoomSection .Offersdiv { margin:0px 0px 30px 0px; z-index: auto; padding: 20px; }
.RoomSection .Offersdiv:before { display: none; } 

.NewinsightsBox { max-width: 100%; padding-left:0; padding-right:0}
.insightsBox .news-block { margin: 0;   }
.insightsBox h3 { border-top: none; margin-top: 0; padding-top: 0; height: auto;   }
.Insights3 { max-height: 100%;   }

section.MainGallery .owl-dots { display: none; }
.TheMegaroGallery .galleryimg { display: flex; height: 400px;  width: 100%;  }
.TheMegaroGallery .galleryimg img { width: auto; height: 400px; }
.LatestInsights { display:block}

.tripadvisorlogo { display: none;  }
.TripadvisorTravellers {
    display: block;
}
.amongst { margin: 0; text-align: center;  }

.RoomSection.FestiveSeason .Offersdiv .btn-full a { width: 60%; }

.popuppageload .popuplight { bottom: -10px;  }
.popuppageloadDiv {
    padding: 0 5px !important;
}


.Menupage.voayagePop { display:block;   }
.voayage-food8186 img {
    height: 250px;
    margin-top: -17px;
    width: auto;
} 
.popuppageload.homepage button.close { position: relative; z-index: 99;  }

.modal-dialog.popuppageload.homepage {
    position: absolute;
    bottom: 5px;
    right: 5px;
    left: 5px;
    margin: 0 auto;
}
.Menupage.voayagePop .Viewourmenu { text-align: center; }

header.section_header.cms_common_page_banner {
    padding-top: 40px;
}

body.cmspage.what-we-do .section_cover-image.BannerInnerNew .scale-effect { object-position:50% 70%; }


}
@media screen and (max-width:350px) {
header .headertop {display: none;  }
header .logo-left { max-width:80px; text-align: left; margin: 0; padding: 0; width:100%; }
.headerMobile { display: none;  }
.headerMobile ul.RegistrationBox li.LogInbtn .fa.fa-lock { display: none; }
.headerMobile ul.RegistrationBox { margin: 0px 0 0 0;  padding: 0;  float: right; list-style: none;}
.headerMobile ul.RegistrationBox li span.LogIn { display: none; }
.JobsByIndustry ul li {   width: auto; display: block; } 
.JobsByIndustry ul li:last-child { margin-right: 10px;   }
footer.footermain ul {margin-bottom: 0; justify-content: center; margin-top:0; }
footer.footermain .socalmediafooter ul li { margin-bottom:0; }
footer.footermain ul li { text-align: center;  }
footer.footermain .footer-menu ul li strong { margin-bottom: 0;   }
footer.footermain .FooterBox h3 { margin-bottom: 0; text-align: center;   }
.footermain .FootreMenu .socalmediafooter { width: 100%; margin: 0; text-align: center;  } 
.SettingIconBox { bottom: 63px !important;  }
.back_to_top.on { bottom: 62px;  }
.MainLeftSide { width: 100%; margin-right: 0;    }
.MainRightSide { width: 100%;  }
.jb-jobs-header .layout-grid { width: 100%;  }
.stickyfooterBtn { margin-bottom: 30px;   }
.contactPage .AddressBox .Cntbox { width: 100%; padding: 0; height: auto;  }
.Servicelisting p.ServiceSummary { min-height: auto; margin-bottom: 10px;  } 
.dropbox_GooglePicker { float: left; position: relative; width: 100%; padding:0; margin: 10px 0 10px 0;  }
.LoginPages .Loginbox { width: 100%;  }
.LoginPages .Loginbox .inputBox { width: 100%;  }
.LoginPages .registerboxnew.Loginbox { width: 100%; margin: 10px 0 20px 0; }
.LoginPages .LoginSubmit.inputBox { width: auto;   }
.LoginPages .ForgottenBox.inputBox { width: auto;  }
.Candidated_Form .form-group .PasswordBox1 { width: 100%;   } 
.Candidated_Form .form-group .PasswordBox1 button.btn { border: none; padding: 0; text-transform: none; font-weight: normal;  }
.Candidated_Form .form-group .Passbtn  button.btn {  width: 40px; }
.form-group.PositionFixedBox .btn { width: 100%; margin-bottom: 10px;   }
.form-group.PositionFixedBox .col-lg-12 { padding: 0;  }
.MobileMenuBox .RegistrationBox {padding: 0; margin: -16px 0 0 0; }
.service-box.full .iconbox {  float: none; margin: 0 0 10px 0;  }
section.SectionInsights.IndustryNews .latest-post .insightsBox { width: 100%;  }
section.SectionInsights.IndustryNews .TitleBox { text-align: center; }
section.our-team ul li { width: 100%; margin-bottom: 20px;   }
section.our-team .row { margin: 0;  }
.getintouch ul li { width:100%; margin-bottom: 10px;   }
section.SectionInsights .Main_insights .insightsBox { width: 100%;  }
header .headerMenu span.open_mobilecart { display: none; }
.MainLeft { width: 100%; }
.MainRight { width: 100%; }

.NewsletterForm {clear: both; float: left; }

nav.toolbox { float:left; width: 100%; }
a.Filterbtn.btn { display: inline-block; width: 48%; }
.sidenav.mySidenavFilter {display: none;position: fixed; background: #fff; max-width: 280px; box-shadow: 0 3px 10px rgb(0 0 0 / 8%);}
.toolbox .toolbox-item.toolbox-show label {display: none; } 
.toolbox-left { width:100%;  }
.toolbox-left .select-custom { display: flex; justify-content:space-between; }
.toolbox-left .form-control.selectize { width: 50%; }

.PopupSearchBox .BasicproductSearch form { flex-direction:column;  }

section.main-slider { margin-top:160px; padding-bottom:0; }
section.main-slider .banner1 { height:auto; }
section.main-slider img { max-width:100%; height:auto; }
.fulllogo img { width:100%;  }
.Footer { padding-bottom:70px;  }

.MainLeftHeader {width: 100%; left: 0; top: 0; position: relative;  display: flex;  align-items: center;  justify-content: space-between; }
.headericon { width:auto;   }
.headericon span { display:inline-block;  }
.headericon span.open_mobileview.tel {font-size: 38px; margin-top: -6px; width: auto; margin-right: 0;}
.sidenav .navigation nav ul li {  text-align:center;  }
section.MainhomeContent .homeContent {  width:100%;  }
.homeContentDiv { padding:20px 20px 5px 20px;  }
.MainFooterBox { max-width:100%;  }
.NewsLetter_Form { text-align:center; padding-top:33px;  }
.NewsLetter_Form h3 { margin-bottom:10px !important }

.logofooter.californialogo,.Pancraslogo .logofooter { width:30px; }
.Pancraslogo .logofooter img {height:auto;  }

section.Offers .Offersbox { max-width:100%;  }
.home-restaurants__right { margin-top:0;  }

section.RoomSlider .RoomleftContent { position:relative;z-index: auto;  }
section.RoomSlider .MainRoom {padding-bottom: 0; display: flex; flex-direction: column-reverse; }
section.RoomSlider.ComSection .RoomleftContent { bottom:30px;  }
.ExclusiveSavingsbox { flex-direction:column;  }
.ExclusiveSavingsbox .offersimg { width:100%; }
.ExclusiveSavingsbox .Offersdiv { left:0; width:100%; }
section.ExclusiveSavings { margin-top:60px; }

.ExclusiveSavingsbox .Offersdiv a.btn-cta { width:auto; }
.DetailsAmenities .rowAmenities  {display:block;  }
.DetailsAmenities .rowAmenities .Offersbox { margin:0; width:100%;   }
.DetailsAmenities .rowAmenities .Offersbox .btn-cta { width:100%; margin-bottom:20px; }
.RoomSection .Offersbox { max-width:100%;  }


.MainContactPage { float:left; width:100%;  }
.Mapbox { margin-bottom:30px;  }

.ExclusiveSavingsbox.Facials {flex-direction:column;   }

.homeContentDiv h2 { word-break: break-word;  }

section.main-slider.HomeBanner { padding: 0; margin:120px 0 0 0;  }

.home-restaurants  { margin-bottom:60px;   }
.home-restaurants .grid.grid--middle { text-align: center; margin-top: 0; margin-bottom:0; min-height:100vh; height: 100vh;  }
.home-restaurants .grid__item.tab--two-sixths { height:260px;  }
.home-restaurants.Hungrypages .grid__item.tab--two-sixths { height:410px;  }
.home-restaurants.Hungrypages .home-restaurants__right__image {height: 260px;}
.home-restaurants.Newrestaurants.Hungrypages { margin-bottom: 0;}
.home-restaurants.Newrestaurants.Hungrypages .arrows .arrow__prev,.home-restaurants.Newrestaurants.Hungrypages .arrows .arrow__next { top: 77%;   }


.home-restaurants__right__image { height: 400px; padding-bottom: 0; }
.home-restaurants__right__image .moz-background-picture { height:400PX;  }
.home-restaurants__right__link a.btn-cta { display: inline-block; }
section.Offers .Offersdiv .offersimgbox1 { height: 370px;  }
section.Offers .Offersdiv { text-align: center; }

.bookdirectbox .MainCheckBox { flex-wrap:wrap;  }
.bookdirectbox .CheckBox { width: 100%; margin-bottom: 15px;   } 
.bookdirectbox form { flex-wrap: wrap;  }
.bookdirectbox .InputBox { width: 100%; margin-bottom: 15px;  }
.bookdirectbox .CheckAvailability { margin: 0;  }

.MobileViewFooterLogo {display: inline-block; width: 100%; }
.MobileViewFooterLogo .Allsitelogo { padding:11px 10px 5px 10px; background-size: 100%; }
.MobileViewFooterLogo .Allsitelogo img { max-width:30px;  }
.fulllogo { display: none;  }

section.RoomsGallery ul li { width: 100%; }

.AllLinkTag2 { height: 70px; top: 30px; }
section.main-slider .banner1 img {width: 286px; height: 323px;}
a.hokuspokus { height:100%; }
a.magentarestaurant { width: 37px; height: 63px; margin:0px 0 0 8px;}
a.hokuspokus { left: 10px;  width: 26px;  top: 0; }
a.spagnoletti {width: 25px;margin-right: 30px;}
.AllLinkTag  { top:30px; width: 82%; }

section.main-slider.CmsBanner .BannreBg { width: 286px; height:323px; margin: 0 auto; position:relative; }
section.main-slider.CmsBanner .bannerimg img { width: 286px; height:323px; }
section.main-slider.CmsBanner .bannerimg .AllLinkTag { top: 30px; width:90%; margin: 0 0 0 10px;  }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 { top: 33px; justify-content: space-between;  }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.hokuspokus { height: 100%;  width: 30px;  }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.magentarestaurant { margin:0px 0 0 -13px; height: 100%; width: 40px; }
section.main-slider.CmsBanner .bannerimg .AllLinkTag2 a.spagnoletti { width: 26px;  margin-right: 0; height: 100%; }

.sidenav.RightSidePanel section.BookDirect { max-width: 100%; float: left;  }

header.sticky { background-color: #272727; padding: 10px;  left: 0; right: 0; top: 0;}
header {
    position: fixed;
    z-index: 9;
    top: 20px;
    left: 10px;
    right: 10px;
}

.RoomSection .Offersdiv { margin:0px 0px 30px 0px; z-index: auto; padding: 20px; }
.RoomSection .Offersdiv:before { display: none; } 


.NewinsightsBox { max-width: 100%; padding-left:0; padding-right:0}
.insightsBox .news-block { margin: 0;   }
.insightsBox h3 { border-top: none; margin-top: 0; padding-top: 0; height: auto;   }

section.MainGallery .owl-dots { display: none; }
.TheMegaroGallery .galleryimg { display: flex; height: 400px;  width: 100%;  }
.TheMegaroGallery .galleryimg img { width: auto; height: 400px; }
.LatestInsights { display:block}

.tripadvisorlogo { display: none;  }
.TripadvisorTravellers {
    display: block;
}

.amongst { margin: 0; text-align: center;  }
.RoomSection.FestiveSeason .Offersdiv .btn-full a { width: 100%; }


.popuppageload .popuplight { bottom: -10px;  }
.popuppageloadDiv { padding: 0 5px !important;}


.Menupage.voayagePop { display:block;   }
.voayage-food8186 img {
    height: auto;
    margin-top: -17px;
    width: 100%;
} 
.popuppageload.homepage button.close { position: relative; z-index: 99;  }

.modal-dialog.popuppageload.homepage {
    position: absolute;
    bottom: 5px;
    right: 5px;
    left: 5px;
    margin: 0 auto;
}
.Menupage.voayagePop .Viewourmenu { text-align: center; }

.headerphoneDiv { display: none; }

header.section_header.cms_common_page_banner {
    padding-top: 40px;
}


body.cmspage.what-we-do .section_cover-image.BannerInnerNew .scale-effect { object-position:50% 70%; }

}




