/* Large Screens (Desktops) */

@media only screen and (max-width : 1440px) {
	#header:after,
	#intro:before,
	#intro:after,
	#banner:before,
	#banner:after,
	#features .topCurve,
	#features .bottomCurve,
	#footer .top .topCurve,
	#footer .top .line {
		background-size: 1440px 100%;
	}
}

@media only screen and (max-width : 1430px) {
	.section {
		max-width: 1200px;
	}
	
	#header .section {
		max-width: 95vw;
	}

	#header .logo {
		width: 140px;
	}

	#welcome .text {
		width: 605px;
	}

	#included .listing li .inner {
		font-size: 21.5px;
	}

	#features .star {
		right: 0;
		top: 90px;
	}

	#features .plus {
		left: 0;
		bottom: 64px;
	}

}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}

	#header .options #navigation ul li {
		margin-left: 25px;
	}

	#intro:after,
	#banner:after {
		height: 116px;
		bottom: -30px;
	}

	#welcome .section {
		padding-top: 57px;
		padding-bottom: 57px;
	}

	#welcome .text {
		width: 520px;
	}

	#welcome .image {
		font-size: 17px;
	}

	#included .section {
		padding-top: 1px;
	}

	#included .listing {
		margin-left: -5px;
		margin-right: -5px;
	}

	#included .listing li {
		padding-left: 0px;
		padding-right: 0px;
	}

	#included .listing li p {
		font-size: 22px;
	}

	#included .listing li .inner {
		font-size: 18px;
	}

	#enrol .text {
		margin-left: 0;
		width: 512px;
	}

	#enrol .feeds {
		margin-right: 0;
		width: 431px;
	}

	#footer .top .line {
		top: -62px;
		height: 134px;
	}

}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#mainWrapper {
		font-size: 20px;
	}

	body.scrolled #header .section {
		height: 86px;
	}

	#header .logo {
		width: 109px;
	}

	body.scrolled #header .logo {
		width: 95px;
	}

	#header .options {
		margin-top: 25px;
	}

	#header .options #navigation ul li {
		margin-left: 22px;
	}

	#intro .section {
		padding-top: 139px;
	}

	#intro .curveLine {
		left: -3.2%;
		margin-top: -8%;
	}

	#welcome .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#welcome .image {
		font-size: 12px;
	}

	#welcome .text {
		width: 402px;
	}

	#features .section {
		padding-top: 155px;
	}

	#features .listing li {
		margin: 0 15px;
	}

	#features .listing li p {
		font-size: 23px;
	}

	#included .listing li {
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px;
	}

	#enrol .section {
		padding-top: 30px;
		padding-top: 30px;
	}

	#enrol .text {
		width: 380px;
	}

	#enrol .feeds {
		width: 317px;
	}

	#footer .top .threeLines {
		right: -110px;
	}

	.heading {
		font-size: 35px;
	}
	
	.linkBtn {
		font-size: 20px;
	}
}

/* Extra Small Screens */

@media only screen and (max-width : 767px) {
	#menuBtn {
		display: block;
	}	

	#header,
	body.scrolled #header {
		position: relative;
		background: #fff;
		-webkit-filter: none;
		        filter: none;
		border-top: 6px solid #efb6a2;
		border-bottom: 4px solid #efb6a2;
	}

	#header:after {
		display: none;
	}

	#header .section ,
	body.scrolled #header .section {
		height: auto;
		display: block;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#header .options,
	body.scrolled #header .options {
		margin-top: 0;
	}

	#header .options #navigation {
		display: none;
	}

	#header .options .links {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
		margin: 0 auto;
	}

	#header .options .links li {
		margin: 10px 0 0;
	}

	#header .options .links li a {
		width: 100%;
	}

	#header .logo,
	body.scrolled #header .logo {
		display: block;
		margin: 0 auto;
		width: 140px;
	}
			
	#intro:after,
	#banner:after {
		background-size: 800px 100%;
	}
	
	#banner:after {
		bottom: -22px;
	}
	
	#banner img {
		opacity: 0.8;
	}
	
	#content .section {
		padding-top: 30px;
		padding-bottom: 10px;
	}
	
	#intro .section {
		padding-top: 30px;
		padding-bottom: 35px;
		max-width: 100%;
		height: auto;
	}

	#intro .plus.one {
		left: 0px;
		top: 362px;
		width: 53px;
	}

	#intro .plus.two {
		right: 0.666667vw;
	}

	#intro .blob.one {
		width: 625px;
		left: 17px;
		top: -82px;
	}

	#intro .blob.two {
		width: 303px;
		left: -109px;
		top: 129px;
	}

	#intro .blob.three {
		width: 226px;
		right: -140px;
		top: 22px;
	}

	#intro .textImage .text .heading {
		font-size: 32px;
	}

	#intro .textImage {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	#intro .textImage .image {
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
		margin: 0 auto;
		font-size: 8px;
	}

	#intro .textImage .text {
		padding-top: 22px;
		width: 100%;
	}
	
	#intro:after {
		height: 107px;
	}

	#intro .section {
		padding-top: 40px;
		padding-bottom: 45px;
	}
	
	#intro .star {
		left: auto;
		right: 0;
		top: 5px;
	}

	#intro .blob.one {
		left: 17px;
	}
	
	#intro:after,
	#banner:after {
		height: 107px;
	}
			
	#banner:after {
		height: 47px;
	}

	#intro .section {
		padding-top: 40px;
		padding-bottom: 45px;
	}
	
	#intro .star {
		left: auto;
		right: 0;
		top: 5px;
	}

	#intro .blob.one {
		left: 17px;
	}

	#welcome .section {
		display: block;
		text-align: center;
	}

	#welcome .text {
		width: 100%;
	}

	#welcome .image {
		margin: 0 auto 30px;
		font-size: 11px;
	}

	#features .topCurve,
	#features .bottomCurve {
		background-size: 1000px 100%;
	}

	#features .listing {
		display: block;
		margin-top: 0;
	}

	#features .listing li {
		max-width: 300px;
		width: 100%;
		margin: 0 auto 30px;
	}

	#features .listing li p {
		font-size: 20px;
	}

	#features .listing li:last-child {
		margin-bottom: 0;
	}

	#included .listing {
		margin-left: 0;
		margin-right: 0;
	}

	#included .listing li {
		width: auto;
	}

	#included .listing li .inner {
		font-size: 17px;
	}

	#enrol .section {
		display: block;
		padding-top: 15px;
	}

	#enrol .text {
		width: 100%;
		text-align: center;
		margin-bottom: 50px;
	}

	#enrol .feeds {
		width: 100%;
		max-width: 350px;
		margin: 0 auto;
	}

	#footer {
		margin-top: 43px;
	}

	#footer .top .section {
		max-width: 100%;
		padding-top: 30px;
	}

	#footer .top .line {
		height: 107px;
		background-size: 800px 100%;
	}

	#footer .top .threeLines {
		right: -162px;
		opacity: 0.5;
	}

	#footer .top .plus {
		bottom: 82px;
		left: 8px;
	}

	#footer .top .star {
		left: auto;
		right: 15px;
		bottom: auto;
	}

	#footer .bottom {
		position: relative;
		z-index: 1;
	}
	
	.linkBtn {
		margin-left: auto;
		margin-right: auto;
	}

}

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

}

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

}