@charset "UTF-8";
/* CSS Document */
.not-beaten {
font-family:"adobe-caslon-pro";
}
#tel2 {
display:none;
}
#tel2 p{
display:none;
}
.reviews {
margin-right:40px;
}
#bottom-nav-inner {
margin:0 auto;
max-width:1700px;
}

@media (min-width: 1820px) {
.container {
padding: 0 60px;
width:1700px;
margin:0 auto;
}
#tel {
float:right;
position:relative;
z-index:10;
margin-right:30px;
right:0;
}
#tel button {
  display: none;
}
}


@media (min-width: 1700px) {
.image1 {
height:477px;
}
.image2 {
height:239px;
}
.image3 {
height:358px;
}
.image4 {
height:523px;
}
#tel button {
  display: none;
}
/*
.button4, .not-beaten {
margin-left:10px;
}
*/
}


@media (max-width: 1700px) {
.image4 {
height:433px;
}
#tel button {
  display: none;
}
/*
.button4, .not-beaten {
margin-left:10px;
}
*/
}


@media (max-width: 1514px) {
.image4 {
height:414px;
}
/*
.button4 {
margin-left:10px;
}
*/
}


@media (max-width: 1300px) {
.width33 {
display:none;
}
.width67 {
width:100%;
}
.leftcol {
width:67%;
}
.rightcol {
width:33%;
}
#tel p {
display:none;
}
#tel {
top:30px;
margin-right:60px;
right:32%;
}
/*
.icons span {
  display: none;
}
.button4, .not-beaten {
margin-left:60px;
}
*/
#threed {
top:30px;
margin-right:60px;
right:32%;
}
.image4 {
border-left:0px solid #fff;
height:433px;
border-bottom:2px solid #fff;
}
#booking {
border-left:0px solid #fff;
}
}


@media (max-width: 1200px) {
.laterooms {
display:none;
}
#tel {
top:30px;
}
#tel button {
  display: none;
}

/*
.button4, .not-beaten {
margin-left:60px;
}
*/
#threed {
top:30px;
}
#footer {
margin-left:-390px;
width:780px;
padding:50px 0;
}
}



@media (max-width: 1164px) {
.image4 {
height:414px;
}
#bottom-nav {
height: 50px;
}
.button4home {
margin: 5px 0px 0px 0px;
}
}

@media (max-width: 1100px) {
#logo {
padding-right:20px;
}
#nav-ul li {
padding-right:20px;
}
#tel {
top:30px;
margin-right:45px;
}
#tel button {
  display: none;
}
/*
.button4, .not-beaten {
margin-left:40px;
}
*/
#threed {
top:30px;
margin-right:45px;
}
.icons {
width:40%;
}
.reviews-slider {
width:60%;
}
.wifi {
float:left;
margin-right:10px;
padding-left:40px;
}
.nitb {
margin-right:10px;
}
.trip-rating {
margin-right:10px;
}
}


@media (max-width: 980px) {
#logo {
padding-top:45px;
padding-bottom:20px;
}
.leftcol {
width:60%;
}
.rightcol {
width:40%;
}
#logo {
padding-bottom:10px;
}
#nav-ul {
padding-top:0px;
padding-bottom:20px;
float:left;
}
#tel {
display:none;
margin-right:35px;
right:40%;
top:20px;
}
#threed {
margin-right:35px;
right:40%;
top:20px;
}
/*#tel p {
color:#a0a0a0;
}*/
#tel button {
  display: none;
}
/*
.button4, .not-beaten {
margin-left:40px;
}
*/
.image1 {
height:320px;
}
.image2 {
height:160px;
}
.image3 {
height:240px;
}
.image4 {
height:291px;
}
#booking {
height:340px;
}
#booking h3 {
padding-top:40px;
}
.location {
width:60%;
height:280px;
}
.location h1 {
margin-top:100px;
}
.map {
width:40%;
height:280px;
}
.hometext .col1 {
width:39%;
margin-left:8%;
}
.hometext .col2 {
width:39%;
}
.icons {
width:40%;
}
.reviews-slider {
width:60%;
}
.nitb {
margin-right:10px;
}
.trip-rating {
margin-right:10px;
}
.flag {
position:absolute;
top:43px;
margin-left:220px;
z-index:1000;
}
}





@media (max-width: 947px) {
.image2 {
height:179px;
}
}


@media (max-width: 860px) {
.bookingcom {
display:none;
}
.smoking {
display:none;
}
.weather {
display:none;
}
.nitb2 {
display:none;
}
.trip-ad {
margin-right:20px;
}
.laterooms {
margin-right:20px;
}
.british {
margin-right:15px;
}
.french {
margin-right:15px;
}
.spanish {
margin-right:15px;
}
.german {
margin-right:15px;
}
#footer {
position:static;
left:0;
margin-left:0;
width:auto;
padding:50px 0;
}
#tel button {
  display: none;
}
/*
.button4, .not-beaten {
margin-left:40px;
}
*/
}


@media (max-width: 815px) {
#bottom-nav {
height:auto;
padding:20px 0px;
position:static;
bottom:0px;
left:0px;
width:100%;
background-color:#fff;
box-shadow: none;
z-index:0;
}
.icons {
width:100%;
/*
display:none;
*/
}
.reviews-slider {
width:100%;
margin-top:15px;
}
.nitb {
display:none;
float:left;
margin-right:0;
padding-left:0;
width:25%;
}
.nitb img {
display:block;
margin:0 auto;
}
.wifi {
display:block;
float:left;
margin-top:3px;
margin-right:0;
width:28%;
}
.wifi img {
display:block;
margin:0 auto;
}
.trip-rating {
float:left;
margin-top:5px;
margin-right:0;
width:28%;
}
.trip-rating img {
display:block;
margin:0 auto;
}
#TA_socialButtonBubbles611 {
width:95px;
margin:0 auto;
}
.bookingcom {
display:block;
float:left;
margin-top:5px;
width:28%;
margin-right:0;
}
.bookingcom div {
display:block;
width:105px;
margin:0 auto;
}
#tel {
display:block;
float:none;
width:100%;
position:fixed;
z-index:10;
margin-right:0;
margin-top:-100px;
top:100%;
right:0px;
padding:20px 0;
background-color:#fff;
height:100px;
}
#tel p {
text-align:center;
color:#4b7f37;
font-size:1em;
letter-spacing:1px;
margin-bottom:10px;
}
#tel button {
  clear:both;
  display: block;
  margin-left:auto;
  margin-right:auto;
}
#tel {
display:inline;
}
#tel p{
display:inline;
}
}


@media (max-width: 780px) {
.bestrates h1 {
margin-bottom:0.75em;
}
.location {
width:100%;
height:250px;
}
.location h1 {
margin-top:85px;
}
.map {
width:100%;
height:250px;
margin-top:0px;
}
.laterooms {
display:none;
}
.bestrates {
height: 220px;
}
#tel {
display:block;
float:none;
width:100%;
position:fixed;
z-index:10;
margin-right:0;
margin-top:-100px;
top:100%;
right:0px;
padding:20px 0;
background-color:#fff;
height:100px;
}
#tel p {
text-align:center;
color:#4b7f37;
font-size:1em;
letter-spacing:1px;
margin-bottom:10px;
}
#tel button {
  clear:both;
  display: block;
  margin-left:auto;
  margin-right:auto;
}
}
@media (min-width: 740px) {
.leftcol2::after {
  content: "";
  clear: both;
  display: table;
}
.endspacer {
  height:100px;
}
}


@media (max-width: 740px) {
.container {
	padding: 0 0px;
}
#bottom-nav-inner.container {
	padding: 0 10px;
}
#nav-ul {
display:block;
width:100%;
background-color:#e1e1e1;
padding:0;
position:fixed;
top:-150px;
left:0px;
z-index:40;
text-align:center;
border-bottom:1px solid #fff;
}
#nav-ul li {
width:22%;
float:left;
padding:20px 0;
height:19px;
background-image:none;
color:#000;
letter-spacing:1px;
}
#burger {
float:right;
display:block;
width:32px;
color:#a0a0a0;
text-transform:uppercase;
font-size:11px;
margin-top:20px;
cursor:pointer;
margin-right:30px;
}
#burger span {
display:block;
width:100%;
height:5px;
margin-bottom:2px;
background-color:#a0a0a0;
}
#burger:hover {
color:#f5750e;
}
#burger:hover span {
background-color:#f5750e;
}
#burgerclose {
display:block;
width:12%;
background-color:#a0a0a0;
height:19px;
background-repeat:no-repeat;
background-position:center;
}
.hometext h2 {
width:auto;
}
#booking {
}
#nav {
position:fixed;
top:0px;
left:0px;
width:100%;
background-color:#fff;
z-index:29;
}
#logo {
padding-top:20px;
padding-bottom:6px;
padding-right:60px;
padding-left:30px;
width:160px;
height:auto;
float:left;
}
#logo img {
width:100%;
}
#tel {
display:block;
float:none;
width:100%;
position:fixed;
z-index:10;
margin-right:0;
margin-top:-100px;
top:100%;
right:0px;
padding:20px 0;
background-color:#fff;
height:100px;
}
#tel p {
text-align:center;
color:#4b7f37;
font-size:1em;
letter-spacing:1px;
margin-bottom:10px;
}
#tel button {
  clear:both;
  display: block;
  margin-left:auto;
  margin-right:auto;
}
.image1 {
height:300px;
border-right:none;
}
.image2 {
height:245px;
}
.leftcol {
width:100%;
}
.rightcol {
margin-top:72px;
width:100%;
}
.hometext .col1 {
width:80%;
float:left;
margin-left:10%;
margin-top:20px;
}
.hometext .col2 {
width:80%;
float:left;
margin-left:10%;
margin-top:0;
}
#width50-2nd {
display:block;
width:33%;
}
#image3 {
border-right:none;
}
.image4 {
display:none;
}
.width50 {
width:67%;
}
#nav-ul {
z-index:45;
margin-top:72px;
}
.flag {
display:none;
}
.bestrates {
height: 220px;
}
}


@media (max-width: 600px) {
.image1 {
height:230px;
border-right:none;
}
.image2 {
height:185px;
}
#tel button {
  clear:both;
  display: block;
}
}


@media (max-width: 420px) {
#logo {
padding-left:15px;
}
#burger {
margin-right:20px;
}
#nav-ul li {
font-size:0.9em;
letter-spacing:0px;
padding:15px 0;
height:15px;
}
.nitb {
display:none;
}
.wifi {
display:none;
}
.trip-rating {
width:50%;
}
.bookingcom {
width:50%;
}
.quote {
display:block;
width:100%;
padding:10px 0;
}
.quote-spacer {
display:block;
height:10px;
clear:both;
}
.location {
width:100%;
height:210px;
margin-top:20px;
}
.location h1 {
display:block;
padding:0 20px;
margin-top:55px;
font-size:1.5em;
}
.map {
height:200px;
}
.reviews-slider {
width:100%;
margin-top:5px;
}
.hometext {
margin-top:20px;
}
.hometext h2 {
margin-top:55px;
font-size:1.5em;
}
#footer {
padding:20px 0;
}
.spacer-bottom {
clear:both;
width:100%;
height:auto;
}
.bestrates {
height: 240px;
}
#tel button {
  clear:both;
  display: block;
}
}