@media (max-width: 320px) {
		body  div.portion		{width: 80%;}
		body div.portion h2		{margin: 110px 0 0 0 !important;}
		div.categories a 		{width: 48% !important;	margin: 7px 0.5%;}
}
@media (max-width: 1280px) {
		div.special, div.news	{height: 420px}
		#banner img.love-hornsea{margin: 0 5% 20px 0}
		/*#banner img.nfca-logo	{margin: -40px 0 0 5%;}*/
}
@media (max-width: 991px) {
		#banner img.love-hornsea{width: 260px;margin: 0 5% 0 0}
		/*#banner img.nfca-logo	{margin: 0 0 0 5%;}*/
		#banner	a				{width:282px;}
		.camera_target_content	{height: 200px;overflow:hidden}
		div.section.half			{width:100%;}
		div.section.half.right	{margin-left: 0;}
		div.special, div.news	{height: auto}
		
		/* main menu */
		#menu-container		{margin: 35px 0 0 0;z-index: 100;position:relative;}
		a.mobile,a.clock		{width:100%; padding: 10px 0 10px 0px; display: block; margin: 0;}
		a.mobile				{float: left; color:#FFFFFF; text-decoration: none;text-align:center}
		/*a.clock				{float: right;color:#FFFFFF; text-decoration: none;}*/
		a.mobile i,a.clock i{margin: 0 10px 0 0}
		#main-menu.close		{margin: 0; width: 100%; height: 0px; overflow: hidden;
							transition: height .5s;-webkit-transition: height .5s}
		#main-menu.open		{height: 452px;}
		#main-menu ul li		{display: block;}
		#main-menu ul li a	{width: 100%; display: block; color: #FFFFFF; padding: 15px 0 10px 0; border-bottom: 1px solid #ddd;}
		#main-menu ul li:nth-child(1) a {border-top: 1px solid #ddd;}
		
		/*sub menu*/
		#main-menu ul li ul.hide	{top: 45px;left: -150px; z-index: 10; width: 40%; border:1px solid #FFFFFF;
									transition: left .5s, opacity 0.5s;-webkit-transition: left .5s, opacity 0.5s; opacity: 0;}
		#main-menu ul li ul.hide li a{border: 0; margin: 0 0 15px 0;text-align: center;}
		#main-menu ul li ul.show	{left: 0px;opacity: 1}
		
		/* Links*/
		#image-links			{text-align: center;}
		#image-links a		{width: 15%;}
		
		/*Food Care */
		img.lve-wheads			{margin: 0px 30px 5px 0;width: 80%;}
		img.fnc-plate			{margin: 30px 20px 20px 0;width: 90%;}
		a.rating					{float:none;margin: 20px 0 10px 0;display:block;width: 100%;text-align:center}
		
		div.marquee.wide img.image{margin: 0;}
		
		/*portion and nutrition */
		div.portions,div#nutrition-banner{width: 100%;text-align:center;}
		div.portion			{float: left;display:inline-block;width: 45%;margin: 0 0 20px 20px}
		div.portion h2		{margin: 180px 0 0 0 !important;}	
		div.badge a.ta-hof-logo-hp img{width: 50%;margin: 0 25%;}
		#booking-form form div.form-block{height: 520px;}
		
		/*homepage shortcut buttons and video */
		div.shortcut-btns		{float:left;clear:both;	}
		.video-container			{width: 40%;float:right;margin: 30px 30px 0 0}
		div.copy					{clear:left;}
}
@media (max-width: 767px) {
		html, body			{width: 100%; margin: 0;}
		body					{background-image: none !important;background-color:#FFFFFF;}
		iframe				{position: static;}		
		img.background-image{display: none}			
		
		/* main menu */
		#menu-container			{margin: 0 0 0 0;}
		div.slideshow-container	{width: 100% !important;margin: 0;}
		.video-container			{width: 100%;float:left;margin: 0}
		.video-container video	{width: 100%;height:auto;}
		div.follows				{float:left !important;text-align: left !important;}
		div.follow				{float:left;}
		#banner					{width:100%;margin: 0 auto;background:#FFFFFF;}
		#banner .slideshow-container.banner{display:none;}
		#banner	a				{width:100%;}
		div.banner-logos			{width: 100%;}
		#banner img.love-hornsea{float:none;margin: 0 26% 20px;width: 48%;}
		/*#banner img.nfca-logo	{float:none;margin: 0 15% 20px 14%;width: 20%;}*/
		
		/*Index page sections*/
		div#page					{max-width: 100%;}
		div.shortcut-btns		{width: 100%;margin: 0;}
		div.shortcut-btns a		{width: 50%;margin: 0;padding: 10px 0; text-align:center;float:left;}
		div.copy					{width: 100%}
		div.section h1			{margin: 0 0 0 10px !important;}
		div.section h2			{margin: 5px 0 10px 10px !important;}
		div.section h1.opening-header,div.section h2.opening-header{width: 50%;}
		div.section p			{margin: 10px 30px 10px 10px !important;}
		div.section img.right-main-img{float:left; margin: 0;width:100%;}
		div.section table.open-times{margin: 0 0 0 10px}
		div.section table.open-times h2{margin-left: 0 !important;}
		div#google_map_canvas	{width:100%;height:auto;}
		div#twitter				{width: 100%;}
		div.section.red ul 		{margin:0 0 0 10px}
		
		div#badges				{float:left;width: 60%;margin: 20px 20%;}
		div.badge				{margin: 0 auto;width: 100%;}
		div.badge div#CDSWIDEXC	{width: 100%;float:left;height: auto;}
		div.badge div#CDSWIDCOE.widCOE{width: 100%;margin: 0}
		div.badge a.msc-logo		{padding-top: 20px}
		div.badge a.quality-award{padding-top: 20px}
		
		div.opening-times		{height: auto}
		div.location iframe		{width: 100%; height: auto;}
		div.location,div.social	{height: auto;}
		div.special, div.news	{height: auto}
		div.news p				{width: 95%}
		div.news img				{width: 38%;float:right;margin: 0 10px 0 0}
		div.links				{width: 100%;clear:left;padding-bottom: 20px;}
		div.links a				{width: 80%;float:left;text-align:center;margin: 0 10%}
		img.moby-hme				{position: absolute;z-index: 20;top: 20px;right: 20px; width: 20%;}
		img.food-care-hp			{float:left;width: 80%;margin: 0 10%}
		div.food-care-img		{width: 50%; float:right;margin: 50px 0}
		div.food-care-img img	{width: 32%}
				
		/*Allergy Page*/
		div.categories			{margin: 0 10px;}
		div.categories a 		{width: 32%;	margin: 7px 0.5%;}
		div.product-table		{margin: 0 10px;}
		div.product-table h2		{margin: 0 !important;}
		div.product-name			{width: 100%;}
		div.product-ingredients	{width: 100%;}
		div.product-allergens	{width: 100%;}
		
		/*reviews*/
		div#ta-awards			{float:left; margin: 0} 
		div.ta-award				{margin: 0 auto;float:left;clear:both;width: 100%}
		#CDSSCROLLINGRAVE.narrow{width: 97% !important;float:left;}
		a.ta-hof-logo			{width: 100%;}
		a.ta-hof-logo img		{width: 100%;}
		section#reviews div#badges{float:left; margin: 10px 0px 20px 0px;width: 100% !important;} 
		section#reviews div#badges div.badge{float:left;}
		#CDSWIDEXC				{margin: 0 !important;}
		div.review				{margin: 20px 0 0 0}
		div.review h1			{margin: 10px 0 0 10px !important;}
		div.review h2			{margin: 10px 0 10px 10px !important;}
		div.review h3			{margin: 0 0 20px 10px;}
		
		/*Gluten Free / we care */
		div#food-care		{background-image: none;background: #15bb50; margin: 23px 0 45px 0; height: auto}
		div#food-care img	{float: right; margin: 0; width:60%;}
		
		/* Booking form */
		#booking-form form div.form-block{float: left; width: 98%; height: auto}
		#booking-form h1	 span		{float:left;margin: 10px 10px 10px 0;}
		#booking-form				{background: url(../images/white-tile.png);padding: 0 0 20px 0;width: 100%;height: auto;}			
		
		/* links page */
		#links-list	a		{margin: 0 0 10px 10px;}
		#image-links			{background: #FFFFFF;float:left;width: 100%;padding: 20px 0;}
		#image-links a:nth-child(1){margin: 0 auto 10px auto;}
		#image-links a		{display:block;width: 50%;text-align:center;margin: 0  auto 10px auto}
		#image-links a img	{box-shadow: none; vertical-align: middle;}
		
		/* team page */
		img.staff-img			{float:left;width: 100%; margin: 0;}	
		
		/* Our Food Care page */
		div.img-group			{width: 100%; float:left;}
		img.lve-wheads			{float:none; margin: 0 12.5%;width: 75%;}
		img.fnc-plate			{float:none; margin: 0 12.5%;width: 75%;}
		div.marquee				{width: 100%; float:left; height: auto; background: #FFFFFF; margin: 10px auto; overflow:auto;}
		div.marquee.wide			{width: 100%; clear: both;height: auto;}
		div.marquee.wide img.image{float:left; margin: 0;width: 100%;}
		div.marquee.wide ul		{color: #333; font-size: 16px; margin:0 0 0 20px;width: 75%;}		
		
		/*portion and nutrition */
		div.portions,div#nutrition-banner{margin: 0 0 10px 0;width: 100%;text-align:center;}
		div.portion			{float: none;display:inline-block;width: 60%;margin: 0 0 20px 0}
		div.portion.nutrition{margin: 0}	
		div.portion table	{width: 90%;margin: 0 5%;padding: 0 0 10px 0}
		div.portion table td:nth-child(1){text-align:left;}
		div.portion h2		{margin: 190px 0 0 0 !important;width: 100%; text-align:center !important;color:#FFFFFF;}
		
		/* Promotions page - Loyalty Card and Colouring Book*/
		div.promotion.half	{height: auto;}
		div.promotion img	{float:left;width: 100%;margin: 0 !important;}
		div.promotion img.moby{float:right;margin: 0 !important;width: 50%;}
				
		/*News page */
		.news-story			{padding: 0 30px 20px 10px;}
		body .news-story p		{margin: 0 !important;}
		.news-story p span	{font-size: 11px; line-height: normal; float: right; width: 50%; padding: 10px 0 0 0}
		.news-story img		{float:right; margin: 0 0 0 10px; max-width: 50%}
		.news-story img.wrap-image	{float:right; margin: 0 0 0 20px;}
		.news-story span.sub-title	{font-size: 11px; line-height: normal; float: right; width: 50%; margin: 0 0 20px 40px}						
		.news-story iframe	{float: left; margin: 0 20px 0 0;}
		
		/* contact form*/
		form ul 			{width: 95%; float: none; margin: 0 0 0 10px;padding: 0;}
		form ul li		{}
		form ul li label,#welcome form ul li.captcha p	
						{width: 90%}
		form ul li input	{float: none; width: 90%; border: 1px solid #999;}
		form ul li.message	{float: left; width: 100%; height: 170px; margin: 0 0 0 0}
		form ul li textarea{resize: none; width:95%; height: 140px}
		form ul li.consent input	{width: 25px; height: 25px;margin-right: 20px}
		form ul li label.consent	{width: 70%;}
		form ul li input.submit-btn{float: none; clear: both;}
		form ul li.consent	{width: 90%}
		
		/* footer */
		#footer				{height:auto}
		#footer-container	{max-width: 100%;}
		div.f-section		{width: 100%; margin: 0; float:none;text-align:center;}
		div.f-section a		{text-decoration:underline;}
		div.f-section a i 	{display:none;}
		div.f-section:nth-of-type(2){text-align:center;}
		div.f-section:nth-of-type(3){text-align:center;}
		div.f-section svg	{width: 40%;}
		div.f-section img.love-hornsea	{width: 60%;margin: 0 20%;}
		#copyright			{margin-top: 50px;}
		#copyright a			{color:#FFFFFF;display:inline-block}
}
@media (min-width: 991px) {
		a.mobile,a.clock						{display: none;}
		#main-menu ul li a.get_directions	{display: none;}
		#reservation-form div.bar a.christmas{display: none;}
		#reservation-form div.bar a.directions{display: none;}
}