@media screen and (max-width: 1399px) {
	header .container {max-width: 1280px;}
	#methodsSection .box {height: 300px;}
}

@media screen and (max-width: 1299px) {
	header .container {max-width: 1100px;}
	header .right nav ul li {margin-left: 15px;}
	
	#ourWork .heading img {width: 100%;}
}

@media screen and (max-width: 1213px) {
	#methodsSection .box {height: 350px;}
}

@media screen and (max-width: 1199px) {
	#methodsSection .box-red {padding: 0.6rem;}
	
	#classes {padding: 3rem 0;}
	#classes .mobile {display: none;}
	
	#serviceLocation {padding: 3rem 0;}
}

@media screen and (max-width: 1120px) {
	header .container {max-width: 970px;}
	header .right nav ul li {margin-left: 10px;}
	header .logo img {width: 250px;}
	
	#methodsSection .box {height: 400px;}
}

@media screen and (max-width: 1055px) {
	#banner .bannerText .buttonsP {width: 50%;}
}

@media screen and (max-width: 991px) {
	header nav {display: none;}
	.burgerMenu {display: inherit;}
	
	footer {padding: 3rem 0;}
	footer .copywrite {margin-top: 3rem; margin-bottom: 0rem;}
	footer .desk {display: none;}
	footer .mobile {display: inherit;}
	footer .footerLogo img {margin: 0 auto; display: block; margin-bottom: 2rem;}
	footer nav {display: block !important;}
	footer nav ul li {text-align: center; margin-bottom: 0.5rem;}
	footer h4 {text-align: center;}
	footer p {text-align: center;}
	footer .socials {text-align: center;}

	#contact {padding: 3rem 0;}
	#terms {padding: 3rem 0;}
	#area {padding: 3rem 0;}
	#sectionOne {padding: 2rem 0;}
	#sectionOne p {font-size: 18px; line-height: 25px;}
	
	#banner .bannerText .buttonsP {width: 30%;}
	#banner .bannerText .mobileB {display: none;}
	
	#testimonialSection .heading p {width: 100%;}
	#sectionOne p {width: 100%;}
	
	#testimonialSection {padding: 3rem 0;}
	#aboutSection .container {padding: 3rem 0;}
	#accredSection {padding: 3rem 0;}
	
	#methodsSection .box {height: auto;}
	#methodsSection {padding: 5rem 0 0 0;}
	#methodsSection .box {margin-bottom: 4rem;}
	#methodsSection .box-red {width: 36%; float: right;}
	
	#contact .contactInfo .col-lg-2.col-md-1.col-2 {padding-right: 0 !important;}
	
	header {top: 0%;}
	header .logo {padding: 0.5rem 1rem;}
	header .logo img {width: 190px;}
	header .contactDetails p {font-size: 15px; line-height: 20px;}
	header .top {padding: 0.3rem 0;}
	header .bottom {padding: 0.5rem 0;}
}

@media screen and (max-width: 855px) {
	header {top: 0%;}
	#banner .carousel-item img {aspect-ratio: 16 / 14; object-fit: cover;}
}

@media screen and (max-width: 750px) {
	#methodsSection .box-red {width: 50%;}
}

@media screen and (max-width: 705px) {
	#banner .bannerText .buttonsP {width: 40%;}
}

@media screen and (max-width: 650px) {
	h1 {font-size: 45px; line-height: 50px;}
	
	button, [type="submit"] {width: 100%;}
	
	#banner .carousel-item img {aspect-ratio: 10 / 14; object-fit: cover;}
	#banner .bannerText {top: 40%;}
	#banner .bannerText .buttonsP {width: 50%;}
}

@media screen and (max-width: 600px) {
	#methodsSection .box-red {width: 70%;}
}

@media screen and (max-width: 575px) {
	#points .col {flex: none;}
	#points {padding: 2rem 0;}
	
	#points h3 {margin-left: 160px;}
	
	.offcanvas-top .offcanvas-header {padding: 2rem 1.5rem 2rem 1.5rem;}
	.offcanvas-top .offcanvas-body nav ul li {margin-bottom: 2rem;}
	.offcanvas-top .offcanvas-body nav ul li a {font-size: 18px;}
	.offcanvas-top .offcanvas-body {padding: 0 1.5rem;}
}

@media screen and (max-width: 550px) {
	header .bottom .container {padding: 0 1.5rem;}
	header .logo img {width: 200px;}
	header .contactDetails p {font-size: 13px;}
	#subsBanner img {aspect-ratio: 8 / 4; object-fit: cover;}
	
	#ourWork .heading .col-2 {display: none;}
	#ourWork .heading .col-10 {width: 100%;}
	
	header .logo {padding: 0;}
	.top .desk,  .bottom .desk {display: none;}	
	.bottom .mobile, .top .mobile {display: inherit;}
	
	#testimonialSection .mobile {display: none;}
	
	#points h3 {margin-left: 150px;}
	
	h2 {font-size: 28px; line-height: 33px;}
	
	.faq {padding: 1.5rem;}
	.faq h3 {letter-spacing: 0;}
	.faq p {font-size: 17px; line-height: 24px;}
}

@media screen and (max-width: 500px) {
	#methodsSection .box-red {width: 100%;}
	
	#contact .contactInfo .box {padding: 0.5rem;}
	#contact .contactInfo .col-lg-2.col-md-1.col-2 {padding-right: 0 !important;}
}

@media screen and (max-width: 450px) {
	#banner .bannerText .buttonsP {width: 65%;}
}

@media screen and (max-width: 430px) {
	#points h3 {margin-left: 90px;}
}

@media screen and (max-width: 399px) {
#methodsSection .container, #accredSection .container {max-width: 100%;}
footer .footerLogo img {width: 190px; margin-bottom: 0;}
}

@media screen and (max-width: 370px) {
	#points h3 {margin-left: 60px;}
}

@media screen and (max-width: 350px) {
	footer .bottom .d-flex {display: block !important; text-align: center;}
	#methodsSection .box-red {display: none;}
	#methodsSection {padding: 4rem 0 0 0;}
	#methodsSection .col-8 {width: 100%;}
	header .bottom .container {padding: 0 1rem;}
	
	#banner .bannerText .buttonsP {width: 75%;}
	#banner .bannerText {top: 30%;}
	
	#points h3 {margin-left: 0px;}
}