/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

@media (max-width: 1450px) {
	.seprator {
		margin: 0px 70px;
	}
}

@media only screen and (max-width: 1200px) {
	.navbar-light .navbar-nav>.nav-item>a {
		font-size: 12px;
	}
	.sub-menu li a {
		font-size: 11px;
	}
	.carousel-detail .down-up {
		font-size: 62px;
	}
	.play-button-wrapper {
		width: 103px;
		height: 103px;
	}
	.video-text {
		display: none;
	}
	.facility_title {
		font-size: 25px;
	}
	.bmi-right {
		display: none;
	}
	.seprator {
		display: none;
	}
	.hero-scroll {
		-ms-flex-pack: distribute!important;
		    justify-content: space-around!important;
	}
}

@media only screen and (max-width: 989px) {
	.drop-down::after {
		content: none!important;
	}
	.sub-menu {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		transform: scale(1, 1);
		padding: 0px;
		position: relative;
		top: 0px;
		left: 0px;
		margin: 0;
		border-top: 0px;
		-webkit-box-shadow: none;
		        box-shadow: none;
	}
	.navbar-nav .home-btn{
	    -webkit-box-pack: center!important;
		    -ms-flex-pack: center!important;
		        justify-content: center!important;
	}
	
	.navbar-light .navbar-nav>.nav-item>a {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.navbar {
		/* background: #fff; */
		padding: 15px;
	}
	.navbar-light .navbar-toggler {
		border-color: transparent;
	}
	.navbar-light .navbar-nav>.nav-item>a {
		/*color: #200504;*/
		margin: 5px 0 0;
	}
	.navbar-expand-lg .navbar-nav .nav-item {
		margin-left: 0px;
	}
	.navbar-brand {
		max-width: 100%;
		background-image: url(https://fitbycharro.com/wp-content/uploads/2020/04/cropped-charo-logo-1-3.png);
	}
	.section {
		padding: 60px 0;
	}
	.section-top {
		padding-top: 60px;
	}
	.section-bottom {
		padding-bottom: 60px;
	}
	.section-inner {
		margin-top: 60px;
	}
	.facility_grid {
		margin-bottom: 30px;
	}
	.schedule-card {
		height: 255px;
		width: 100%;
		margin: auto;
	}
	.coach-left-img {
		border-width: 5px 5px 5px 5px;
		width: 300px;
		height: 300px;
		margin: 0px auto;
	}
	.coach-left-img img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}
	.coach-title,
	.small-title,
	.coach-text {
		text-align: center;
		display: block;
	}
	.coaches-social,
	.half-bg {
		-webkit-box-pack: center!important;
		    -ms-flex-pack: center!important;
		        justify-content: center!important;
	}
	.half-bg {
		padding-top: 8vh;
	}
	.coach-right-inner {
		padding-top: 20px;
	}
	.coach-detail {
		padding: 20px 0px;
	}
	.coach-text {
		padding-bottom: 20px;
	}
	.nav {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.about-left {
		padding-bottom: 30px;
	}
	.pricing-table {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.schedule-title h5,
	.date,
	.schedule-text {
		font-size: 18px;
	}
	.schedule-text {
		margin-bottom: 5px;
	}
	.top-image,
	.foot-left {
		padding-bottom: 30px;
	}
	.border-right-0 {
		border-right: 1px solid rgba(0, 0, 0, 0.1)!important;
	}
	.pricing-plan,
	.grid-inner {
		margin-bottom: 30px;
	}
	.pricing-plan .cal-btn {
		opacity: 1;
	}
	.foot-left {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.footer-box {
		padding-bottom: 20px;
		height: auto;
	}
	.footer-box-main {
		padding: 40px 0;
	}
	.foot-title {
		font-size: 15px;
		padding-bottom: 15px;
	}
	.foot-text {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding-bottom: 0!important;
	}
	.foot-copy,
	.footer-list {
		padding-bottom: 10px;
	}
	.ab-left-img {
		max-width: 400px;
		margin: 0px auto;
	}
	.top-image:hover .coaches-overlay {
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		transform: translateY(-50px);
	}
	.quote {
		display: none!important;
	}
	.test-left-img img {
		margin: auto;
	}
}

@media only screen and (max-width:768px) {
	.skill-right-inner {
		max-width: 100%;
		padding-bottom: 30px;
	}
	.slider-small {
		margin-top: 0;
		display: none;
	}
	.gallery-slider{
		display:none!important;
	}
}

@media only screen and (max-width:767px) {
	.play-button {
		width: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-bottom: 50px;
	}
	.carousel-detail-animate {
		width: 100%;
		text-align: center;
	}
	.carousel-detail .down-up {
		font-size: 34px;
		text-align: center;
	}
	.carousel-detail {
		position: relative;
		height: auto;
	}
	.section-title {
		text-align: center;
	}
	.about-left {
		margin-bottom: 60px;
	}
	.bmi {
		position: relative;
		background: none;
		margin-top: 50px;
	}
	.xs-mt-20 {
		margin-top: 15px;
	}
	.bmi:before {
		display: none;
	}
	.bmi-left {
		-webkit-box-shadow: none;
		        box-shadow: none;
		padding: 0 15px!important;
	}
	.form-wrapper {
		padding: 0;
	}
	.review-inner {
		display: block!important;
	}
	.review-description p,
	.review-description h6 {
		text-align: center!important;
	}
	.review-description .slick-arrows {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.foot-right {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.section-inner {
		margin-top: 30px;
	}
	.review-left {
		padding-bottom: 20px;
	}
	.btn-sub {}
	.coach-left-img {
		width: 200px;
		height: 200px;
	}
	.certificate,
	.inner-hero-section {
		height: auto;
	}
	.certificate {
		padding: 60px 0 0;
	}
	.skill-left {
		padding-bottom: 30px;
	}
	.half-bg {
		height: auto;
		padding-top: 18vh;
		padding-bottom: 20px;
	}
	.certificate-main-container ul li {
		margin-bottom: 40px;
	}
	.certificate-main-container ul li:last-child {
		margin-bottom: 0px;
	}
	.foot-title {
		margin-right: 0;
	}
}

@media (max-width: 500px) {
	.coach-title {
		font-size: 40px;
	}
	.coach-text {
		padding-bottom: 10px;
	}
}

@media only screen and (max-width: 400px) {
	.section-inner {
		margin-top: 30px;
	}
	.coach-left-img {
		width: 150px;
		height: 150px;
	}
	.coach-title {
		font-size: 30px;
	}
	.coach-text {
		font-size: 14px;
	}
	.about-left {
		margin-bottom: 0px;
	}
	.section-title .title {
		margin: 15px 0px 10px;
	}
}