/******************************************************************
Copyright Blue Chilli Studio 2010 | www.bluechillistudio.co.uk 
******************************************************************/
@media only screen and (max-width: 1120px) {
	#mainHeader {
		/*background: #00CC00/*green*/;
	}
	#topNav ul li {
		padding: 0 15px;
	}
}
@media only screen and (max-width: 979px) {
	#mainHeader {
		/*background: #FF00FF/*pink*/;
	}
	#topNav {
		width: 71%;
	}
	#topNav ul li {
		padding: 0 7.5px;
	}
}
@media only screen and (max-width: 820px) {
	#mainHeader {
		/*background: #FFFF99/*yellow*/;
	}
	#topNav ul li {
		padding: 0 5px;
	}
	#topNav ul li a {
		font-size: 14px;
	}
}
@media only screen and (max-width: 767px) {
	#mainHeader {
		/*background: #3366FF/*blue*/;
		height: 210px;
	}
	#mainHeader .headerInner .bestOf{display:none;}
	#mainHeader .headerInner #logo {
		width: 100%;
		max-width: none;
		text-align: center;
		position: relative;
	}
	#mainHeader .headerInner #logo img {
		width: 30%;
		max-width: 207px;
	}
	#mainHeader .headerInner .contentTel, #mainHeader .headerInner .socialBar {
		display: none;
	}
	#topNav {
		background: #00356A;
		height: 45px;
		width: 100%;
		top: 165px;
	}
	#topNav ul {
		display: none;
		background: #0054A3;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 999;
		width: 100%;
	}
	#topNav ul li {
		float: none;
		border-bottom: 2px solid #fff;
	}
	#topNav ul li a {
		display: block;
		border-bottom: none;
		padding: 10px 15px;
		text-align: right;
		color: #fff;
	}
	#topNav .bugerContainer {
		display: block;
	}
	.quoteBar {
		display: none;
	}
	#sliderContainer .carousel-control {
		display: none;
	}
	#sliderContainer .carousel-caption h3 {
		font-size: 26px !important;
		width: 65%;
		margin-left: 7%;
	}
	#sliderContainer .carousel-caption p {
		font-size: 18px !important;
		width: 65%;
		margin-left: 7%;
	}
	#sliderContainer .carousel-caption .buttonDarkBlue {
		margin-left: 7%;
	}
	#homePods #homePodsInner ul li {
		height: 260px;
		margin-bottom: 15px;
	}
	#homePods #homePodsInner ul li .podInner {
		height: 260px;
	}
	#offThePress #offThePressInner {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	#offThePress #offThePressInner ul li {
		border-bottom: 3px solid #00356A;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	#bannerTitle h1 {
		padding: 0 15px;
	}
	#mainContent .textCol {
		padding: 0 30px;
	}
	.standardRightCol {
		padding: 0 30px;
	}
	#footer #twitter #twitterInner .tText {
		text-align: center;
	}
	#footer #twitter #twitterInner .tText p {
		font-size: 16px;
	}
	#footer #footerContent #footerInner .whiteLogo {
		margin: 0 auto;
		margin-bottom: 15px;
		width: 50%;
	}
	#footer #footerContent #footerInner .mobPad {
		padding: 0 15px !important;
		margin-bottom: 15px;
	}
	#footer #footerContent #footerInner .titleHide {
		display: none;
	}
	#footer #footerContent #footerInner .quickLinks p {
		border-bottom: 1px solid #fff;
	}
	#footer #footerContent #footerInner .quickLinks p a {
		padding-bottom: 5px;
	}
	#footer #footerContent #footerInner .logos, #footer #footerContent #footerInner .copy, #footer #footerContent #footerInner p.bc {
		text-align: center;
	}
	.productsOverview .element-item {
		width: 44%;
		margin: 1.5%;
	}
	.productsOverview .element-item img {
		width: 100%;
		height: auto;
	}
}
@media only screen and (max-width: 735px) {
	#mainHeader {
		/*background: #996600/*brown*/;
	}
}
@media only screen and (max-width: 615px) {
	#sliderContainer .carousel-caption h3 {
		width: 90%;
		margin-left: 5%;
	}
	#sliderContainer .carousel-caption p {
		display: none;
	}
	#sliderContainer .carousel-caption .buttonDarkBlue {
		display: none;
	}
}
@media only screen and (max-width: 640px) {
	body {
		font-size: 13px;
	}
}
@media only screen and (max-width: 420px) {
	#mainHeader {
		/*background: #99CC99/*weird*/;
		height: 230px;
	}
	#mainHeader .headerInner {
		height: 230px;
	}
	#mainHeader .headerInner #logo img {
		width: 60%;
	}
	#mainHeader .headerInner #topNav {
		top: 195px;
	}
	.productsOverview .element-item {
		width: 100%;
		margin: 1.5% 0;
	}
	.productsOverview .element-item img {
		width: 100%;
		height: auto;
	}
	.buttonFilter {
		width: 100%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		padding-top: 10px;
		margin: 0;
	}
}