@media(max-width: 990px) {
	body {
		padding: 10px;
	}
	#header {
		padding: 15px 20px !important;
        transition: 0.2s;
        background: #AF0000 !important;
        margin-top: 5px;
        width: 98%;
        border-radius: 50px;
	}
	#header .header-container {
		padding: 12px 20px !important;
	}
	#header.fixed .header-container {
		padding: 0 20px !important;
	}
	#header img.custom-logo {
		width: 180px !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 {
		width: 100%;
	}
}
@media(max-width: 768px) {
	#our-school .thumbnail {
		height: 200px;
	}
	#homepage-hero {
		height: calc(100vh - 20px);
	}
}