/* Large Screens (Desktop) */

@media only screen and (min-width : 1920px) {
	#footer .top:before {
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: 100% 100%;
	}	
}

@media only screen and (max-width : 1535px) {
	#header .top .facebook img {
		margin-left: 50px;
	}
		
	#offer .cloud {
		font-size: 28px;
		left: -5.143em;
		top: -3em;
	}
}

@media only screen and (max-width : 1445px) {
	#header .top .section .logo {
		font-size: 16px;
		left: -70px;
		top: -36px;
	}
	
	#header .top .facebook {
		font-size: 14px;
		right: -80px;
		top: 0;
		width: 150px;
	}
		
	body.scrolled #header .top .facebook {
		right: -80px;
		font-size: 11px;
	}
	
	#header .top .facebook img {
		margin-left: auto;
	}

	#header .top .section .tagLine {
		margin-left: 345px;
	}
	
	body.scrolled #header .top .section .tagLine {
		margin-left: 284px;
	}
	
	body.scrolled #header .top .contacts {
		right: 85px;
	}
	
	#slider .enrolNow {
		font-size: 26px;
	}
	
	#intro .section {
		padding-top: 111px;
	}
	
	#environments .section {
		padding-bottom: 145px;
	}

}

@media only screen and (max-width : 1366px) {

}

@media only screen and (max-width : 1330px) {
	
	#offer .cloud {
		font-size: 23px;
		left: -2.143em;
		top: -3em;
	}	
}

@media only screen and (max-width : 1276px) {
	
}

@media only screen and (max-width : 1247px) {
	#header .top .facebook img {
		margin-left: 40px;
	}
	
	#intro .section {
		padding-top: 100px;
	}
	
	#environments .cloud {
		font-size: 34px;
	}
}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}
	
	#header .top .facebook img {
		margin-left: auto;
	}
	
	#header .top .contacts {
		position: absolute;
		right: 89px;
		top: 33px;
		font-size: 16px;
	}
	
	#header .top .section .logo {
		height: 14em;
	}
	
	#header .top .section .logo img {
		top: 2.8em;
	}
	
	#header .top .section .tagLine {
		margin: 0 0 0 333px;
		padding-top: 26px;
		font-size: 27px;
	}
	
	body.scrolled #header .top .section .tagLine {
		padding-top: 16px;
	}
	
	#header .bottom {
		font-size: 15px;
	}
	
	#header .bottom .section {
		height: 3em;
	}
	
	#header .bottom #navigation {
		margin-top: 0.8em;
	}
	
	#header .bottom #navigation ul li {
		margin-left: 1.5em;
	}
	
	#header .bottom #navigation > ul > li.Current > a:after,
	#header .bottom #navigation > ul > li:hover > a:after {
		left: -10px;
		right: -10px;
	}
	
	#header .bottom #navigation ul li ul {
		left: -10px;
	}
	
	#header .bottom #navigation ul li ul li a {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#header .bottom #navigation > ul > li.Current > a:after, 
	#header .bottom #navigation > ul > li:hover > a:after {
		top: -12px;
		bottom: -15px;
	}
	
	#header .bottom #navigation ul li ul {
		padding-top: 18px;
	}
	
	#content .section {
		padding-top: 40px;
		padding-bottom: 124px;
	}
		
	#slider .enrolNow {
		font-size: 23px;
	}
	
	#intro .section {
		padding-top: 80px;
	}
	
	#intro .text {
		margin-top: 0;
	}
	
	#benefits .listing {
		margin-left: -10px;
		margin-right: -10px;
	}

	#benefits .listing li {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#benefits .listing li .text .title {
		font-size: 24px;
	}
	
	#offer .section {
		padding-bottom: 120px;
	}
	
	#offer .image {
		width: 30%;
	}
		
	#offer .cloud {
		font-size: 20px;
		top: -2em;
	}
	
	#environments .section {
		padding-top: 146px;
	}
		
	#environments .cloud {
		font-size: 30px;
	}
	
	#footer .top .logos {
		margin-top: 8px;
	}

}

@media only screen and (max-width : 1125px) {

}

@media only screen and (max-width : 1170px) {

}

@media only screen and (max-width : 1045px) {
	#header .top .facebook img {
		margin-left: 33px;
	}
}

@media only screen and (max-width : 1030px) {

}


/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#header .top .section .logo {
		font-size: 11px;
		left: -7px;
		top: -33px;
		height: 14em;
	}
	
	#header .top .section .logo img {
		top: 3.2em;
	}
	
	body.scrolled #header .top .section .logo {
		font-size: 9.2px;
	}		
	
	#header .top .section .tagLine br {
		display: none;
	}
	
	#header .top .section .tagLine,
	body.scrolled #header .top .section .tagLine {
		font-size: 22px;
		margin-left: 265px;
		padding-top: 14px;
	}
	
	body.scrolled #header .top .section .tagLine {
		padding-top: 3px;
	}
	
	body.scrolled #header .top .facebook {
		font-size: 10px;
		right: 10px;
		top: 2px;
	}
	
	#header .top .contacts,
	body.scrolled #header .top .contacts {
		position: absolute;
		right: 0;
		top: 57px;
		width: 610px;
		font-size: 15px;
		text-align: center;
	}
		
	body.scrolled #header .top .contacts {
		top: 35px;
	}

	#header .top .contacts li.phone {
		margin: 0 0 5px;
	} 
	
	#header .top .facebook {
		right: 10px;
		font-size: 10px;
		width: 93px;
		top: 17px;
	}
	
	#header .top .facebook img {
		margin-left: auto;
	}
	
	#header .bottom #navigation ul li {
		margin-left: 2em;
	}
		
	#slider .enrolNow {
		font-size: 18px;
	}
	
	#intro .section {
		padding-top: 62px;
	}
	
	.heading {
		font-size: 34px;
	}
	
	
	#offer .section {
		padding-top: 56px;
		padding-bottom: 100px;
	}
	
	#offer .text {
		margin-left: 0;
		width: 63.2%;
	}
	
	#offer .cloud {
		font-size: 24px;
	}
	
	#offer .image {
		margin-top: 100px;
	}
	
	#offer .cloud {
		position: static;
		margin: 0 auto 35px;
		font-size: 23px;
	}
	
	#environments .section {
		padding-top: 120px;
	}
	
	#environments .cloud {
		font-size: 27px;
	}
	
	#environments .listing li .image {
		border-width: 3px;
	}

	#environments .listing li .name {
		font-size: 14px;
	}
	
	#footer .top .logos {
		margin-top: 30px;
	}
	
}

@media only screen and (max-width : 991px) {
	
}

@media only screen and (max-width : 867px) {

}

/* Extra Small Screens (Mobiles) */
@media only screen and (max-width : 767px) {
	#menuBtn {
		display: block;
	}
	
	#header {
		position: relative;
		border-bottom: 6px solid #00aeef;
	}
	
	#header .bottom {
		display: none;
	}
	
	#header .top .section,
	body.scrolled #header .top .section {
		height: auto;
		padding-bottom: 10px;
	}
	
	#header .top .section .tagLine {
		position: static;
		margin: 0;
		text-align: center;
		display: none;
	}
	
	#header .top .section .tagLine br {
		display: block;
	}
	
	#header .top .contacts,
	body.scrolled #header .top .contacts {
		position: static;
		text-align: center;
		width: auto;
		font-size: 14px;
	}
	
	#header .top .section .logo,
	body.scrolled #header .top .section .logo {
		position: static;
		display: block;
		font-size: 11px;
		margin: -27px auto 10px;
	}
	
	#header .top .facebook,
	body.scrolled #header .top .facebook {
		right: -23px;
		font-size: 6px;
		width: 64px;
		top: 29px;
	}
	
	#header .top .facebook img,
	body.scrolled #header .top .facebook img {
		margin-left: 20px;
	}
	
	#content .section {
		padding-top: 30px;
		padding-bottom: 92px;
	}
	
	#slider .enrolNow {
		font-size: 17px;
	}
		
	#intro .text {
		float: none;
		width: auto;
		margin-bottom: 20px;
		text-align: center;
	}
	
	#intro .feeds {
		float: none;
		width: auto;
	}
		
	#benefits .listing li {
		width: 100%;
		text-align: center;
		margin-bottom: 40px;
	}
	
	#benefits .listing li .readmore {
		margin: 0 auto;
	}
	
	#benefits .listing li:last-child {
		margin-bottom: 0;
	}
	
	#offer .section {
		padding-top: 45px;
		padding-bottom: 125px;
	}	
	
	#offer .text {
		float: none;
		width: auto;
		padding-right: 0;
		padding-bottom: 40px;
		margin-left: 0;
		padding-left: 0;
	}
	
	#offer .text:after {
		left: 70px;
		right: 70px;
		bottom: 0;
		top: auto;
		width: auto;
		height: 1px;
	}
		
	#offer .image {
		float: none;
		width: auto;
		margin-top: 36px;
	}
	
	#offer .image img {
		display: block;
		max-width: 300px;
		margin: 0 auto;
	}
	
	#offer .cloud {
		margin-left: auto;
		margin-right: auto;
	}
		
	#environments .section {
		padding-top: 150px;
		padding-bottom: 80px;
	}
	
	#environments .listing li {
		width: 50%;
		margin-bottom: 30px;
	}
	
	#environments .listing li .name {
		font-size: 18px;
	}
	
	#footer .top .section {
		padding-top: 30px;
	}
	
	#footer .top .info {
		float: none;
		width: auto;
		text-align: center;
	}
	
	#footer .top .logos {
		float: none;
		display: block;
		margin: 0 auto;
		width: 230px;
	}
	
	#footer .bottom {
		text-align: center;
	}
	
	#footer .bottom .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#footer .bottom .socials {
		float: none;
		text-align: center;
	}
	
	#footer .bottom .socials li {
		float: none;
		display: inline-block;
		margin: 0 5px;
	}
	
	#footer .bottom .copyright {
		float: none;
	}

}

@media only screen and (max-width : 500px) {

}

@media only screen and (max-width : 478px) { 
	#environments .listing li {
		display: block;
		margin-right: 0;
		width: 100%;
	}
	
}