/* Phones */
@media only screen 
and (max-width: 575px) {
	
	.footer-bottom img {
		width: 100%;
	}
	
	.header-menu-contianer {
		padding: 0;
		/* display: none; */
	}

	.header-menu-contianer a:first-of-type:before {
		content: "\f002";
		font-family: 'Font Awesome 5 Pro';
		font-size: 23px;
		font-weight: 300;
	}

	.header-menu-contianer a:last-of-type:before {
		content: "\f290";
		font-family: 'Font Awesome 5 Pro';
		font-size: 23px;
		font-weight: 300;
	}
	
	.header-main .align-items-start {
		align-items: center !important;
		padding: 0 35px;
	}
	
	.header a.cta {
		display: none;
	}

	.site-banner {
		margin: -20px 0 0;
	}

	.header .logo {
		width: 215px;
		margin: 0;
		/* background-position: center 22px; */
	}
	
	.header-menu-contianer a {
		margin: -8px 11px 0 0;
		font-size: 0;
		float: left;
	}
	
	body {
		padding-top: 150px;
	}
	
	.header .mobile-menu {
		position: fixed;
		left: 0px;
		width: 100vw;
		max-width: 310px;
		top: 0px;
		background: #ffffff;
		min-height: 100vh;
		min-height: -moz-available;
		min-height: -webkit-fill-available;
		min-height: fill-available;
		z-index: 98;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		padding: 30px 19px;
		padding-top: 91px;
		transform: translateX(-100%);
		overflow: hidden;
		opacity: 0;
		-webkit-box-shadow: 0px 0px 33px 0px rgb(31 29 33 / 15%);
		-moz-box-shadow: 0px 0px 33px 0px rgb(31 29 33 / 15%);
		box-shadow: 0px 0px 33px 0px rgb(31 29 33 / 15%);
		height: 100%;
	}

	.header .mobile-menu.active {
		transform: translateX(0%);
		opacity:1;
	}
	
	.header .mobile-menu li {
		width: 100%;
		margin: 0 0 10px;
		padding: 0 0 10px;
		border-bottom: 1px solid rgb(232 232 232);
	}

	.header .mobile-menu li a, .dropdown .btn {
		margin: 0;
		text-align: left;
		font-size: 18px;
		text-transform: capitalize;
		color: #222;
		font-family: 'Amatic SC', cursive;
		text-transform: lowercase;
	}

	.header .mobile-menu li .dropdown {
		text-align: left;
	}

	.header .mobile-menu li .dropdown .dropdown-menu {
		left: initial !important;
		border: initial !important;
		width: 100% !important;
	}

	.header.fixed {
	top: 0;
	}

	.newsletter .form-group input, .newsletter-signup .form-group input {
		padding: 13px 15px;
	}

	.newsletter {
		padding: 60px 15px;
	}
	
	.footer-bottom {
		height: 130px;
		align-content: space-between;
		flex-wrap: wrap;
		padding: 15px;
	}
	
	.bottom-links {
		text-align: center;
		line-height: 30px;
	}

	.home-slider h1 {
		text-align: left;
		font-size: 46.8px;
		line-height: 1.5;
		letter-spacing: 1px;
		font-weight: 700;
		margin: 0 0 15px;
	}

	.container-fluid.homepage-hero {
		padding: 0;
	}
	
	.pick-class .container .row {
		width: auto !important;
	}
	
	.testimonial {
		padding: 0;
	}
	
	.accreditations .logo {
		max-width: 50%;
		padding: 0 15px;
	}
	
	.home-slider.slick-slider .general.next, .testimonial-slider .general.next {
		right: 0;
	}
	
	.home-slider.slick-slider .general.previous, .testimonial-slider .general.previous {
		right: 50px;
	}
	
	.testimonial-image, .join-image {
		width: 100vw;
	}

	.testimonial-image img, .join-image img {
		border: none;
	}

	.testimonials, .join-us {
		padding: 30px;
	}
	
	.newsletter-signup {
		right: 0;
		bottom: 0;
	}
	
	.testimonials .content-container h2, .join-us .content-container h2, .newsletter h4 {
		line-height: 45px;
	}
	
	.accreditations .row {
		justify-content: center;
	}
	
	.newsletter .form-group .cta, .newsletter-signup .form-group .cta {
		position: relative;
		width: 100%;
	}
	
	.footer-top h6 {
		margin: 30px 0;
	}

	.footer-top {
		padding: 30px;
	}
	
	a.trustpilot-container {
		display: flex;
		justify-content: center;
		margin: 15px 0 0;
	}
	
	.home-slider .row {
		padding: 0 0 15px;
		height: 230px;
		background-position: center !important;
		align-items: end;
	}
	
	.row.partners-and-awards {
/*
		height: 435px;
		overflow-y: scroll;
*/
		margin-bottom: 40px;
	}
	
	.section-large h1, .section-large h2, .section-medium h1, .section-medium h2, .home-slider h1, .testimonials .content-container h2, .join-us .content-container h2, .newsletter h4, .meet-trainers h2 {
		line-height: 42px;
	}
	
	.testimonial blockquote {
		padding: 0 40px;
	}

	.testimonial blockquote:before {
		left: 0;
		top: 0;
		text-indent: -8px;
	}

	.testimonial blockquote:after {
		right: 0;
		bottom: 0;
		text-indent: -5px;
	}

	.testimonial blockquote:before, .testimonial blockquote:after {
		line-height: 1;
		font-size: 50px;
		width: 20px;
		height: 20px;
	}
	
	#faqs .faq h3 {
		font-size: 1.2rem;
	}
	
	.section-large h3, .section-medium h3 {
		font-size: 30px;
		line-height: 40px;
	}
	
	.post-nav, .pagination {
		flex-wrap: wrap;
	}

	.post-nav a {
		width: 100%;
		margin: 0 0 15px;
	}
	
	.box.box-cta.class-booking-box {
		margin: 0 0 20px;
	}
	
	form#booking-form {
		margin: 0 0 60px;
	}
	
	a.cta, button.cta {
   		padding: 9px 25px;
	}

	.testimonials .content-container {
		padding: 30px 30px 85px;
	}

	.testimonials .content-container p {
		text-align: center;
	}

	.trained-image {
		margin: 0 0 30px;
		display: flex;
		justify-content: center;
		width: 100%;
	}
	
	.testimonials .content-container .testimonial-meta {
		padding: 0;
		text-align: center;
	}

	.testimonials {
		padding: 30px 15px;
	}
	
	.join-us .content-container a.cta {
		letter-spacing: 0;
	}
	
	.site-banner p {
		padding: 4px 0 6px;
		font-size: 12px;
	}
	
	.bg-mfa-primary.menu {
		padding: 0;
		border: none;
	}
	
	a#burgerMenu.active {
		top: -32px;
		z-index: 99;
	}
	
	.bg-mfa-primary.menu {height: auto !important;position: absolute;top: 0;left: 0;}
	
	.pick-class .col-12 {
		margin: 0 0 70px;
	}
	
	.pick-class {
		padding: 0 0 15px;
	}
	
	.home-slider .row > div {
		position: relative;
		bottom: auto;
		right: auto;
	}
	
	.trustpilot-widget {
		float: left;
		width: 100%;
		max-width: 100vw;
		display: flex;
		justify-content: center;
		margin: 40px 0 -10px;
	}

	.home-slider h1, .home-slider p {
		display: none;
	}

	.home-slider .content-container {
		padding: 0 15px;
		margin: 0;
		background: none;
	}

	.home-slider a.cta {
		margin: 0;
	}
	
	.home-slider ul.slick-dots {
		display: none !important;
	}
	
	.surrounding-areas .surrounding-areas__location {
		margin: 0 17px 30px;
	}
	
	a.banner-badge {
        width: 110px;
        height: 110px;
    }
	
}

/* Phones landscape */
@media only screen 
and (min-width : 576px) 
and (max-width : 767px) {
	
	.header .mobile-menu {
		position: fixed;
		left: 0px;
		width: 100vw;
		max-width: 310px;
		top: 0px;
		background: #ffffff;
		min-height: 100vh;
		min-height: -moz-available;
		min-height: -webkit-fill-available;
		min-height: fill-available;
		z-index: 98;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		padding: 30px;
		transform: translateX(-100%);
		overflow: hidden;
		opacity: 0;
		-webkit-box-shadow: 0px 0px 33px 0px rgb(31 29 33 / 15%);
		-moz-box-shadow: 0px 0px 33px 0px rgb(31 29 33 / 15%);
		box-shadow: 0px 0px 33px 0px rgb(31 29 33 / 15%);
	}

	.header .mobile-menu.active {
		transform: translateX(0%);
		opacity:1;
	}
	
	.header .mobile-menu li {
		width: 100%;
		margin: 0 0 30px;
	}

	.header .mobile-menu li a {
		margin: 0;
		text-align: left;
		font-size: 18px;
		color: #289144;
		text-transform: capitalize;
	}

	.header.fixed {
		top: -115px;
	}
	
	.header-main .align-items-start {
		align-items: center !important;
		flex-direction: row-reverse;
	}
	
	.header-main {
		padding: 15px;
	}
	
	.site-banner {
		margin: -20px 0 0;
	}
	
	.header .logo {
		margin: 0;
	}

	.home-slider .row {
		height: auto;
		padding: 15px 0 85px;
	}

	.pick-class .container .row {
		width: auto !important;
	}
	
	.social .company-news__social:nth-child(3) {
		display: none;
	}
	
	.join-us .text-container {
		height: 145px;
		overflow-y: scroll;
	}
	
	.accreditations .logo {
		padding: 10px;
	}

	.header .mobile-menu li {
		margin: 0 0 10px;
	}
	
	body {
		padding-top: 225px;
	}
}

/* Tablets */
@media only screen 
and (min-width : 768px) 
and (max-width : 991px) {
	
	a.trustpilot-container img {
		width: 100%;
	}
	
	.find-class .regions-list div.region:nth-child(3) {
		display: none;
	}
	
	.join-us {
		padding: 30px 15px;
	}
	
	.footer-top ul.social li {
		margin: 0 25px 0 0;
	}
	
	.accreditations .logo {
		max-width: 140px;
	}
	
	.newsletter .form-group .cta {
		padding: 6px 15px;
	}

	.newsletter .form-group input {
		padding: 13px 140px 13px 15px;
	}
	
	#faqs .faq h3 {
		font-size: 1.2rem;
	}
	
	.pick-class .col-12 {
		margin: 0 0 70px;
	}
}

/* Large Tablets */
@media only screen 
and (min-width : 992px) 
and (max-width : 1200px) {
	
	.menu ul li a {
		margin: 0 20px;
	}
	
	.class-type {
		padding: 30px 15px;
	}
	
	.header div.region {
		width: 215px;
	}
	
	.header div.region .covers {
		display: none;
	}
	
}