@media screen and (max-width: 1199px) {

	.banner-area {

		padding-top: 180px;

		background-position: center top -80px;

	}

	.inner-content {

		padding-top: 200px;

	}

	.header {

		top: 50px;

	}



	h1 {

		font-size: 60px;

	}

	h2 {

		font-size: 36px;

	}

	.booking h2 {

		font-size: 65px;

		margin-bottom: 25px;

	}

	.booking h3 {

		margin-bottom: 20px;

	}

	.booking h3,
	.booking h4 {

		font-size: 24px;

	}

	.booking h4 {

		max-width: 290px;

	}

	.offers-link {

		font-size: 18px;

		padding: 20px 30px;

	}

	.offers-link strong {

		font-size: 42px;

	}

	.card-item h3 {

		font-size: 28px;

		max-width: 180px;

	}

	.card-item p {

		font-size: 16px;

		min-height: 70px;

	}

	.card-item img {

		max-height: 120px;

		max-width: 120px;

	}

	.page-info img {

		max-width: 120px;

		margin-right: 25px;

	}

	.page-info h1,
	.modal-content .page-info h1 {

		font-size: 32px;

	}

	.section-content h2 {

		font-size: 30px;

	}

	.section-content p,
	.modal-content .section-content p {

		font-size: 18px;

	}

	.owl-membership .owl-nav button {

		width: 75px;

	}

	.membership-group h2 {

		font-size: 45px;

		margin-bottom: 35px;

	}

	.membership-title img {

		max-width: 80px;

	}

	.membership-title h4 {

		font-size: 23px;

	}

	.office-title h2 {

		font-size: 58px;

	}

}



@media screen and (max-width: 991px) {

	.navbar-brand img {

		width: 130px;

	}

	.navbar-nav {

		padding-left: 20px;

	}

	h1 {

		font-size: 46px;

	}

	h2 {

		font-size: 27px;

	}

	.banner-stripe>div {

		padding: 15px 25px !important;

	}

	.banner-stripe img {

		margin-right: 10px;

	}

	.banner-stripe h4 {

		margin-left: 10px;

		font-size: 18px;

	}

	.feaures {

		margin-top: 15px;

	}

	.feaures h2 {

		font-size: 38px;

	}

	.feaures h2 span {

		font-size: 0.8em;

		max-width: 320px;

	}

	.feaures h3 {

		max-width: 320px;

		font-size: 24px;

	}

	.booking {

		padding: 40px 0;

	}

	.booking h2 {

		font-size: 56px;

	}

	.fr .booking h2 {

		font-size: 52px;

	}

	.booking-image {

		margin-bottom: -68px;

	}

	.offers-link img {

		width: 45px;

	}

	.offers-link {

		font-size: 16px;

	}

	.offers-link strong {

		font-size: 36px;

	}

	.card-item {

		padding: 20px 15px 50px;

	}

	.bottom-success img {

		max-height: 210px;

	}

	.bottom-success h3,
	.bottom-success h4 {

		font-size: 28px;

	}

	.bottom-success h3 {

		max-width: 212px;

	}

	.bottom-success h4 {

		max-width: 240px;

	}

	.footer {

		padding-top: 40px;

		padding-bottom: 20px;

	}

	.navbar-nav a {

		font-size: 13px;

	}

	.bottom-btn-link,
	.modal-content .bottom-btn-link {

		font-size: 14px;

		padding: 25px 25px;

	}

	.bottom-btn-link strong {

		font-size: 25px;

	}

	.bottom-btn-link img {

		width: 90px;

	}

	.page-info img {

		max-width: 95px;

		margin-right: 20px;

	}

	.page-info h1,
	.modal-content .page-info h1 {

		font-size: 28px;

	}

	.membership-title h4 br {

		display: none;

	}

	.membership-title h4 {

		font-size: 20px;

	}

	.membership-group h2 {

		font-size: 38px;

		margin-bottom: 38px;

	}

	.booked_card>img {

		max-width: 110px;

	}

	.booked_card {

		max-width: 220px;

	}

	.register-area h3 {

		font-size: 32px;

	}

	.disclamer {

		font-size: 14px;

	}

	.total .price {

		font-size: 52px;

	}

	.total {

		font-size: 18px;

	}

	.btn-book {

		font-size: 52px;

	}

}



@media screen and (max-width: 767px) {

	.lang {

		background: none !important;

		color: #1a1b21 !important;

	}

	.banner-area {

		padding-top: 140px;

	}

	.inner-content {

		padding-top: 140px;

	}

	.header {

		top: 30px;

	}

	.navbar-nav {

		padding-left: 0;

	}

	.navbar-collapse {

		background: #fff;

		padding: 15px;

	}

	.banner-area h1 {

		margin-bottom: 20px;

	}

	.banner-area h2 {

		margin-bottom: 25px;

	}

	.banner-stripe {

		margin-top: 20px;

	}

	.banner-stripe h4 {

		font-size: 22px;

	}

	.feaures h2 {

		margin-bottom: 35px;

	}

	.feaures h3 {

		float: none;

		margin-bottom: 25px;

	}

	.booking-image {

		margin-bottom: -108px;

	}

	.offers-link {

		-webkit-flex-direction: column;

		-moz-flex-direction: column;

		-ms-flex-direction: column;

		-o-flex-direction: column;

		flex-direction: column;

		text-align: center;

		padding-left: 15px;

		padding-right: 15px;

	}

	.offers-link span {

		padding: 15px 0;

	}

	.card-item {

		margin: 25px auto;

		background-color: #f7f7f7;

		-webkit-box-shadow: 24px 15px 59px rgba(41, 41, 40, 0.14);

		box-shadow: 24px 15px 59px rgba(41, 41, 40, 0.14);

	}

	.bottom-success img {

		max-height: 170px;

	}

	.bottom-success h3,
	.bottom-success h4 {

		font-size: 24px;

	}

	.page-info {

		margin-bottom: 30px;

	}

	.bottom-btns {

		margin-top: 20px;

	}

	.section-content {

		margin-bottom: 60px;

	}

	.bottom-btn-link {

		text-align: center;

		justify-content: center;

	}

	.bottom-btn-link img {

		display: none;

	}

	.bottom-btn-link .d-flex {

		justify-content: center;

	}

	.bottom-btn-link strong {

		width: auto;

	}

	.section-content {

		max-width: 100%;

	}

	.inner-content {

		background-position: center top 110px;

	}

	.bottom-btn-image {

		margin-left: auto !important;

		margin-right: auto !important;

	}

	.membership-group h2 {

		font-size: 32px;

	}

	.owl-membership {

		margin-bottom: 45px;

	}

	.office-title h2 {

		font-size: 42px;

	}

	.membership-group {

		margin-bottom: 40px;

	}

	.owl-membership .owl-nav button {

		width: 27px;

	}

	.owl-membership .owl-nav button img {

		width: 18px;

	}

	.office-selected {

		left: 80px;

		top: -20px;

	}

	.register-area h3 {

		font-size: 30px;

	}

	.total .price {

		font-size: 62px;

	}

	.reg-discount {

		margin-top: 20px;

	}

	.register-area {

		margin-bottom: 60px;

	}

	.office-title {

		margin-bottom: 40px;

	}

	.membership-offices-right ul {

		margin-left: 0;

	}

	.membership-offices-right,
	.membership-offices-left {

		min-height: auto;

	}

	.header-sticky {
		height: 56px;
	}

	.hs-phone {
		line-height: 56px;
	}
}



@media screen and (max-width: 575px) {

	.owl-clients .owl-stage .rank {
		max-height: 50px !important;
	}

	.owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: 20px;
	}

	.owl-clients .owl-item img {
		object-fit: contain !important;
		max-height: 100px !important;
	}

	.bottom-success img {

		max-height: 100px;

	}

	.bottom-success h3,
	.bottom-success h4 {

		font-size: 20px;

		padding: 0 6px;

	}

	.banner-area {

		background-position: center top -30px;

	}

	.section-content h2,
	.modal-content .section-content h2 {

		font-size: 24px;

		margin-bottom: 15px;

	}

	.section-content p,
	.modal-content .section-content p {

		font-size: 16px;

	}

	.bottom-btn-image {

		max-width: 60%;

	}

	.section-content {

		margin-bottom: 40px;

	}

	.bottom-btn-link,
	.modal-content .bottom-btn-link {

		font-size: 11px;

		padding: 20px 15px;

	}

	.bottom-btn-link strong,
	.fr .bottom-btn-link strong {

		font-size: 13px;

		margin-top: 5px;

	}

	.office-title h2 {

		font-size: 32px;

	}

	.total .price {

		font-size: 46px;

	}

	.total {

		font-size: 15px;

	}

	.btn-book {

		padding-top: 14px;

		font-size: 42px;

	}

	.owl-carousel .owl-item img {

		height: 160px;

		object-position: center;

		object-fit: cover;

	}

	.membership-offices-right {

		padding: 22px 16px 35px 15px;

	}

	.membership-offices-left {

		padding: 20px;

	}

	.membership-offices-icon {

		max-width: 120px;

		margin-bottom: 50px;

	}

	.membership-offices-right h2 {

		margin-bottom: 25px;

	}

	.jon {

		margin: 0 0 30px 0 !important;

	}

	/*.pulsating-dot {

		width: 30px;

		height: 30px;

	}



	.pulsating-dot__ripple > span {

		top: 20px;

		left: 20px;

		width: 5px;

		height: 5px;

	}

	

	

	.pulsating-dot__ripple > div {

		width: 30px;

		height: 30px;

	}*/



	.tooltip-inner {

		font-size: 9px;

		max-width: 120px;

	}

	.modal-bg{
		min-height: 300px;
	}

	.banner-slider .carousel.fyw img {
		height: 95vh;
	}

}



/* banner */
@media (width < 1199px) {
	.section-banner-inner h1{
		font-size: 72px;
	}

	.section-banner{
		padding-top: 150px;
	}

	.secure-spot-form{
		border-radius: 35px 0 0;
		padding: 20px 25px;
	}
}

@media (width < 991px) {
	.section-banner-inner h1{
		font-size: 62px;
	}

	.section-banner-inner h3{
		font-size: 26px;
	}

	.section-banner-content-controls{
		gap: 16px;
	}

	.section-banner{
		padding-top: 150px;
	}

	.section-banner > img{
		bottom: 40px;
	}

	.secure-spot-content{
		padding-left: 0;
		text-align: center;
	}

	.secure-spot-content h6{
		max-width: 360px;
		width: 100%;
		margin: auto;
	}

	.secure-spot{
		padding-top: 20px;
		padding-bottom: 60px;
	}

	.secure-spot-content h2{
		margin-bottom: 0.5em;
	}
	.secure-spot-content h4{
		margin-left: 0;
		margin-bottom: 20px;
	}
}

@media (width < 767px) {
	.section-banner-inner{
		padding-left: 20px;
	}

	.section-banner-inner h1{
		position: relative;
		margin-left: -20px;
		margin-bottom: -60px;
	}

	.section-banner{
		padding-top: 85px;
		padding-bottom: 35px;
	}
}

@media (width < 575px) {
	.section-banner-inner h1{
		font-size: 58px;
		margin-bottom: -30px;
	}

	.section-banner-inner h3{
		bottom: 0;
	}
}