/*-- Medium devices (tablets, 768px and up) --*/
@media (min-width: 768px) { 
	.campaigns ul .flex-item a{
		height: 50vh;
		padding: 7px;
	}
	.campaigns ul .flex-item a .course-img img{
		height: 48vh;
	}
}
/*-- Small devices (landscape phones, less than 768px) --*/
@media (max-width: 767.98px){
	
	section {
		padding: 2.5em 0;
	}
	.footer {
		padding-top: 2.5em;
	}	
	h1, h2 {
		font-size:38px !important;
	}
	h3 {
		font-size:32px !important;
	}
	h4 {
		font-size:24px !important;
	}
	
	
}

@media (max-width: 667px){
	h1, h2 {
		font-size:32px !important;
	}
	h3 {
		font-size:24px !important;
	}
	h4 {
		font-size:18px !important;
	}
}
@media (max-width:568px){
	.inner-page{
	  margin: 0;
	  text-align: left;
	}
	.inner-page .lining-animation {
	  display: inline-block;
	  max-width: 200px;
	  padding: 7px 15px;
	  text-align: left;
	}
	.page-header {
		padding: 0px 0;
	}
	.page-header .page-header-inner .section-title {
		padding-bottom: 0px;
	}
	
}
	
@media (max-width:480px){	
	h1, h2 {
		font-size:28px !important;
	}
	h3 {
		font-size:20px !important;
	}
	h4 {
		font-size:16px !important;
	}
}
@media (max-width: 414px){
	
	.copy-right p {
		font-size: 13px;
	}
	.footer li, .footer li a {
		font-size: 13px;
	}
	.footer-agile p {
		font-size: 13px;
	}
	
}

@media (max-width: 320px){
	section, footer {
		padding: 1.5em 0;
	}
	.heading {
		font-size: 26px;
	}	
	.copy-right {
		margin-top: 26px;
		text-align: center;
	}
	.copy-right p {
		line-height: 24px;
	}
}