.mobile { display: block !important; }
.desktop { display: none !important; }

body { font-size: .85em; padding-bottom: 30px; }

#root { width: 100%; min-width: 320px; }

	#header-wrap { position: static; }
	#header { height: auto; padding-top: .5em; }
		#logo { display: block; position: static; width: 50%; padding: 1.5em 0; margin: 0 auto; }
		#header-info { width: 100%; position: static; text-align: center; height: auto; }
			#header-info .links { display: block; margin-top: .7em; height: 25px; padding: 0; border-top: 1px solid #c1c2c5; border-bottom: 1px solid #c1c2c5; }
				#header-info .links a { width: 100%; display: block; float: left; padding: 0; margin: 0; text-align: center; }
			#header-info .links a:hover { background: url(../images/menu-horizontal-bg-reverse.png) top left repeat-x #c1c2c5; }
		#strapline { display: none; position: static; text-align: center; padding: 0 5% 1em; font-size: .9em; }

	#main { padding-top: 0; }
	.main-navigation { text-align: center; width: auto; height: 28px; overflow: hidden; padding: 5px 0 0 0; margin-bottom: 0; }
	.main-navigation.show { height: auto; overflow: hidden; }
		.main-navigation ul { display: block; margin-top: 28px; }
			.main-navigation .strapline { display: none; }
			.main-navigation ul li { display: block; float: none; }
				.main-navigation ul li a.link { border-bottom: 1px solid #FFFFFF; height: 22px; line-height: 22px !important; }
				.main-navigation ul li a.link.first { border-top: 1px solid #FFFFFF; }
				.main-navigation ul li a.active { background-color: #e9eaeb; }

				.main-navigation ul ul { position: static; width: 100%; top: auto; left: auto; height: 0; margin: 0; }
				.main-navigation ul li:hover ul, .main-navigation ul .active ul { height: auto; }
					.main-navigation ul ul a { width: 100%; text-align: center; padding: 0 !important; }

		.main-navigation .active ul, .main-navigation ul a.active ul { visibility: visible; }
		.main-navigation .dropdown { visibility: hidden !important; }

		#nav-search { float: left; width: 80%; position: static; margin-left: 2%; }

		#main-navigation-toggle { float: right; width: 12%; height: 25px; background: url(../images/main-navigation-toggle.png) center no-repeat; margin-right: 2%; }

	#center-column { float: none; width: 100%; }

		#feature-banner { display: none; }

		#breadcrumbs { text-align: center; padding: 6px 2% 0; }

		.grid {  }
			.grid .item { position: relative; display: block; float: left; width: 50%; outline: 0; border-bottom: 1px solid #d3d2d2; height: auto; min-height: 180px; padding-bottom: .5em; }
			.grid .item.featured {  }
			.grid .item:hover .overlay { display: none; }
				.grid .item .hr { position: static; margin-bottom: 0; }
				.grid .content { padding: 15px; }
				.grid .item .thumb { width: 70%; }
				.grid .item .title { height: 30px; }
				.grid .item .message { padding-bottom: 0.5em; }
				.grid .item .links { position: static; padding: .5em 5px .5em 15px; font-size: 0.7em; width: auto; }
					.grid .item .links a.arrow-link { width: 100%; padding: 0 22px 0 5px; margin-left: 0px; margin-bottom: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
					.grid .item .links a.arrow-link { position: static; float: none !important; }
					.grid .item .links .compare {  }
					
					.grid .item .in-quote { top: 15px; }
					
					.grid .item .links .view-comparisons { margin-left: 0; float: none; }
						.grid .item .links .view-comparisons input { -webkit-appearance: none; width: 100%; }

				.grid .item .logo { position: absolute; bottom: 25px; right: 25px; }
				.grid .item .overlay { height: auto; }
				.grid .item.active .overlay { display: block; background-image: none; }

			.grid .item.product { /*height: auto;*/ }
				.grid .item.product .overlay {  }

			.grid .item.recommend { outline: 3px solid #94969a; }
			
			.grid.featured-links .item { min-height: 120px; }

			.page-content {  }

			.featured-links.messages img { width: 90%; }
			
			#logos-footer {  }
				.footer-logo { margin: 6px 4px; }
			
			/* product */
			#product-left { float: none; width: 100%; }
				#product-image-mobile {  }
					#product-image-mobile img { width: 100%; }

			#product-right { margin-left: 0; padding-top: 0px; }
				#product-right .description { width: auto;  }
				#product-right .edge { margin-bottom: .3em; }
				#product_orderform { margin-top: 2em; }

			/* view basket */
			#viewbasket { margin: 0 -25px; font-size: 0.9em; }
				#viewbasket div.align-right { text-align: center; }
				
			#enquiry-details { font-size: 0.9em; }

	#right-column { float: none; width: 100%; padding-top: 4px; }

	#footer { border: 0; }
		#footer .megamenu { float: none; width: auto; }
				#footer .megamenu .title {  }
				#footer .megamenu ul { float: none; margin: 0 0 0 50px; padding: 0 25px 0 0; }
					#footer .megamenu li.first { display: none; }

			#footer-feature { display: none; }

			#footer .logos { float: none; text-align: center; border-bottom: 1px solid #b3b2b3; }
				#footer .logos .item { float: none; display: inline-block; border: 0; padding: 0 1em; }

			#footer .phones { float: none; text-align: center; padding: 1em 0; height: auto; line-height: 1em; border-bottom: 1px solid #b3b2b3; }
				#footer .phones span { display: block; margin-bottom: .4em; }
	
	.view-mode-link { float: none; display: block; width: 100%; padding: 1em 0; text-align: center; border-bottom: 1px solid #b3b2b3; text-decoration: underline; }
	
	#footer-outer { float: none; width: 90%; padding: 1em 5%; font-size: 0.8em; text-align: center; }

.back-link { display: none; }