@media (max-width: 992px) {

	h1{
	 	line-height: 3.5rem;
	 	font-size: 2.5rem;
	}

	h2{
		line-height: 2.75rem;
		font-size: 1.875rem;
	}

	.navbar.navbar-light .navbar-toggler-icon {
		background-size: 2.5rem;
	}

	.navbar .dropdown-menu {
    	position: static !important;
  	}

	.course-apply-strip {justify-content: start;padding: 1.5rem;}
	.course-apply-strip>div {
		margin: 0 1.5rem 1.5rem 0;
	}

	.home-video .video{
		height: 400px;
	}
	.video-play-icon {
		width: 5rem;
    	height: 5rem;
	}

	.list-courses li a {
		font-size: 1.125rem;
		line-height: 1.5rem;
    	margin-bottom: 1rem;
	}
}

@media (max-width: 768px) {

	.section-padding{
		padding: 2.5rem 0;
	}

	.navbar .dropdown-menu .dropdown-item {
		font-size: 0.875rem;
	}


	.top-header {
		padding: 0.5rem 0;
	}

	.navbar {
		background: var(--skyblue);
	}

	.navbar.navbar-light .navbar-toggler-icon {
		background-size: 1.688rem;
	}

	.course-apply-strip {justify-content: start;padding: 1.5rem;}
	.course-apply-strip>div {
		margin: 0 1.5rem 1.5rem 0;
	}
	.course-apply-strip .btn {
		display: block;
		width: 100%;
	}

	.home-video .video{
		height: 300px;
	}

	.latest-events-cards .card{
		border-bottom: 0.063rem solid var(--lightborder) !important;
		border-radius: 0;
		padding-bottom: 30px !important;
	}

	.event-highlighter-slider-1 .slick-slide,
	.event-highlighter-slider-2 .slick-slide,
	.latest-events-slider .slick-slide{
	  margin: 20px 20px !important;
	}
}