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

	.nav a {
		font-size: 1.4vw;
	}
}

/************************************************************************************
smaller than 1200
*************************************************************************************/
@media screen and (max-width: 1216px) {
  #pagewrap {
	  margin: 0 auto;
	  width: 99%;}

  nav#navstrip a.lgo img{
    width:400px;
    margin-top:20px;}

  .grid8 .grid-item{
	  margin-right: 1.33333%;	
	  width: 11.3%;}
  .grid8 .grid-item:last-child{
	  margin-right: 0;}

  #header #site-logo a img{
    width:300px;}

  #top-nav #top-tel{
    top:0px;}

	#availability {
		height: 3400px;
	}

	.nav a {
		font-size: 1.3vw;
	}

}

@media screen and (max-width: 1108px) {
		#navstrip {
			min-height: 100px;
		}

			#navstrip ul.nav {
				margin-top: 0;
			}

		nav#navstrip a.lgo img {
			width: auto;
		}

		nav#navstrip a.lgo {
			display: block;
			text-align: center;
		}

	.grid5{
		text-align:center;
	}
	.grid5 .grid-item {
		width: 47.2%;
	}

}

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

	.ui-accordion .ui-accordion-header {
		height:4em;
	}

}


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

			#coverFinder {
				width: 100%;
			}

				#coverFinder img.lgoVisitEngland {
					margin-right: 1em;
				}

			.divOffersCompact {
				width: 300px;
			}

				.divOffersCompact .formNewsletter input.formTxt, .divOffersCompact .formNewsletter input.formTxtEmail {
					width: 10em;
				}
		}
		/************************************************************************************
smaller than 980
*************************************************************************************/
		@media screen and (max-width: 980px) {
			#top-nav {
				position: relative;
				height: 2.2em;
			}

				#top-nav #top-tel {
					clear: both;
				}
		}
		/************************************************************************************
smaller than 900
*************************************************************************************/
		@media screen and (max-width: 916px) {

			.cd-top {
				height: 60px;
				width: 60px;
				right: 30px;
				bottom: 30px;
			}

			.toggleMenu {
				margin: 0;
			}

			.nav {
				margin: 0;
				z-index: 10000;
			}

				.nav li ul li ul {
					margin-left: 0 !important;
					border: none !important;
				}

				.nav > li { /* top level nav items */
					margin: 0.125em !important;
					xxborder: 0.125em solid #fff !important;
				}
		}

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

			#coverFinder input.btn1 {
				top: auto;
				display: block;
				margin: 1em auto;
			}
		}
		/************************************************************************************
smaller than 800
*************************************************************************************/
		@media screen and (max-width: 816px) {

			.cd-top {
				right: 20px;
				bottom: 20px;
			}

			.contact-form .grid-item {
				width: 100%;
				margin-right: 0;
				max-width: 775px !important;
			}

			.grid2 .grid-item, .grid3 .grid-item {
				margin-right: 0;
				width: 100%;
			}

			.grid2-thirds .grid-item1, .grid2-thirds .grid-item2 {
				margin-right: 0;
				width: 100%;
			}

			.grid4 .grid-item {
				margin-right: 2%;
				width: 49%;
			}

				.grid4 .grid-item:nth-child(2), .grid4 .grid-item:last-child {
					margin-right: 0;
				}

			.grid6 .grid-item {
				width: 30%;
			}

				.grid6 .grid-item:nth-child(3), .grid6 .grid-item:last-child {
					margin-right: 0;
				}

			.grid8 .grid-item {
				width: 25%;
			}

				.grid8 .grid-item:last-child, .grid8 .grid-item:nth-child(4) {
					margin-right: 0;
				}

			.hideUnder816 {
				display: none;
			}

			#top-nav #top-tel {
				font-size: 150%;
			}

			.finderBoat .inL, .finderBoat .inR {
				float: none;
				width: 100%;
				margin-bottom: 1em;
			}
		}
		/************************************************************************************
smaller than 716 - mobile menu
*************************************************************************************/
		@media screen and (max-width: 720px) {

			.notmob {
				display: none;
			}

			.nav a {
				font-size: 170%;
			}

			a.notmobmore {
				display: inline;
				cursor: pointer;
				text-decoration: none;
			}

				a.notmobmore:hover {
					text-decoration: underline;
				}

			#top-contact-mob {
				display: block;
				text-align: center;
				margin: 0 0 10px 0;
			}

			#top-nav #top-tel img {
				margin-right: 6px;
				position: relative;
				top: 2px;
			}


			/* nav */
			.active {
				display: block;
			}

			.nav > li {
				float: none;
			}

				.nav > li > .parent {
					background-position: 95% 50%;
				}

			.nav ul {
				display: block;
				width: 100%;
			}

			.nav li li a {
				padding: 7px 5px 9px 2em;
			}

			.nav li.mob {
				display: inherit;
			}

			.nav > li.hover > ul, .nav li li.hover ul {
				position: static;
			}

			.container .nav li li .parent {
				background: transparent url("../../image/icons/downArrow.png") no-repeat right 13px;
				background-repeat: no-repeat;
				background-position: 95% 50%;
			}

			#navstrip a.toggleMenu {
				float: right;
			}

			#navstrip ul.nav {
				background-color: #222222;
				width: 100%;
			}

			.nav > li { /* top level nav items */
				border-bottom: 0.125em solid #fff !important;
			}

			#navstrip {
				min-height: 50px;
			}

			nav#navstrip a.lgo img {
				margin: 10px 0.25em 0 0.25em;
			}

			#top-nav {
				display: none;
			}

			#site-logo a img {
				margin-bottom: -0.5em;
			}

			.blog img.imgFL, .blog img.imgFR {
				float: none;
				margin-right: 0;
				margin-left: 0;
				max-width: 100%;
				width: 100%;
			}

			.formNewsletter input.formTxt, .formNewsletter input.formTxtEmail {
				width: 14em;
				display: block;
				margin: 0 auto 0.5em;
			}


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

				#coverFinder .item {
					display: block;
					margin: 1em 0;
					clear: both;
				}

				.finderBoat .inL .inLL, .finderBoat .inL .inLR {
					width: 100%;
					float: none;
					margin-bottom: 1em;
				}

				.grid5 .grid-item {
					width: 100%;
					margin-right: 0;
					width: 100%;
				}

					.grid5 .grid-item img {
						width: auto;
					}
			}

			/************************************************************************************
smaller than 650
*************************************************************************************/
			@media screen and (max-width: 650px) {
				.grid8 .grid-item {
					width: 33%;
					margin-right: 2% !important;
				}

					.grid8 .grid-item:last-child, .grid8 .grid-item:nth-child(3) {
						margin-right: 0;
					}

				.back-to-top {
					bottom: 20px;
					right: 20px;
				}

				.divOffersCompact {
					display: none;
				}
			}
			/************************************************************************************
smaller than 600
*************************************************************************************/
			@media screen and (max-width: 630px) {
				#pagewrap {
					width: 98%;
				}
				/* disable webkit text size adjust (for iPhone) */
				html {
					-webkit-text-size-adjust: none;
				}

				.grid4 .grid-item {
					margin-right: 0;
					width: 100%;
				}

				.grid6 .grid-item {
					width: 50%;
					margin-right: 2% !important;
				}

					.grid6 .grid-item:nth-child(even) {
						margin-right: 0;
					}

				.grid8 .grid-item {
					width: 50%;
					margin-right: 2% !important;
				}

				.grid6 .grid-item:nth-child(even) {
					margin-right: 0;
				}

				nav#navstrip a.lgo img {
					width: 90%;
				}
			}

			@media screen and (max-width: 618px) {
				#site-logo a img {
					margin-bottom: -4.5em;
				}
			}


			@media screen and (max-width: 579px) {
				#coverFinder h2 {
					font-size: 5vw;
				}
			}

			@media screen and (max-width: 450px) {
				#coverFinder h2 {
					clear: both;
				}
			}

			/************************************************************************************
smaller than 400
*************************************************************************************/
			@media screen and (max-width: 425px) {
				.grid6 .grid-item {
					width: 100%;
					margin-right: 0% !important;
				}

				.grid8 .grid-item {
					width: 100%;
					display: inline-block;
				}

				.grid6 .grid-item:nth-child(odd) {
					margin-right: 10%;
				}

				h1 {
					font-size: 36px;
					line-height: 36px;
				}

				h2 {
					font-size: 25px;
					line-height: 25px;
				}

				#site-logo a img {
					margin-bottom: -1.5em;
				}

				.txtImgAndCaption {
					display: none;
				}
			}