@media (max-width: 767px) {
div.tbox				{width: 300px !important; float:none !important;display:block;margin: 20px auto !important;}
}
@media (max-width: 990px) {
		html, body		{max-width: 100%;}
		#container		{max-width: 100%; width: 100%; min-width: 100%}
		#top-container	{background: none; height: auto; width: 100%; background-color: #fff;}
		#banner			{max-width: 100%;}
		#image-slider	{display: none;}
		img.logo		{padding: 20px 0 10px 0; width: 85%;}
		#back-to-top-mobile a{position: fixed; bottom: 10px; right: 10px; z-index: 20000;}
		div.clearfix	{clear: both}
		/*Christmas opening times */
		div#christmas-times		{width: 100%;}
		div#christmas-times h1	{font-size: 18px;}
		div#christmas-times ul 	{height: auto; width: 90%; float: none;border-right: 0px; padding: 0; margin: 10px 0 10px 20px}
		div#christmas-times ul li{width: 95%;}
		div#christmas-times ul li span{margin: 0 0 0 10px; font-weight: 700; float: right}
		/* new sections */
		
		.section-white-ctnt		{width: 100%;}
		.section-white-ctnt h1	{width: 90%;margin: 0 auto}
		.section-green-ctnt		{width: 100%;}
		.section-green-ctnt h1	{padding: 0;}
		.section-green-ctnt li	{margin: 0 5%;width: 90%;}
		.section-green-ctnt li i	{display:block; font-size: 35px; margin: 20px 0 10px 0;}
		.section-green-ctnt li img{display: block; margin: 20px auto 10px}
				
		/*awards*/
		div#awards-container		{float:left}
		div#awards				{width: 100%;}
		body.index div#awards	{height: auto;}
		div#awards h1			{padding: 0; font-size: 21px; width: 90%; 
								margin: 0 5%}
		div.award				{float:left;clear:both;width:100%; margin: 0}
		body.index div#CDSWIDEXC	{margin-top: -20px}
		div.award a				{display:inline-block; margin: 0 auto; width :100%;}
		div.award a img			{float:none !important;margin: 0 auto;display:block;}
		
		/*Gluten Free banner*/
		div#gluten-banner			{width: 100%; float:none; margin: 15px 0 10px 0;height: auto;background-image: none;}
		div#gluten-banner br			{display:none;}
		div#gluten-banner h1			{font-size: 22px; padding: 10px 0 0 20px;}
		div#gluten-banner h2			{font-size: 17px; padding: 20px 0 15px 20px; width: 90%;}
		div#gluten-banner img		{display:block;padding: 10px;}
		/*mondays*/
		div#mondays				{float:none;}
		div#mondays img			{float: left; margin: 0 0 20px 10px; width: 95%}
		/*seniors*/
		div.offers 				{margin: 15px 0 10px 0; width: 100%;}
		div.offers img			{height: auto; width: 35%;}
		div.offers h1			{font-size: 22px;color:#fff; padding: 10px 0 0 0; margin: 0 0 0 20px; width: 50%;}
		div.offers h2			{font-size: 16px;color:#fff; margin: 0 0 0 20px; padding: 10px 0 0 0; width: 90%;}
		div.offers h3			{font-size: 14px;color:#fff; margin: 0 0 0 20px; padding: 0 0 10px 0; font-weight: 200}
		
		/*banner*/
		#banner					{margin: 20px 0 0 0; width: 100%; height: auto;text-align:center;}
		#banner div 				{float: none; width: 100%;}
		#banner div h1			{float: none; padding:0 0 10px 0;width: 100%;font-size: 28px}
		#banner div a			{float: none; padding:0 0 5px 0;margin: 0 5px}
		div.fb-like				{margin: 20px 0;text-align:center;}
		img.logo					{padding: 0 0 0 0;width: 95%;max-width: 448px;}
		#banner div h2			{float: none; padding:0 0 20px 20px}
		/* menu */
		#main-menu				{margin: 20px 0 0 0; border-top: 1px solid #fff; width: 100%}		
		#main-menu ul			{width:100%; display:block; width: 100%;}
		#main-menu ul li		{display: block; text-align: left; width: 100%;}
		#main-menu ul li a		{display: block; margin: 0; padding: 10px 0 10px 20px; border-bottom: 1px solid #fff;}		
		#main-menu ul li a.active, #main-menu li a:hover {background: #91c340;}
		#main-menu ul li.prize-draw			{display:block !important;}
		/* inner content */
		#inner-content			{width: 100%;margin: 0 0 20px 0;min-height: auto;}
		#inner-content h1		{width: 90%; margin: 20px 0 0 20px;}
		#inner-content h2		{margin: 20px 0 0 20px; width: 90%}
		#inner-content h3		{margin: 20px 0 0 20px;}
		#inner-content p		{width: 90%; margin: 20px 0 0 20px}
		#inner-content.full	h1	{margin: 20px 0 0 20px}
		#inner-content.full	p	{width: 90%}
		#inner-content img		{display: none;}
		#inner-content img.fishchips{display: none}
		#inner-content a.contact-image{float: left; margin: 30px 20px 0 0}
		#inner-content iframe	{float: none; width: 100%; margin: 20px 0 0 0;}
		#inner-content div#awards	{border-top: 0; border-bottom: 0; width: 100%}
		#inner-content div#awards h1{font-size: 16px;}
		#inner-content div.award	{margin: 0 0 20px 10px;}
		#inner-content div.award img{float: left;display: block;}
		
		form						{width: 100%; float: none;}
		form p					{width: 90% !important;}
		form	 p label				{float: none;}
		form	 p input,form p textarea	{float: none; width: 95%;}
		form	 p textarea			{width: 95%;}	
		form	p a					{float: none; display: block; margin: 10px 0 0 0}
		form p input#submit		{float: none;}
		
		/* page */
		#info-container		{width: 100%; height: 125px;}
		#info-banner			{width: 100%; margin: 0;}
		div.tbox				{width: 32%; float:left;margin: 20px 0.66%;height: auto;max-height: inherit}
		
		div.m_bar			{float:left;}
		div.m_bar h1			{width: 90%;text-align:center;margin: 10px 5%;}
		div.m_bar h1 i 		{margin: 0 10px 0;}
		div.m_bar h1 br		{display:block;}
		div.social			{float: none;display:block;text-align:center;}
		div.social a			{font-size: 28px;margin: 0 10px}

		#content-wrapper		{width: 100%; background: #fff; height: auto;}						
		#content				{width: 100%;}
		#twitter-timeline		{width: 100%}
		#content-boxes			{width: 100%; height: auto;}
		#content-boxes .box		{margin: 10px auto !important;display:block;float:none;}
		#content-boxes .box:nth-child(1),#content-boxes .box:nth-child(3),#content-boxes .box:nth-child(2),#content-boxes .box:nth-child(4){margin: 10px 0 10px 0;}
		#content-boxes .box	.nivo-directionNav, #content-boxes .box	.nivo-controlNav {display: none;}	
		#content-boxes .box #slider-quotes,.slider-wrapper{margin-top: 10px !important;}	
		/*catch crew*/
		#content #text			{width: 100%; float: none;height: auto;}
		#content #text h1		{}
		#content #text p		{}
		#content-boxes.profiles .box.profile,#content-boxes.profiles .box.profile img	{width: 100%; margin: 0 0 3% 0; background: transparent}			
		/* Contact us */
		#google-map			{display: none;}
		#contact-info		{width: 100%; height: auto; float: none; margin: 0 0 0 0;}
		#contact-info div		{clear: none; margin: 0 0 0 20px; padding: 0 0 20px 0;}
		#contact-info div img	{float: none; margin: 10px 0 0 -10px;}
		#contact-info div p		{float: none; margin: 0px 0 0px 0;}
		/* footer */
		#footer-container	{float:none;}
		#footer				{width:100%; height: auto;}
		#footer div.menu	{font-size: 0.750em; width: 100%; float: none; margin: 20px 0 0 0}
		#footer div.menu a	{padding: 0 0 0 20px}
		#footer-address 	{float: none; margin: 0 0 0 20px; padding:10px 0 0 0;}
		#footer-address span{display: block;}
		#footer-logo		{float: none; margin: 0 0 0 10px; padding: 10px 0 0 0}
		.fsa-logo		{float:left;clear:both;margin: 15px 20px;}
		.q-award			{float:left;clear:both;margin: 15px 20px;}
		#copyright			{float: none; margin: 30px 0 0 20px; padding: 0 0 50px 0;}		
}
@media (min-width: 768px) {
		#back-to-top-mobile a	{display: none;}
}