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

	body {
		font-size: 14px;
	}

	h1, .h1 {
		font-size: 2em;
	}

	h1 br {
		display: none;
	}

	h2, .h2 {
		font-size: 1.6em;
	}
	
	h5 {
		font-size: 1.2em;
	}

	header {
		padding-top: 70px;
	}



	.navbar {
		height: 70px;
		padding: 0 15px;
	}
	
	.navbar.shrink {
		padding: 0 10px;
		height: 60px;
	}	
	
	.navbar .material-symbols-outlined {
		font-size: 35px;
		position: absolute;
		top: 17px;
		right: 80px;
	}

	.navbar.shrink .material-symbols-outlined {
		font-size: 30px;
		top: 15px;
		right: 70px;
	}

	.navbar-brand {
		/* min-width: 210px; */
		/* width: 210px; */
		margin: auto;
	}

	.navbar-brand img {
		width: auto;
		height: 30px;
	}

	.navbar-toggler {
		position: absolute;
		top: 0;
		right: 0;
		margin: 5px 15px;
		color: #00227C;
		font-size: 50px;
		z-index: 1;
		outline: none !important;
	}
	
	.navbar.shrink .navbar-toggler {
		font-size: 40px;
	}

	.navbar-toggler i::before {
		content: '\f2d7';
		color: #00227C;
	}

	.navbar-toggler.collapsed i::before {
		content: '\f20e';
	}

	#linesopen-outer {
		display: none;
	}

	header .navbar-nav a {
		font-size: 1.2em;
		color: #FFF;
	}

	header .dropdown-menu a {
		font-size: .7em !important;
	}


	header .navbar-nav {
		width: 100%;
		padding-left: 0;
		background: rgba(0,0,0,.85);
		top: 10px;
		width: 100% !important;
		position: absolute !important;
		top: 70px;
		left: 0;
		width: 100%;
		padding: 20px 20px 20px 20px;
		z-index: 10;
	}
	
	header .navbar.shrink .navbar-nav {
		top: 60px;
	}

	header .navbar-collapse.collapsing {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}

	#hero {
		height: 360px;
		align-items: flex-end;
	}

	#hero h1 {
		font-size: 2.2em;
	}
	
	#hero.home {
	    height: 420px;
	}
	
	#hero.home h1 {
		font-size: 3.5em !important;
	}
	

	#hero .tick-list li {
		padding: 0 30px;
		margin: 0;
		list-style: none;
		margin-bottom: 8px;
	}
	
	#hero.course img {
		width: 100%;
		max-width: 220px;
	}

	.lead {
		font-size: 1em;
		font-weight: 500;
	}

	section {
		padding: 50px 0;
	}


	#why-choose .material-symbols-outlined {
		margin-right: 20px;
	}

	.btn {
		letter-spacing: 1px;
		padding: 10px 10px;
		font-size: 14px;
		min-width: 0;
	}

	.featuring-slider .owl-dots {
		text-align: center;
	}

	.courses .course-card .card-body > div p {
		font-size: 1em;
	}

	#get-skilled h3 {
		font-size: 2em;
	}

	#module_list .card-header h3 {
		font-size: 1em;
	}

	#module_list .card-header h3 button {
		padding: 0 20px 0 15px;
	}

	#module_list .card > div > .card-body {
		padding: 15px;
	}

	#why-study {
		color: #FFF;
	}

	#why-study-image {
		width: 100%;
	}

	#contact-section .card-body {
		height: 130px;
	}

	#contact-section .card-body img {
		width: 40px;
		height: auto;
	}

	#contact-section .card-body > div > div {
		width: 200px;
		margin-left: 10px;
	}






	.key-features {
		margin: 0 -15px 0 -15px;
		padding: 0 20px 20px;
	}


	.stats {
		font-size: .9em;
	}

	.stats img {
		height: 50px;
	}


	.tab-pane {
		display: block !important;
		opacity: 1 !important;
		padding: 0;
		margin: 0 0 5px 0;
	}
	
	.tab-pane .card-body.course-card-body {
		padding-top: 15px;
	}
	
	.tab-pane .collapse:not(.show) {
		display: none;
	}

	.tab-pane .card-header.course-card-header {
		padding: 0;
		display: block;
	}
	
	.tab-pane .card-header.course-card-header a {
		position: relative;
		display: block;
		background: #00227C;
		color: #FFF;
		padding: 15px;
		text-decoration: none;
	}
	
	

	.tab-pane .card-header.course-card-header a::after {
		content: "\f3d8";
		font-family: "IonIcons";
		position: absolute;
		right: 20px;
		top: 15px;
		font-size: 1.2em;
		font-weight: 600;
	}

	.tab-pane .card-header.course-card-header a.collapsed::after {
		content: "\f3d0";
	}
		
		
		
	
	
	#faqAccordion {
		margin: -10px -10px;
	}
	
	
	

/*



	.text-x0 { font-size: .6em; }
	.text-x1 { font-size: .7em; }
	.text-x2 { font-size: .8em; }
	.text-x3 { font-size: .9em; }
	.text-x4 { font-size: 1em; }
	.text-x5 { font-size: 1.1em; }
	.text-x6 { font-size: 1.2em; }
	.text-x7 { font-size: 1.3em; }
	.text-x8 { font-size: 1.4em; }
	.text-x9 { font-size: 1.5em; }
	.text-x10 { font-size: 1.6em; }
	.text-x11 { font-size: 1.7em; }
	.text-x12 { font-size: 1.8em; }
	.text-x13 { font-size: 1.9em; }
	.text-x14 { font-size: 2em; }
	.text-x15 { font-size: 2.1em; }
	.text-x16 { font-size: 2.2em; }
	.text-x17 { font-size: 2.3em; }
	.text-x18 { font-size: 2.4em; }
	.text-x19 { font-size: 2.5em; }
	.text-x20 { font-size: 2.6em; }


*/




}