/* ================================================  MOBILES BELOW 1300 ======================================= */


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

	#pages #gn-menu ul.navitem {
		padding: 13px 0 0;
		width: 65%;
	}
	
	#gn-menu ul.navitem li {
		margin: 0 15px 10px;
		padding: 0;
	}


}






/* ================================================  MOBILES BELOW 1280px ======================================= */


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




}



/* ================================================  MOBILES BELOW 1279px ======================================= */

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

	.navcontainer ul {
		width: 60%;
	}
	
	.navcontainer ul ul {
		margin-top: 22px;
	}
	
	.navcontainer ul li {
		margin-bottom: 12px;
	}
	
	
}


/* ================================================  MOBILES BELOW 1200px ======================================= */


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

	#gn-menu .navcontainer .booker {
		margin: 0;
		width: 141px;
	}


	
}



/* ================================================  MOBILES BELOW 1024px ======================================= */


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



	.mobilenav {
		display: none;
	}

	#gn-menu .navcontainer .booker {
		width: 122px;
	}
	
	.mobilelaunch #gn-menu .navcontainer .booker {
		width: 80px;
		position: absolute;
		right: 0;
		top: 0;
		background-color: #fff;
	}

	.contentarea ul.stiffboxes li .smallview {
		opacity: 1;
	}

	.contentarea ul.stiffboxes li {
		width: 31%;
	}



}



/* ================================================  MOBILES BELOW 1023px ======================================= */


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

	.gn-menu-main .book-or-call a {
		border-right: 1px solid #ddd;
		display: inline-block;
		float: left;
		font-size: 16px;
		line-height: 1.4;
		padding: 9px 0;
		text-align: center;
		width: 78px;
		color: #4f4f4f;
	}

	.gn-menu-main .navlogo {
	}

	#gn-menu .navcontainer .booker a {
	}
	
	.mobilenav {
		left: 30px;
		right: auto;
	}
	
	.navcontainer .mobilelogo, .navcontainer .mobile-booker {
		display: block;
	}

	.nonmobilelogo, .nonbooker {
		display: none !important;
	}

	.lefter {
		padding-left: 0px;
	}

	.letter-spacing{
	font-size: 12px; 
	letter-spacing: -4px;
	}

	.letter-spacing2 {
		letter-spacing: -3px;
		padding-right: 3px;
	}
	
	.mobile-book a.onmobile {
		left: 81px;
		top: 16px;
	}
}



/* ================================================  MOBILES BELOW 960px ======================================= */


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


	.lefter {
		padding-left: 0px;
	}
	
	.letter-spacing{
	font-size: 12px; 
	letter-spacing: -4px;
	}

	.letter-spacing2 {
		letter-spacing: -3px;
		padding-right: 3px;
	}
	.lb-overlay.ns-show {
		padding: 80px 0;
	}
	
	.popup-contents img {
		max-width: 100%;
	}
	
	.lb-overlay .the-popup {
		max-width: 100%;
	}	
	
	
	i.ns-close {
		/*top: -23px;
		left: 20px;*/
	}
	


}



/* ================================================  MOBILES BELOW 799px ======================================= */


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

	.bigmail a {
		font-size: 13px;
	}

	.contentarea.search ul.stiffboxes li {
		width: 47%;
	}

	.contentarea ul.stiffboxes li {
		width: 47%;
	}

	.navlogo {
	    margin-left: 0;
	}

	#home #menu-main-menu {
		display: none;
	}

	#home .mobilenav {
		display: block;
	}

	#pages .mobilenav {
		display: block;
	}

	.longnav {
		height: 60px;
		overflow: hidden;
	}
	
	.navcontainer {
		overflow: hidden;
		height: 60px;
	}
	
	#home .navcontainer .booker, #pages .navcontainer .booker {
		height: 60px;
	}
	
	.navlogo {
		margin: 12px 0 0 12px;
	}

	.book-or-call {
		display: inline-block;
	}

	.desktop-book {
		display: none;
	}

	.mobile-book {
		display: block;
	}
	
	.booker a {
		margin-top: 23px;
	}
	
	.mobile-book .navlogo {
		margin: 0 0 0 20px;
	}
	
	.mobile-book .booker a {
		margin-top: 14px;
	}
	
	.mobile-book .mobilenav {
		top: 19px;
		left: 19px;
	}
	
	.mobile-book a.onmobile {
		left: 59px;
		top: 13px;
	}

	.welcomesearch ul li {
		width: 50%;
	}

	.lefter {
		padding-left: 0px;
	}

	.letter-spacing{
	font-size: 12px; 
	letter-spacing: -4px;
	}

	.letter-spacing2 {
		letter-spacing: -3px;
		padding-right: 3px;
	}

}



/* ================================================  MOBILES BELOW 640px ======================================= */


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



	.contentarea ul.stiffboxes li {
		width: 95%;
	}

	.lefter {
		padding-left: 0px;
	}

	.letter-spacing{
	font-size: 12px; 
	letter-spacing: -4px;
	}

	.letter-spacing2 {
		letter-spacing: -3px;
		padding-right: 3px;
	}


}



/* ================================================  MOBILES BELOW 599px ======================================= */

@media only screen 
and (max-width : 599px) 
{
	.introbox img {
		max-width: 100%;
	}
}



/* ================================================  MOBILES BELOW 500px ======================================= */


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



	.stiffboxes {
		-moz-column-count: 1;
	    -moz-column-gap: 20px;
	    -webkit-column-count: 1;
	    -webkit-column-gap: 20px;
	    column-count: 1;
	    column-gap: 20px;
	    padding-top: 25px;
	    padding: 25px 0px 0 0px;
	}

	.contentarea.search ul.stiffboxes li {
		width: 100%;
	}

	.navcontainer.open {
		width: 60%;
	}

	.lefter {
		padding-left: 0px;
	}

	.letter-spacing{
	font-size: 12px; 
	letter-spacing: -4px;
	}

	.letter-spacing2 {
		letter-spacing: -3px;
		padding-right: 3px;
	}


}



/* ================================================  MOBILES BELOW 399 ======================================= */


@media only screen 
and (max-width : 399px) 
{	
	.longnav {
		/*z-index: 2147483647;*/
		z-index: 99999;
		content: '';
		overflow: hidden;
	}
	.logo {
		padding-top: 100px;
	}
	
	.ressys {
		display: none !important;
	}
	.navlogo {
		float: left;
	}
	
	.navcontainer .booker {
		float: right;
		margin-left: 20px;
	}
	.longnav .searchablesection {
		display: block;
	}
	.bigwelcome p {
		width: 95%;
	}
	.welcomesearch {
		width: 78%;
	}
	
	section.littlehello {
		width: 100%;
		float: none;
	}
	.aboutrsh {
		display: none;
	}
	
	.navlink {
		display: none;
	}
	.innerwrap {
		left: 0;
		width: 100%;
	}
	
	.pager .innerwrap {
		display: none;
	}
	
	
	.littlelogo img {
		position: absolute;
	}
	
	.pagecontent {
		height: 82%;
		overflow-y: visible;
	}
	.pagecontent:before {
		top: 0;
	}
	
	.second {
	    display: none;
	}
	
	.mobilenav {
		float: left;
		right: auto;
	}

	.navcontainer.open {
		width: 54%;
	}
	
	.bookdisplay {
		display: block;
	}
	.roombody {
		display: none;
	}
	.topper {
		font-size: 15px;
		display: none;
	}
	.longnav ul {
		display: none;
	}
	
	.idea {
		padding-bottom: 100px;
	}
	
	.mobilenav {
		top: 19px;
	}

	#home section.bigwelcome {
		padding-top: 50px;
	}
	.front-copy {
		margin-top: inherit;
	}
	
	.navlogo {
		width: 60px !important;
	}
	
	
	.welcomesearch {
		padding-bottom: 100px;
	}
	section.bigwelcome {
		width: 100%;
		float: none;
		height: auto;
	}
	section.bighello {
		width: 100%;
		float: none;
	}
	section.madflex {
		position: relative;
		height: inherit;
		z-index: 999;
	}
	
	#home section.madflex {
		position: absolute;
		height: inherit;
		z-index: 9999;
		max-height: 350px;
	}
	
	.littlehello ul li {
		width: 100%;
		float: none;
		margin: 5px 0;
	}
	

	
	.pagecontent .quotable {
		padding: 0;
	}
	
	.roomly {
		padding-top: 15px;
	}
	
	
	#ui-datepicker-div {
		border-radius: 0 0 0 0;
		padding: 10px;
		margin-left: inherit;
		margin-top: -20px;
		z-index: 9999999;
	}
	
	.bookingsection {
		display: none;
	}
	
	#mapper {
		display: none;
	}
	
	.socials {
		display: none;
	}
	
	.blueberry .slides {
		max-height: 350px;
	}
	
	
	
	.slider-nav {
		position: absolute;
		bottom:30px;
	}
	
	.littlehello ul:before {
		display: none;
	}

	.littlehello ul:after {
	display: none;
  
	}
	
	
	.logo {
		padding-top: 245px;
	}

	.idea {
		padding-bottom: 80px;
	}
	
	#home section.madflex {
		position: absolute;
		height: inherit;
		z-index: 9999;
		max-height: 300px;
		background-image: url(../images/Roger-Smith-Hotel.jpg);
		background-size: cover;
		background-position: center center;
	}

	/* homepage */

	#anchor {
	padding-top: 10% !important;
	}
	
	#home .navcontainer .mobile-book .booker, #pages .navcontainer .mobile-book .booker {
		padding: 0;
	}


	/* FOOTER - Mobile footer */

	.pagecontent .mobile-footer, .welcomesearch .mobile-footer, .mobile-footer {
	    display: block;
	 }

	 .cornered {
	 	display: none;
	 }
	
	.lefter {
		padding-left: 0px;
	}

	.letter-spacing{
	font-size: 12px; 
	letter-spacing: -4px;
	}

	.letter-spacing2 {
		letter-spacing: -3px;
		padding-right: 3px;
	}

	.bighello.madflex {
		top: -35px;
	}

}	

/* ================================================  MOBILES BELOW 350 ======================================= */


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

	.navcontainer.open {
		width: 46%;
	}

}



/* ================================================  MOBILES BELOW 300 ======================================= */

@media only screen 
and (max-width : 300px) 
{
	
	#pages .navcontainer .booker {
		width: 70px;
	}
	
	.mobilelaunch #pages .navcontainer .booker {
		width: 50px;
	}
	
	#gn-menu .navcontainer .booker a {
		line-height: 1.2;
		margin: 12px 0 0;
	}
	
	.navcontainer.open {
		width: 26%;
	}
	
}


/* ================================================  MOBILES BELOW 480 to 400 ======================================= */


@media only screen 
and (min-width : 400px) 
and (max-width : 479px) 
{	
	
	.longnav {
		/*z-index: 99999999999999;*/
		z-index: 99999;
		content: '';
	}
	.logo {
		padding-top: 430px;
	}
	.idea {
		padding-bottom: 80px;
	}
	
	#home section.madflex {
		position: absolute;
		height: inherit;
		z-index: 9999;
		max-height: 400px;
		background-image: url(../images/Roger-Smith-Hotel.jpg);
		background-size: cover;
		background-position: center center;
	}
	
	
	
	.navlogo {
		float: left;
	}
	.ressys {
		display: none !important;
	}
	
	.navcontainer .booker {
		float: right;
		margin-left: 20px;
	}
	.longnav .searchablesection {
		display: block;
	}
	.bigwelcome p {
		width: 95%;
	}
	.welcomesearch {
		width: 78%;
	}
	
	section.littlehello {
		width: 100%;
		float: none;
	}
	.aboutrsh {
		display: none;
	}
	
	.navlink {
		display: none;
	}
	.innerwrap {
		left: 0;
		width: 100%;
	}
	
	.pager .innerwrap {
		display: none;
	}
	
	
	.littlelogo img {
		position: absolute;
	}
	
	.pagecontent {
		height: 82%;
		overflow-y: visible;
	}
	.pagecontent:before {
		top: 0;
	}
	
	.second {
	    display: none;
	}
	
	.mobilenav {
	  left: 30px;
	}
	
	.bookdisplay {
		display: block;
	}
	.roombody {
		display: none;
	}
	.topper {
		font-size: 15px;
		display: none;
	}
	.longnav ul {
		display: none;
	}
	
	
	
	.mobilenav {
		top: 19px;
	}
	#home section.bigwelcome {
		padding-top: 0px;
	}
	.front-copy {
		margin-top: inherit;
	}
	
	.navlogo {
		width: 60px !important;
	}
	
	
	.welcomesearch {
		padding-bottom: 100px;
	}
	section.bigwelcome {
		width: 100%;
		float: none;
		height: auto;
	}
	section.bighello {
		width: 100%;
		float: none;
	}
	section.madflex {
		position: relative;
		height: inherit;
		z-index: 999;
	}
	
	
	
	.littlehello ul li {
		width: 100%;
		float: none;
		margin: 5px 0;
	}
	
	
	.pagecontent .quotable {
		padding: 0;
	}
	
	.roomly {
		padding-top: 15px;
	}
	
	
	#ui-datepicker-div {
		border-radius: 0 0 0 0;
		padding: 10px;
		margin-left: inherit;
		margin-top: -20px;
		z-index: 9999999;
	}
	
	.bookingsection {
		display: none;
	}
	
	#mapper {
		display: none;
	}
	
	.blueberry .slides {
		max-height: 350px;
	}
	
	.slider-nav {
		position: absolute;
		bottom:30px;
	}
	
	.littlehello ul:before {
		display: none;
	}

	.littlehello ul:after {
	display: none;
  
	}



	/* FOOTER - Mobile footer */

	.pagecontent .mobile-footer, .welcomesearch .mobile-footer, .mobile-footer {
	    display: block;
	 }

	.cornered {
		display: none;
	}

		.lefter {
		padding-left: 0px;
	}

	.letter-spacing{
	font-size: 12px; 
	letter-spacing: -4px;
	}

	.letter-spacing2 {
		letter-spacing: -3px;
		padding-right: 3px;
	}

	
}



/* ================================================  MOBILES BELOW 480 to 640 ======================================= */


@media only screen 
and (min-width : 480px) 
and (max-width : 639px) 
{	
	
	
	
	
	
	
	
	.longnav {
		z-index: 99999;
		content: '';
	}
	.logo {
		padding-top: 130px;
	}
	.navlogo {
		float: left;
	}
	
	.ressys {
		display: none !important;
	}
	
	.navcontainer .booker {
		float: right;
		margin-left: 20px;
	}
	.longnav .searchablesection {
		display: block;
	}
	.bigwelcome p {
		width: 95%;
	}
	.welcomesearch {
		width: 78%;
	}
	
	section.littlehello {
		width: 100%;
		float: none;
	}
	.aboutrsh {
		display: none;
	}
	
	.navlink {
		display: none;
	}
	.innerwrap {
		left: 0;
		width: 100%;
	}
	
	.pager .innerwrap {
		display: none;
	}
	
	
	.littlelogo img {
		position: absolute;
	}
	
	.pagecontent {
		height: 82%;
		overflow-y: visible;
	}
	.pagecontent:before {
		top: 0;
	}
	
	.second {
	    display: none;
	}
	
	.mobilenav {
	  float: left;
	  left: 30px;
	}
	
	.bookdisplay {
		display: block;
	}
	.roombody {
		display: none;
	}
	.topper {
		font-size: 15px;
		display: none;
	}
	.longnav ul {
		display: none;
	}
	
	
	
	.mobilenav {
		top: 19px;
	}

	#home section.bigwelcome {
		padding-top: 0px;
		padding-bottom: 100px;
	}
	
	.idea {
		padding-bottom: 150px;
	}
	.front-copy {
		margin-top: inherit;
	}
	
	.navlogo {
		width: 60px !important;
	}
	
	
	.welcomesearch {
		padding-bottom: 100px;
	}
	section.bigwelcome {
		width: 100%;
		float: none;
		height: auto;
	}
	section.bighello {
		width: 100%;
		float: none;
	}
	section.madflex {
		position: relative;
		height: inherit;
		z-index: 999;
	}
	
	#home section.madflex {
		position: absolute;
		height: inherit;
		z-index: 9999;
		max-height: 350px;
	}
	
	.littlehello ul li {
		width: 100%;
		float: none;
		margin: 5px 0;
	}
	
	
	.pagecontent .quotable {
		padding: 0;
	}
	
	.roomly {
		padding-top: 15px;
	}
	
	
	#ui-datepicker-div {
		border-radius: 0 0 0 0;
		padding: 10px;
		margin-left: inherit;
		margin-top: -20px;
		z-index: 9999999;
	}
	
	.bookingsection {
		display: none;
	}
	
	#mapper {
		display: none;
	}
	
	.blueberry .slides {
		max-height: 350px;
	}
	
	
	.slider-nav {
		position: absolute;
		bottom:30px;
	}
	
	.littlehello ul:before {
		display: none;
	}

	.littlehello ul:after {
	display: none;
  
	}

	.slider ul li img {
		max-height: 500px;
	}
	
	
	.logo {
		padding-top: 530px;
	}
	.idea {
		padding-bottom: 80px;
	}
	
	#home section.madflex {
		position: absolute;
		height: inherit;
		z-index: 9999;
		max-height: 500px;
		background-image: url(../images/Roger-Smith-Hotel.jpg);
		background-size: cover;
		background-position: center center;
	}



	/* FOOTER - Mobile footer */

	.pagecontent .mobile-footer, .welcomesearch .mobile-footer, .mobile-footer {
	    display: block;
	 }

	.cornered {
		display: none;
	}
	
	.lefter {
		padding-left: 0px;
	}

	.letter-spacing{
	font-size: 12px; 
	letter-spacing: -4px;
	}

	.letter-spacing2 {
		letter-spacing: -3px;
		padding-right: 3px;
	}


}



/* ================================================  LARGE MOBILE DEVICES AND SMALL TABLETS BELOW 799  ======================================= */


@media only screen 
and (min-width : 640px) 
and (max-width : 799px) 
{	
	
		.longnav {
		z-index: 99999;
		content: '';
	}
	
	.ressys {
		display: none !important;
	}
	.logo {
		padding-top: 130px;
	}
	.navlogo {
		float: left;
	}
	
	.navcontainer .booker {
		float: right;
		margin-left: 20px;
	}
	.longnav .searchablesection {
		display: block;
	}
	.bigwelcome p {
		width: 95%;
	}
	.welcomesearch {
		width: 78%;
	}
	
	section.littlehello {
		width: 100%;
		float: none;
	}
	.aboutrsh {
		display: none;
	}
	
	.navlink {
		display: none;
	}
	.innerwrap {
		left: 0;
		width: 100%;
	}
	
	.pager .innerwrap {
		display: none;
	}
	
	
	.littlelogo img {
		position: absolute;
	}
	
	.pagecontent {
		height: 82%;
		overflow-y: visible;
	}
	.pagecontent:before {
		top: 0;
	}
	
	.second {
	    display: none;
	}
	
	.bookdisplay {
		display: block;
	}
	
	.roombody {
		display: none;
	}
	
	.topper {
		font-size: 15px;
		display: none;
	}
	
	.longnav ul {
		display: none;
	}
	
	.mobilenav {
		top: 19px;
		z-index: 10000000;
		float: left;
		left: 30px;
	}

	#home section.bigwelcome {
		padding-top: 0px;
		padding-bottom: 100px;
	}
	
	.idea {
		padding-bottom: 150px;
	}
	
	.front-copy {
		margin-top: inherit;
	}
	
	.navlogo {
		width: 60px !important;
	}
	
	.welcomesearch {
		padding-bottom: 100px;
	}
	
	section.bigwelcome {
		width: 100%;
		float: none;
		height: auto;
	}
	
	section.bighello {
		width: 100%;
		float: none;
	}
	
	section.madflex {
		position: relative;
		height: inherit;
		z-index: 999;
	}
	
	#home section.madflex {
		position: absolute;
		height: inherit;
		z-index: 9999;
		max-height: 350px;
	}
	
	.littlehello ul li {
		width: 100%;
		float: none;
		margin: 5px 0;
	}
	
	
	.pagecontent .quotable {
		padding: 0;
	}
	
	.roomly {
		padding-top: 15px;
	}
	
	#ui-datepicker-div {
		border-radius: 0 0 0 0;
		padding: 10px;
		margin-left: inherit;
		margin-top: -20px;
		z-index: 9999999;
	}
	
	.bookingsection {
		display: none;
	}
	
	#mapper {
		display: none;
	}
	
	.blueberry .slides {
		max-height: 350px;
	}
	
		.slider-nav {
		position: absolute;
		bottom:30px;
	}
	
	.littlehello ul:before {
		display: none;
	}

	.littlehello ul:after {
	display: none;
  
	}

	.slider ul li img {
		max-height: 500px;
	}
	
	
		.logo {
		padding-top: 530px;
	}
	.idea {
		padding-bottom: 80px;
	}
	
	#home section.madflex {
		position: absolute;
		height: inherit;
		z-index: 9999;
		max-height: 500px;
		background-image: url(../images/Roger-Smith-Hotel.jpg);
		background-size: cover;
		background-position: center center;
	}



	/* FOOTER - Mobile footer */

	.pagecontent .mobile-footer, .welcomesearch .mobile-footer, .mobile-footer {
	    display: block;
	 }

	.cornered {
		display: none;
	}
	
	
	
	
	
}
/* ================================================  SLIGHTLY SMALLER RESOLUTIONS, BUT NOT QUITE IPHONE ======================================= */


@media only screen 
and (min-width : 800px) 
and (max-width : 854px) 
{	
		
	.mobilenav {
		float: right;
		top: 19px;
		z-index: 100000000;
	}
	.longnav {
		content: '';
	}
	
/*		.longnav ul {
		display: none;
	}*/
	.longnav {
		z-index: 99999;
		content: '';
	}
	
	.navlogo {
		float: left;
	}
	
	.navcontainer .booker {
		float: right;
		margin-left: 20px;
	}
	.longnav .searchablesection {
		display: block;
	}
	.bigwelcome p {
		width: 95%;
	}
	.welcomesearch {
		width: 78%;
	}
	.welcomesearch {
		padding-bottom: 100px;
	}
	
	/*.longnav ul {
		display: none;
	}*/	
	
	.mobilenav {
		float: right;
		top: 19px;
	}
	
	/*.navcontainer ul li a {
		font-size: 16px !important;
	}*/



	/* FOOTER - Mobile footer */

	.pagecontent .mobile-footer, .welcomesearch .mobile-footer, .mobile-footer {
	    display: block;
	 }

	.cornered {
		display: none;
	}



}





/* ================================================  LARGE PHONE SCREENS SMALLER RESOLUTIONS  ======================================= */


@media only screen 
and (min-width : 855px) 
and (max-width : 960px) 
{	

/*.navcontainer ul li a {
		font-size: 16px !important;
	}*/
	
	.mobilenav {
		float: right;
		top: 19px;
	}
	.longnav {
		content: '';
	}
	
	/*	.longnav ul {
		display: none;
	}*/
	.longnav {
		z-index: 99999;
		content: '';
	}
	
	.navlogo {
		float: left;
	}
	
	.navcontainer .booker {
		float: right;
		margin-left: 20px;
	}
	.longnav .searchablesection {
		display: block;
	}
	.bigwelcome p {
		width: 95%;
	}
	.welcomesearch {
		width: 78%;
	}
	.welcomesearch {
				padding-bottom: 100px;
	}



	/* FOOTER - Mobile footer */

	.pagecontent .mobile-footer, .welcomesearch .mobile-footer, .mobile-footer {
	    display: block;
	 }

	.cornered {
		display: none;
	}



}



/* ================================================  IPADS AT LANDSCAPE WIDTH 1024  ======================================= */


@media only screen 
and (min-width : 961px) 
and (max-width : 1024px) 
{	

	/*	.navcontainer ul li a {
		font-size: 16px !important;
	}*/


.longnav {
		z-index: 99999;
		content: '';
	}

	
	.navlogo {
		float: left;
	}
	

	.longnav .searchablesection {
		display: block;
	}
	.bigwelcome p {
		width: 95%;
	}
	.welcomesearch {
		width: 78%;
	}
	.welcomesearch {
				padding-bottom: 100px;
	}
	.bighello img {
		width: 125%;
		height: auto;
	}

	#footer .slidelip {
		display: none !important;
	}

	.pagecontent .mobile-footer, .welcomesearch .mobile-footer, .mobile-footer {
	    display: block;
	 }

		
}


@media only screen 
and (min-width : 1025px) 
and (max-width : 1130px) 
{

	.bighello img {
		width: 125%;
		height: auto;
	}
	

.longnav {
		z-index: 99999;
		content: '';
	}
	
	.navlogo {
		float: left;
	}
	

	.longnav .searchablesection {
		display: block;
	}
	.bigwelcome p {
		width: 95%;
	}
	.welcomesearch {
		width: 78%;
	}
	.welcomesearch {
				padding-bottom: 100px;
	}

}

/* ================================================  FIRST STAGE LARGER THAN 1024PX UP TO LARGER BROWSERS  ======================================= */


@media only screen
and (min-width : 1131px)
and (max-width : 1157px){
	
	

	.navcontainer ul li a {
		font-size: 13.5px !important;
	}

	.longnav {
		content: '';
	}
	

	.longnav {
		z-index: 99999;
		content: '';
	}
	
	.navlogo {
		float: left;
	}
	

	.longnav .searchablesection {
		display: block;
	}
	.bigwelcome p {
		width: 95%;
	}
	.welcomesearch {
		width: 78%;
	}
	.welcomesearch {
				padding-bottom: 100px;
	}
}

@media only screen 
and (min-width : 1131px) 
and (max-width : 1223px) 
{		

	
	.bighello img {
		width: 125%;
		height: auto;
	}
	
.longnav {
		z-index: 99999;
		content: '';
	}
	.logo {
		padding-top: 250px;
	}
	.navlogo {
		float: left;
	}
	
	.navcontainer .booker {
		float: right;
		margin-left: 20px;
	}
	.longnav .searchablesection {
		display: block;
	}
	.bigwelcome p {
		width: 95%;
	}
	.welcomesearch {
		width: 78%;
	}
	.welcomesearch {
				padding-bottom: 100px;
	}
	
}



/* #Narrow Screen, Below 1400px (Portrait)
================================================== */

    /* Note: Design for a width of 768px */



@media only screen 
and (min-width : 1224px) 
and (max-width : 1300px) 
{


	
	.bighello img {
		width: 125%;
		height: auto;
	}
	
.longnav {
		z-index: 99999;
		content: '';
	}
	
	.navlogo {
		float: left;
	}
	
	.longnav .searchablesection {
		display: block;
	}
	.bigwelcome p {
		width: 95%;
	}
	.welcomesearch {
		width: 78%;
	}
	.welcomesearch {
				padding-bottom: 100px;
	}






}
	

@media only screen 
and (min-width : 1224px) 
and (max-width : 1399px) 
{
	

	.navcontainer ul li a {
	font-size: 13.5px;
	}
	.pagecontent {
		padding-top: 80px;
		height: 80%;
	}
	
	.pagecontent .lowerheading {
		color: #251d20;
		font-size: 16px;

	}
	
	
	.pagecontent h1 {
		padding-bottom: 60px;
	}
	
	.pagecontent .jimmy:before {
		bottom: 25px;
	
	}
	
	.pagecontent p {
		color: #333;
		font-size: 13px;
	}
	
	.pagecontent .roomaccess li a {
		font-size: 16px;     
	}
	
	           
}
	
	
	


@media only screen and (min-width: 1400px) and (max-width: 1450px) {
		
	.navcontainer ul li a {
	font-size: 17px;
	}
	.pagecontent {
		padding-top: 80px;
		height: 80%;
	}
	
	.pagecontent .lowerheading {
		color: #251d20;
		font-size: 16px;

	}
	
	
	.pagecontent h1 {
		padding-bottom: 30px;
		padding-top: 30px;
		margin-bottom: 15px;
	}
	
	.pagecontent .jimmy:before {
		bottom: 25px;
	
	}
	
	.pagecontent p {
		color: #333;
		font-size: 13px;
	}
	
	.pagecontent .roomaccess li a {
		font-size: 16px;     
	}


}


@media only screen and (min-width: 1451px) {
 
 
 
 
 
                
    } 


/* ================================================  MAX-HEIGHT 700 - 000 ======================================= */

@media only screen
and (max-height: 700px) {

	/* Popup notification - IMAGE ONLY */
	
	.lb-overlay.img-only.ns-show {
		padding: 15px 0;
	}
	
	.lb-overlay.img-only .the-popup {
		width: 450px;
	}
	
	.lb-overlay.img-only img {
		width: 450px;
	}
	
	.popup-contents {
		margin-top: 100px;
	}

}

/* ================================================  MAX-HEIGHT 649 - 000 ======================================= */

@media only screen
and (max-height: 649px) {

	/* Popup notification - IMAGE ONLY */
	
	.popup-contents {
		margin-top: 50px;
	}

}


/* ================================================  MAX-HEIGHT 549 - 000 ======================================= */

@media only screen
and (max-height: 549px) {

	/* Popup notification - IMAGE ONLY */
	
	.popup-contents {
		margin-top: 0;
	}

}


/* ================================================  MAX-HEIGHT 499 - 000 ======================================= */

@media only screen
and (max-height: 499px) {

	/* Popup notification - IMAGE ONLY */
	
	.lb-overlay.img-only .the-popup {
		width: 410px;
	}
	
	.lb-overlay.img-only img {
		width: 410px;
	}

}


/* ================================================  MAX-HEIGHT 449 - 000 ======================================= */

@media only screen
and (max-height: 449px) {

	/* Popup notification - IMAGE ONLY */
	
	.lb-overlay.img-only .the-popup {
		width: 360px;
	}
	
	.lb-overlay.img-only img {
		width: 360px;
	}

}

/* ================================================  MAX-HEIGHT 399 - 000 ======================================= */

@media only screen
and (max-height: 399px) {

	/* Popup notification - IMAGE ONLY */
	
	.lb-overlay.img-only .the-popup {
		width: 310px;
	}
	
	.lb-overlay.img-only img {
		width: 310px;
	}
	
	#home .navcontainer .booker, #pages .navcontainer .booker {
		padding: 0;
	}
	
	.booker a {
		font-size: 13px;
		margin-top: 25px;
	}

}

/* ================================================  MAX-HEIGHT 349 - 000 ======================================= */

@media only screen
and (max-height: 349px) {

	/* Popup notification - IMAGE ONLY */
	
	.lb-overlay.img-only .the-popup {
		width: 260px;
	}
	
	.lb-overlay.img-only img {
		width: 260px;
	}

}

/* ================================================  MAX-WIDTH 400 - 000 ======================================= */

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

	.logo {
	    padding-top: 325px;
	}

	/* Popup notification - IMAGE ONLY */
	
	.lb-overlay.img-only .the-popup {
		width: 90%;
	}
	
	.lb-overlay.img-only img {
		width: 90%;
	}
	
	.lb-overlay.img-only i.ns-close {
		left: 5%;
	}

}