@media (max-width: 1200px) {
	.green-bar-img {
		display: none;
	}
	.ql-grid  {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 15px;
	grid-row-gap: 15px;
	width: 80%;
	margin: 0 auto;
	}
	.ql-grid > div:nth-child(1) {
		height: 250px;
	}
	.ql-grid > div:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.ql-grid > div:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
	.ql-grid > div:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }
	.ql-grid > div:nth-child(4) { grid-area: 3 / 1 / 4 / 2; }
	.ql-grid > div:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
	.ql-callout-item > p {
		font-size: 100px;
	}
}
@media (max-width: 1100px) {
	.modal .image-callout-wrapper > div:first-child {
		margin-right: 50px;
	}
	.image-callout-wrapper > div:first-child {
		margin-right: 50px;
	}
	.membership-flex {
		flex-wrap: wrap;
	}
	.membership-flex > div {
		width: 100%;
	}
	.membership-main-content {
		margin-right: 0px;
		width: 100%;
		max-width: 60%;
		margin-bottom: 50px;
	}
}
@media (max-width: 1000px) {
	.staff-item {
		flex: 1 1 calc(50% - 10px);
	}
	.location-image {
		width: 40%  !important;
	}
	.location-details {
		width: 60% !important;
		padding-left: 50px;
	}
	.sub-banner-flex > div {
		flex-wrap: wrap;
		height: fit-content;
		justify-content: flex-start;
	}
	.sub-banner-flex > div > p {
		width: 100%;
		margin-top: 25px;
	}
	.container {
		padding: 0px 35px;
	}	
	.footer-flex-top {
		flex-wrap: wrap;
		margin-bottom: 25px;
		justify-content: center;
	}
	.footer-logo {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-bottom: 100px;
	}
	.footer-logo img {
		width: 75px !important;
	}
	.footer-callout {
		width: 50%;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-callout > div:first-child p {
		max-width: 100%;
		text-align: center;
	}
	.footer-callout > div:first-child i {
		position: absolute;
		left: 50%;
		top: -40px;
		transform: translatex(-50%);
	}
	.footer-callout > div:first-child  {
		justify-content: center;
		position: relative;
	}
	.footer-callout > div:last-child p,
	.footer-callout > div:last-child a {
		text-align: center;
		width: 100%;
	}
	.footer-callout > div:first-child {
		margin-right: 0px;
		width: 100%;
	}
	.footer-top {
		margin-top: 25px;
	}
	.footer-top:before {
		top: -38px;
	}
}
@media (max-width: 950px) {
	.modal .image-callout-wrapper {
		padding-top: 100px;
	}
	.modal {
		max-height: 100vh;
		overflow-y: scroll;
	}
	.modal .image-callout-content {
		margin-bottom: 150px;
	}
	.staff-modal-buttons {
		position: relative;
		height: 50px;
		width: 150px;
		left: 35px;
		bottom: 50px;
	}
	.modal .image-callout-content > h1 {
		z-index: 45000;
		position: relative;
	}
	.modal:before {
		content: '';
		left: -450px;
		top: -500px;
		width: 2000px;
		transform: rotate(339deg);
	}
	.modal 	.image-callout-wrapper > div {
		max-width: 560px !important;
	}
	.modal .image-callout-wrapper > div:first-child {
		margin-right: 0px;
	}
	.modal .image-callout-wrapper {
		padding: 35px; 
		padding-top: 100px;
	}
	.close-modal {
		z-index: 50000;
		font-size: 25px;
	}
	.modal .image-callout-wrapper > div  {
		margin-bottom: 50px;
	}
	.staff-modal-buttons a i {
		font-size: 25px;
	}
	.image-callout-wrapper > div:first-child {
		width: 100%;
		margin-right: 0px;
		
	}
	.image-callout-wrapper {
		flex-wrap: wrap;
	}
	.image-callout-wrapper > div {
		max-width: 100%;
		width: 100%;
	}
	.image-callout-content {
		padding-top: 50px;
	}
	.image-callout-wrapper {
		padding-bottom: 25px !important;
	}
	.footer-flex-btm {
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-flex-btm > div {
		width: 100%;
	}
	.footer-flex-btm > div:last-child > p {
		text-align: center;
	}
	.footer-flex-btm > div:first-child {
		justify-content: center;
	}
	.no-hero .banner-content {
		margin-left: 35px;
	}
	.testimonial-arrows {
		display: none;
	}
	.testiominal-bg-text span {
		font-size: 100px;
	}
	#nav-btn {
		display: block;
		color: #FFF;
		font-size: 25px;
	}
	.banner-arrows-con {
		display: none;
	}
	.menu-wrapper {
		position: fixed;
		right: -150%;
		top: 0px;
		width: 50%;
		height: 100%;
		background-color: #000000;
		-webkit-transition: all 0.3s ease 0s; 
		transition: all 0.3s ease 0s;
	}
	.menu-wrapper > div {
		height: 100%;
	}
	.main-nav {
		height: 100%;
		padding: 75px 25px;
		box-sizing: border-box;
		position: relative;
	}
	#nav-close-btn {
		position: absolute;
		display: block;
		top: 25px;
		right: 25px;
		color: #FFF;
		font-size: 25px; 
	}
	.nav-menu {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.nav-menu > li {
		width: 100%;	
		padding: 15px 0px;
		border-bottom: 1px solid #FFF;
	}
	.nav-menu > li {
		margin-right: 0px !important;
	}
	li.has-child:after {
		display: none;
	}
	.nav-menu > li a {
		font-size: 30px;
	}
	.sub-menu li a {
		font-size: 25px !important;
	}
	.sub-menu li a:hover {
		color: #06FA05 !important;
	}
	 .sub-menu:before {
			content: none;
	}
	li.has-child {
		position: relative;
	}
	li.has-child:hover {
		padding-bottom: 15px !Important;
	}
	.nav-menu > li:hover > a {
		left: 0px;
	}
	.nav-menu > li:before {
		display: none;
	}
	.sub-ctrl{
			position: absolute;
			top: 28px;
			right: 0;
			width: 30px;
			height: fit-content;
			text-align: center;
			cursor: pointer;
			z-index: 1;
			display: flex;
			align-items: center;
			-webkit-transition: all 0.3s ease 0s; 
			transition: all 0.3s ease 0s;
	}
	.sub-ctrl:after{
			content: '';
			width: 9px;
			height: 9px;
			border-top: 3px solid #FFF;
			border-right: 3px solid #FFF;
			transform-origin: center;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			display: block;
			-webkit-transition: all 0.3s ease 0s; 
			transition: all 0.3s ease 0s;
	}
	.sub-ctrl.show:after{
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
	}
	.sub-menu {
			position: static;
			display: none;
			min-width: 100%;
			width: 100%;
			margin: 0;
			border: 0;
			padding: 18px 25px 10px;
			text-align: inherit;
			-webkit-transform: none;
			transform: none;
			transition: none;
			box-shadow: none;
			background-color: transparent;
			font-weight: normal;
			opacity: 1;
			visibility: visible;
	}
	.sub-menu li:not(:last-child) a {
			border-bottom: none;
	}
	.sub-menu li a:before {
			content: none;
	}
	.sub-menu li:not(:last-child) {
			margin-bottom: 10px;
	}
	.sub-menu li a {
			font-family: inherit;
			text-transform: none;
			font-size: 20px;
			color: #fff;
			padding: 7px 0;
			font-weight: normal;
			margin: 0;
	}
	.sub-menu li a:hover {
			color: #fff;
	}
	.callout-tab-links {
		display: none;
	}
	.callout-tab-item {
		display: block;
	}
	.callout-tab-item .image-callout-content > div:last-child {
		margin-top: 25px;
	}
}
@media (max-width: 900px) {
	.subpage-tabs > .container > div h2 {
		font-size: 70px;
	}
	.sub-banner-flex > div > div > h1 {
		font-size: 120px;
		line-height: 120px !important;
	}
	.sub-banner-flex > div > div > p {
		font-size: 50px;
		line-height: 50px !important;
	}
	.sub-banner-flex > div > p {
		font-size: 16px;
	}
	.sub-banner-flex {
		align-items: flex-end;
		padding-bottom: 50px
	}
	.homepage-callout {
		padding-top: 50px;
	}
}
@media (max-width: 800px) {
	.green-flex {
		flex-wrap: wrap;
	}
	.green-flex > div {
		width: 100%;
	}
	.banner-content .large-text {
		font-size: 150px;
		line-height: 150px !important;
		padding-top: 25px;
	}	
	.banner-top-text {
		font-size: 70px;
	}
	.banner-text-content {
		flex-wrap: wrap;
	}
	.banner-text-content > div:last-child {
		width: 100%;
	}
	.step-callouts-item {
		width: 100%;
	}
	.step-callouts-item:not(:last-child) {
		margin-bottom: 50px
	}
	.step-callouts {
		flex-wrap: wrap;
	}
}
@media (max-width: 700px) {
	.staff-item {
		flex: 1 1 calc(100% - 10px);
	}
	.staff-item > div {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.staff-item > div > p {
		width: 100%;
	}
	.works-callout {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.works-callout > div {
		width: 100%;
	}
	.works-callout > div:first-child {
		margin-bottom: 25px;
	}
	.faq-list {
		width: 100% !important;
	}
	.faq-list:last-child {
		border-top: 1px solid #FFF;
		padding-top: 25px;
	}
	.sub-banner-flex > div > div {
		margin-right: 0px;
	}
	.sub-banner-flex > div > div > h1 {
		font-size: 100px;
	}
	.contact-header > div > h2 {
		font-size: 100px;
	}
	.footer-top:before {
		top: -45px;
		height: 50px;
	}
	.location-header {
		position: relative;
	}
	.location-image {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100% !important;
		height: 100%;
		z-index: 100;
	}
	.location-image:before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
		background-color: #000000;
		opacity: 0.8;
		z-index: 150;
	}
	.location-header {
		justify-content: flex-start;
	}
	.location-details {
		z-index: 200;
		width: 100% !important;
		padding-left: 35px;
	}
	.ql-callout-item > p {
		display: none;
	}
	.ql-grid {
		width: 90%;
	}
	.bar-callout > div:first-child > div {
		flex-wrap: wrap;
	}
	.bar-callout > div:first-child > div > p:first-child {
		width: 350px;
	}
	.bar-callout > div:first-child > div > p {
		text-align: left;
	}
	.membership-main-content {
		max-width: 100%;
	}
}
@media (max-width: 600px) {
	.footer-flex-btm > div:first-child {
		flex-wrap: wrap;
	}	
	.copyright {
		width: 100%;
		text-align: center;
	}
}