/*
*
* Iphone
* @media (max-width: 767px) { ... }
*
* Ipad
* @media (min-width:768px) and (max-width: 979px) { ... }
*
* Ipad and Laptop
* @media (min-width: 980px) and (max-width: 1139px) { ... }
*
* @media (min-width: 1140px) and (max-width: 1279px){ ... }
*
* @media (min-width: 1280px) and (max-width: 1439px){ ... }
*
* Laptop and Desktop
* @media (min-width: 1440px) { ... }
*
* Large desktop
* @media (min-width: 1920px) { ... }
*
*/

@media (max-width: 767px) {
	.science-page .span12 {
		width: auto !important;
		padding: 0 10px;
	}

	.science-page a.modal-img {
		float: none !important;
		display: block;
		text-align: center;
		margin: 0 !important;
	}

	.science-page h3 {
		line-height: 25px;
		margin-bottom: 20px;
	}

	#red-banner-section h2 {
		width: auto;
		font-size: 26px;
		margin: 5px auto 0;
	}

	div.tabs-container > div {
		padding: 0 10px;
		width: auto;
	}

	.tab-pane > .download-col {
		width: auto !important;
		float: none !important;
		border: none;
		padding: 0 !important;
		margin: 0 0 25px 0 !important;
	}

	#dark-blue-sub-menu-section .modal-img-1 {
		float: none;
		margin: 0;
	}

	#science-content {
		background-position-y: -310px;
	}

	#science-content.science-page .span12 {
		margin: 195px auto 0 !important;
		padding: 0;
	}

	#science-content.science-page .span12 > div:nth-child(2) {
		padding: 0 10px;
	}

	#banner-section.changing-mindset-content h1 {
		margin-top: 35px;
	}

	#dark-blue-sub-menu-section .modal-img-1,
	#dark-blue-sub-menu-section .modal-img-2,
	#dark-blue-sub-menu-section .modal-img-3 {
		margin: 0;
	}

}


@media (min-width:768px ) and (max-width: 979px) {
	.science-page .span12 {
		width: auto !important;
	}

	#teacher-practise-content.science-page .span12 {
		width: auto;
	}

	.pilot-study {
		width: 270px;
	}

	div.tabs-container > ul.nav.nav-tabs li a {
		font-size: 18px;
	}

	.tab-pane > .download-col {
		width: 195px;
	}

	div.tabs-container > div {
		width: auto;
		padding: 0 10px;
	}

	#banner-section.changing-mindset-content .span12 {
		float: none;
		margin: 0 auto;
	}

	#banner-section.changing-mindset-content h1 {
		width: 665px;
	}

}


@media (min-width: 980px) and (max-width: 1139px) {
	#banner-section.science-page h1 {
		width: auto;
		margin: 0;
	}

	#banner-section.changing-mindset-content .span12 {
		float: none;
		margin: 0 auto;
	}

	#banner-section.changing-mindset-content h1 {
		width: 810px;
		margin: 25px auto 0;
	}

}


@media (min-width: 1140px) and (max-width: 1279px){


}

@media (min-width: 1280px) and (max-width: 1439px){


}

@media (min-width: 1440px) and (max-width: 1919px) {

}