@media(max-width: 990px) {
	body {
		padding: 10px;
	}
	#header {
		padding: 15px 20px !important;
        margin-top: 5px;
        transition: 0.2s;
		background-color: #24366C !important;
		width: 98%;
		border-radius: 50px;
	}
	#header img.custom-logo {
		width: 50px !important;
	}
	#welcome .right-photo {
		min-height: 300px;
		position: relative !important;
	}
	#classes-slider .slick-arrow.fa-arrow-right {
		right: 0;
	}
	#classes-slider .slick-arrow.fa-arrow-left {
		left: 0;
	}
	#classes-slider .slick-arrow {
		top: inherit;
		bottom: -80px;
	}
	.section-title {
		margin-bottom: 20px;
	}
	.section-title::before {
		width: 70px;
		right: -90px;
	}
	.section-title::after {
		width: 70px;
		left: -90px;
	}
	#welcome-row {
		background-size: cover;
	}
	#welcome-row .left {
		position: relative;
	}
	#welcome-row .left::after {
		width: 100%;
	}
	.page-banner {
		height: 280px;
	}
	#welcome-row .left::before,
	.banner-image-leaf {
		width: 100%;
	}
}
@media(max-width: 768px) {
	#our-school .thumbnail {
		height: 200px;
	}
	#homepage-hero {
		height: calc(100vh - 20px);
	}
}