/* Medium Screens */

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

}

@media only screen and (max-width : 1225px) {
	.section {
		width: 970px;
	}	
	
	h1 {
		font-size: 28.5px;
	}
	
	#header .logo {
		width: 613px;
		margin-top: 5px;
	}
	
	#navigation ul li a {
		padding-left: 18px;
		padding-right: 18px;
	}
	
	#information .contactUs {
		font-size: 21.80px;
		padding-top: 59px;
	}
	
	#information .applyNow {
		font-size: 19px;
	}
	
	#information .applyNow .applyBtn {
		font-size: 13px;
		border-width: 3px;
		line-height: 33px;
	}
	
	#information .timings p {
		font-size: 19.5px;
	}
	
	#information .applyNow .title {
		font-size: 22.37px;
		padding-left: 35px;
		left: -12px;
		background-position: 0 15px;
		-webkit-background-size: 24px;
		-moz-background-size: 24px;
		background-size: 24px;
	}
	

}

/* Small Screens */

@media only screen and (max-width : 991px) {
	.section {
		width: 750px;
	}
	
	#header .logo {
		width: 390px;
		top: 21px;
	}

	
	#information  .section {
		-webkit-background-size: 760px; 
		-moz-background-size: 760px; 
		background-size: 760px; 
	}
		
	#information .section {
		padding-top: 237px;
		min-height: 500px;
	}
		
	#navigation ul li a {
		padding-left: 9px;
		padding-right: 9px;
	}
	
	#information:after {
		height: 223px;
	}
	
	#information .happyFaces {
		height: 223px;		
	}
	
	#information .overlay {
		font-size: 12.22px;
		right: 5.18em;
		top: 1.937em;
	}
	
	#information .checkmark {
		right: 136px;
		top: 112px;
		width: 92px;
	} 
	
	#information .applyNow {
		font-size: 15px;
	}
	
	#information .applyNow .title {
		font-size: 19.37px;
		-webkit-background-size: 19px;
		-moz-background-size: 19px;
		background-size: 19px;
	}
	
	#information .applyNow .applyBtn {
		width: 100%;
	}
	
	#information .timings {
		padding-top: 134px;
	}
	
	#information .timings p {
		font-size: 16.5px;
	}
	
	#information .contactUs {
		font-size: 15.8px;
	}
	
	#information .contactUs .phone {
		-webkit-background-size: 16px;
		-moz-background-size: 16px;
		background-size: 16px;
		padding-left: 20px;
	}
	
	#information .contactUs .email {
		-webkit-background-size: 16px;
		-moz-background-size: 16px;
		background-size: 16px;
		padding-left: 23px;
	}
	
	#information .contactUs address span {
		-webkit-background-size: 11px;
		-moz-background-size: 11px;
		background-size: 11px;
		padding-left: 18px;
	}
	
	#information .applyNow .title {
		padding-left: 28px;
	}
	
	#footer .section {
		padding: 14px;
	}

}

/* Extra Small Screens */
@media only screen and (max-width : 767px) {
	.section {
		width: 480px;
	}
	
	#menuBtn {
		display: block;
	}
	
	#header .section {
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#header .facebook {
		top: 20px;
	}
	
	#menuBtn {
		top: 24px;
	}
	
	#header .logo {
		position: static;
		display: block;
		margin: 0 auto 16px;
		width: 60%;
	}
	
	#header .contact address {
		padding-top: 10px;
	}
	
	#header .contact {
		position: static;
		width: auto;
		font-size: 15px;
		text-align: center;
	}
	
	#navigation {
		display: none;
	}
	
	#intro .image {
		display: block;
		float: none;
		width: 60%;
		margin: 0 auto 15px;
	}
	
	#content .section {
		padding: 15px;
	}
	
	h1 br {
		display: none;
	}
	
	#intro .text {
		margin-left: 0;
	}
	
	#information {
		background-position: 200px top;
	}
	
	#information .timings {
		float: none;
		width: auto;
		margin-bottom: 20px;
		text-align: center;
	}
	
	#information .applyNow {
		float: none;
		width: auto;
		margin-bottom: 0;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	#information .applyNow .applyBtn {
		width: 130px;
	}
	
	#information .contactUs {
		float: none;
		width: auto;
		text-align: center;
		padding-top: 19px;
	}

	#information .section {
		padding-top: 10px;
	}
	
	#information .overlay {
		position: static;
		width: auto;
		padding-top: 20px;
		padding-bottom: 20px;
		background: rgba(0,0,0,0.5);
	}
	
	#information .checkmark {
		width: 78px;
	}
	
	#information .happyFaces {
		display: none;
	}
	
	#information .checkmark {
		position: static;
	}

	#information .timings {
		padding-top: 162px;
	}
	
	body #CalendarTable td {
		height: 75px;
	}
	
}

@media only screen and (max-width : 500px) {
	.section {
		width: 420px;
	}
		
	#information .overlay {
		font-size: 12px;
	}
	
	#header .facebook {
		top: 17px;
	}
	
	#menuBtn {
		top: 21px;
	}
	
	#information .checkmark {
		width: 58px;
	}
		
	#information {
		background-position: 98px top;
	}
	
	body #CalendarTable td {
		height: 56px;
	}
	
}

@media only screen and (max-width : 478px) { 
	.section {
		width: 320px;
	}
	
	#information {
		background-position: 40px top;
	}
	
	#menuBtn {
		top: 16px;
	}
	
	#header .facebook {
		top: 12px;
	}
	
	body #CalendarTable .TopLeft,
	body #CalendarTable .TopRight {
		font-size: 11px;
	}
	
	body #CalendarTable .TopHeader {
		font-size: 12px;
	}
		
}