@media (max-width: 1920px) {
  .skewed-bg {
    padding: 14.844vw 0 9.375vw;
    clip-path: 
    polygon(
      0 calc(0% + 9.375vw), 100% 0, 
      100% calc(100% - 9.375vw), 0% 100%);
  }

  .section-wrapper.intro-banner-area {
    min-height: calc(27vw + 240px);
    height: auto;
  }
}
 
@media (max-width: 1580px) {
	.section-wrapper.intro-banner-area {
  	padding-top: calc(275px - 3vw);
	}
}

@media (min-width: 992px) and (max-width: 1920px) {
  .section-wrapper.wrapper-clinic {
  	padding-top: 14vw;
  	padding-bottom: 14vw;
  }
}


@media (max-width: 1380px) {
 .intro-banner-content-wrap {
  	font-size: 105px;
  }
  .contactUs-form-wrap {
  	max-width: 600px;
  	padding: 40px;
  }
  .large-heading {
  	font-size: 38px;
  }
  .subheading-text {
  	font-size: 22px;
  }
  .content-box__contents-title {
  	font-size: 22px;
  }
  .content-boxes .content-box__contents-text {
  	font-size: 16px !important;
  }
  .content-boxes {
  	padding-top: 0;
  }

  .fancybox__container .fancybox__slide:not(.has-image) .fancybox__content {
    padding-top: 58px;
    padding-left: 43px;
    padding-bottom: 58px;
  }

  .post-box-item.post-box-modal-detail .post-box-item-contents h1 {
  	font-size: 36px;
  }

  .post-box-item.post-box-modal-detail .post-box-item__image {
  	max-width: 300px;
  	height: 280px;
  }

  .post-box-item.post-box-modal-detail .post-box-item-contents {
  	font-size: 16px;
  }

  .post-box-item.post-box-modal-detail .post-box-item__content {
  	padding-left: 30px;
  }

  .naturopathy-img__text {
  	font-size: calc(5.2vw + 20px)
  }

  .naturopathy-img__text:after {
  	top: -85%;
    right: 0;
    width: 8.406vw;
    height: 5.290vw;
  }

}

@media (max-width: 1199px) {
	.site-navigation li a {
		font-size: 14px;
	}

	.header-inner-wrap .site-navigation-menu-list {
		margin: 0 40px;
	}

	.header-inner-wrap .button-element {
		font-size: .85em;
	}

	.aboutUs-text {
		margin-top: 50px;
	}

	.aboutUs-slider-wrap__descr__text {
		font-size: 1.125em;
	}

	.aboutUs-slider-wrap__descr__title {
		font-size: 1.4em;
	}

	.aboutUs-slider-wrap__descr {
		min-height: 540px;
	}

	.text-formating {
		font-size: 1em;
	}

	.text-formating>* {
		margin-bottom: 18px;
	}

	.site-category__slide {
		margin-bottom: 115px;
	}

	.aboutUs-ceo-wrap {
		padding-top: 0;
	}

	.section-wrapper.intro-banner-area {
		padding-top: 200px;
	}

	.intro-banner-content-wrap {
  		font-size: 95px;
  	}

	.blog-items-wrap {
		padding-top: 0;
		padding-right: 0;
	}

	.ch-pattern {
  		width: 150%;
  		left: -25%;
  		right: -25%;
  		bottom: -30%;
  	}

	.contactUs-form-wrap {
	    max-width: 550px;
	    padding: 30px;
	}

  	.post-box-item {
  		margin-bottom: 45px;
  	}

  	.post-box-item__content-heading {
  		font-size: 16px;
  		margin-bottom: 15px;
  	}
  	.post-box-item__content-text {
  		font-size: 16px;
  	}

  	.section-wrapper.wrapper-contactUs .contactUs-bg {
  		padding-bottom: 220px;
  	}

  	.site-category-boxes .swiper-wrapper {
    	padding-top: 75px;
    	margin-top: 0;
	}

	.post-box-detail .post-box-item__image {
	  height: 400px;
	}

	.fancybox__container .fancybox__content>.carousel__button.is-close {
	  top: 10px;
	  right: 10px;
	}

}


@media (max-width: 991px) {
	.wrapper-header .logo-element {
		max-width: 58px;
	}

	.site-navigation li {
		margin-left: 8px;
		margin-right: 8px;
	}

	.site-navigation li a {
		font-size: 12px;
	}

	.site-navigation-menu-list {
		padding: 14px 10px;
	}

	.header-inner-wrap .button-element {
		font-size: .85em;
	}

	.aboutUs-slider-wrap {
		-ms-grid-columns: .85fr 1fr;
		grid-template-columns: .85fr 1fr;
	}

	.aboutUs-slider-wrap__inner {
		padding-left: 30px;
	}

	.aboutUs-slider-wrap__descr {
		padding-left: 15px;
		padding-right: 15px;
		min-height: 456px;
	}

	.aboutUs-slider-wrap__descr__title {
		font-size: 1.375em;
	}


	.aboutUs-slider-wrap__descr {
		-o-border-image: url("data:image/svg+xml,%3Csvg width='320' height='448' viewBox='0 0 320 448' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40C0 17.9086 17.9086 0 40 0H280C302.091 0 320 17.9086 320 40V361.006C320 380.164 306.417 396.632 287.609 400.276L47.6085 446.776C22.9238 451.559 0 432.65 0 407.506V40Z' fill='%2306AB83'/%3E%3C/svg%3E%0A") 0 / auto / 0 0 stretch;
		border-image: url("data:image/svg+xml,%3Csvg width='320' height='448' viewBox='0 0 320 448' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40C0 17.9086 17.9086 0 40 0H280C302.091 0 320 17.9086 320 40V361.006C320 380.164 306.417 396.632 287.609 400.276L47.6085 446.776C22.9238 451.559 0 432.65 0 407.506V40Z' fill='%2306AB83'/%3E%3C/svg%3E%0A") 0 fill / auto / 0 0 stretch;
	}

	.section-wrapper.intro-banner-area {
		padding-top: 160px;
	}

	.intro-banner-content-wrap {
  		font-size: 68px;
  	}
  	.intro-banner__subtitle {
  		font-size: .27em;
  	}
  	.intro-banner__text {
  		font-size: .23em;
  	}

  	.service-white-box {
  		margin-top: 25px;
  		margin-right: 25px;
  	}
	
	.wrapper-clinic .ch-pattern-2 {
	  position: absolute;
	  top: -30%;
	  left: 0;
	  right: 0;
	  width: 100%;
	}

	.skewed-bg {
      padding: calc(14.844vw + 50px) 0 calc(9.375vw + 50px);
    }

    .section-wrapper.wrapper-reviews .button-element,
  	.aboutUs-content-section .button-element {
  		width: 100%;
  		margin-top: 9px;
  	}

  	.services-checkboxes-row {
  		padding: 0;
  	}

  	.section-wrapper.wrapper-services {
  		padding-top: calc(5vw + 40px);
  	}

  	.contactUs-form-wrap {
  		max-width: 100vw;
  		width: 100vw;
  		padding: 50px 14px 40px;
  		margin-left: calc(50% - 50vw);
  		margin-right: calc(50% - 50vw);
  		margin-top: 40vw;
  		border-radius: 0;
  		background-color: rgba(255,255,255, .8);
  	}

  	.wrapper-footer {
  		margin-top: 0;
  	}

  	.section-wrapper.wrapper-footer .container {
  		max-width: 100%;
  	}

  	.section-wrapper.wrapper-contactUs .contactUs-bg {
  		padding-bottom: 0;
  		clip-path: 
  		polygon( 0 calc(0% + 9.375vw), 100% 0, 
  			100% 100%, 0% 100%);
  	}

  	.contactUs-bg .fit-section-img {
  		display: block;
  		object-fit: contain;
  		max-width: 200%;
  		width: 200%;
  		left: -25%;
  		right: -25%;
  	}
  	
  	.wrapper-contactUs:before {
  		height: 8%;
  		clip-path: 
	    polygon(
	      0 calc(0% + 9.375vw), 100% 0, 
	      100% 100%, 0% 100%);
  	}

	  .post-box-item.post-box-modal-detail .post-box-item__image {
	  	max-width: 200px;
	  	height: 200px;
	  }

	  .fancybox__container .fancybox__slide:not(.has-image) .fancybox__content {
	    padding-top: 33px;
	    padding-left: 33px;
	    padding-bottom: 58px;
	  }

	  .post-box-item.post-box-modal-detail .post-box-item-contents h1 {
	  	font-size: 28px;
	  }

	  .site-category__slide {
	  	margin-bottom: 90px;
	  }

	  .page-inner {
	  	padding-top: 150px;
	  }

	  .naturopathy-img {
	  	margin-top: 0;
	  }

	  .naturopathy-img__text {
	  	font-size: calc(5vw + 27px)
	  }

	  .naturopathy-img__text:after {
	  	top: -55%;
	  }

}


@media (max-width: 767px) {
	.section-wrapper.wrapper-header {
		position: fixed;
		padding-top: 10px;
		padding-bottom: 10px;
		transition: all .15s linear;
	}

	.page-scrolled .section-wrapper.wrapper-header {
		background-color: rgba(255,255,255, .8);
	}

	.site-navigation {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		-webkit-box-flex: initial;
		    -ms-flex-positive: initial;
		        flex-grow: initial;
	}

	.menu-hamburger {
		display: block;
	}

	.menu-is-active .header-menu-responsive {
	  display: flex;
	  z-index: -1;
	}

	.menu-is-active .header-inner-wrap .logo-element {
	  filter: brightness(0) invert(1);
	}

	.menu-is-active .header-inner-wrap .button-element {
	  background-color: #fff;
	  color: var(--primary-green);
	}

	.menu-is-active .section-wrapper.wrapper-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: #06AB83;
		overflow-y: auto;
	}

	.menu-is-active .header-inner-wrap {
		display: flex;
	}

	.menu-is-active .wrapper-footer {
		position: fixed;
		width: 100%;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.menu-is-active .footer-inner {
		padding: 0;
		background-color: transparent;
	}

	.menu-is-active .footer-inner .logo-element,
	.menu-is-active .footer-inner .site-navigation,
	.menu-is-active .footer-inner .button-element {
		display: none;
	}

	.menu-is-active .footer-inner .footer-navigation-wrap {
		max-width: 100%;
		margin-bottom: 0 !important;
	}

	.menu-is-active .footer-navigation-add {
		max-width: 100%;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		padding: 0;
		text-align: center;
		border-top: 1px solid #fff;
		padding-top: 15px;
	}

	.menu-is-active .footer-navigation-add .footer-copyirght {
		grid-column: span 3;
	}

	.menu-is-active .footer-navigation-add > * {
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 10px;
	}

	.menu-is-active .footer-navigation-add *,
	.menu-is-active .footer-navigation-add a {
		color: #fff;
	}

	.header-menu-responsive {
		display: none;
		position: fixed;
		justify-content: center;
		align-items: center;
		top: 0;
		left: 0;
		right: 0;
		padding-top: 130px;
	}

	.header-inner-wrap .site-navigation-menu-list {
		max-width: 200px;
		width: 100%;
		flex-direction: column;
		justify-content: flex-start;
		background-color: transparent;
		border: 0;
	}

	.site-navigation li:not(:last-child) {
		margin-bottom: 38px;
	}

	.site-navigation li a {
		font-size: 16px;
	}

	.site-navigation li a:hover {
		color: #fff;
	}

	.header-inner-wrap .site-navigation li a {
		color: #fff;
	}

	.aboutUs-slider-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.aboutUs-slider-wrap__descr {
		padding-top: 72px;
		padding-bottom: 123px;
		min-height: auto;
	}

	.aboutUs-slider-wrap__inner {
		padding-left: 0;
	}

	.aboutUs-arrows {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
		margin-bottom: 30px;
	}

	.section-wrapper.intro-banner-area {
		padding-top: 130px;
	    min-height: calc(20vw + 320px);
		margin-bottom: 25px;
	}
	

	.intro-banner-area .banner-video {
		opacity: .4;
	}
	
	.intro-banner__subtitle {
		min-height: 160px;
	}
	
	.intro-banner-area:after {
		z-index: -1;
	}

	.section-wrapper.wrapper-aboutUs {
		padding-top: 0;
	}

  	.review-gallery-grid {
  		display: flex;
  		flex-direction: column;
  	}

  	.clinic-ceo-image {
  		max-width: 430px;
  		margin-top: 50px;
  	}

  	.clinic-ceo-image > * {
  		max-width: 130%;
  		width: 130%;
  		margin-left: -25%;
  		margin-right: -25%;
  	}

  	.ch-pattern {
  		width: 200%;
  		left: -50%;
  		right: -50%;
  		bottom: -35%;
  	}

	.wrapper-clinic .ch-pattern-2 {
	  position: absolute;
	  top: -20%;
	  left: 10%;
	  right: 10%;
	  width: 120%;
	}

  	.service-quiz-form {
  		padding-top: 0;
  		margin-top: -50px;
  	}

  	.aboutUs-ceo-image,
  	.aboutUs-content-ceo-image {
  		max-width: 216px;
  		margin-bottom: 38px;
  	}

  	.aboutUs-ceo-image {
  		margin-bottom: 55px;
  	}

  	.large-heading {
  		font-size: 26px;
  		margin-bottom: 34px;
  	}

  	.subheading-text {
  		margin-bottom: 35px;
  	}

	.contactUs-form-text {
		font-size: 20px;
	}

    .contactUs-form-wrap .large-heading {
    	margin-bottom: 22px;
	}

  	.aboutUs-ceo-wrap {
  		padding-top: 0;
  	}

  	.content-boxes {
  		padding-left: 40px;
  	}

  	.content-box-item {
  		margin-bottom: 74px;
  	}

	 .site-category__slide {
	 	margin-bottom: 70px;
	 }

    .section-wrapper.wrapper-reviews,
    .section-wrapper.wrapper-blog-section {
    	padding-top: 40px;
    	padding-bottom: 40px;
    }

    .section-wrapper.wrapper-blog-section {
    	padding-bottom: 65px;
    }

    .section-wrapper.wrapper-aboutUs {
    	padding-bottom: 40px;
    }

    .aboutUs-content-section {
    	padding-top: 50px;
    }

  	.wrapper-blog-section .button-element {
  		display: block;
  		max-width: 100%;
  	}

  	.wrapper-clinic {
  		padding-bottom: 120px;
  	}

  	.post-box-item.post-box-modal-detail {
  		padding: 20px;
  	}

  	.post-box-item.post-box-modal-detail 
  	.post-box-item__inner {
  		display: flex;
  		flex-direction: column;
  	}

  	.post-box-item.post-box-modal-detail .post-box-item__content {
  		padding: 0;
  	}

    .post-box-item.post-box-modal-detail .post-box-item__image {
    	max-width: 280px;
    	height: 260px;
    	margin-bottom: 25px;
    }

    .post-box-item.post-box-modal-detail .post-box-item-contents h1 {
    	font-size: 28px;
    }

    /*.fancybox__container .fancybox__slide:not(.has-image) .fancybox__content {
      padding: 0;
    }*/ 

    .form-success-msg {
    	font-size: 22px;
    }

	.page-inner {
		padding-top: 110px;
	}    

    .footer-inner {
    	padding: 21px 35px 40px;
    	border: 1px solid #06AB83;
    }

    .footer-inner .site-navigation {
    	display: block;
    }

    .footer-inner .site-navigation-wrap {
    	max-width: 100%;
    	display: flex;
    	flex-direction: column;
    	align-items: flex-start;
    }

    .footer-inner .site-navigation-wrap > *:not(.button-element) {
    	margin-bottom: 17px;
    }

    .footer-navigation-wrap {
    	padding-left: 0;
    	padding-right: 0;
    }

    .footer-inner .site-navigation-menu-list {
    	flex-direction: column;
    	padding: 0;
    }

    .footer-inner .site-navigation-menu-list li {
    	margin-left: 0;
    	margin-bottom: 20px;
    }

    .footer-navigation-add {
    	max-width: calc(180px + 15px);
    	justify-content: initial;
    	flex-wrap: wrap;
    	padding-left: 0;
    }

    .footer-navigation-add > * {
    	margin-right: 15px;
    	margin-bottom: 15px;
    }

    .contact-info-box > *:not(.contact-info-box__label) {
    	font-size: 20px;
    }

    .result-form-modal-msg {
      padding: 20px;
      font-size: 18px;
    }

}


@media (max-width: 575px) {
	.aboutUs-text {
		font-size: 0.875em;
	}

	.wrapper-header .logo-element {
		margin-right: 15px;
	}

	.wrapper-header .menu-hamburger {
		margin-left: 15px;
	}

	.header-inner-wrap .button-element {
		font-size: .75em;
		padding-left: 1.6em;
		padding-right: 1.6em;
	}

	.aboutUs-slider-wrap__descr-wrap {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}

	.section-wrapper.intro-banner-area {
		padding-top: calc(22vw + 30px);
	}
	
	.aboutUs-text {
		line-height: 150%;
	}

 	.intro-banner__title {
  		font-size: 32px;
		margin-bottom: 15px;
  	}
	
	.intro-banner__subtitle {
		margin-bottom: 5px;
	}

  	.site-category-boxes {
  		max-width: 100vw;
  		width: 100vw;
  		margin-right: calc(50% - 50vw); 
  	}

  	.post-box-item__inner {
  		flex-direction: column;
  	}

  	.post-box-item__content {
  		padding-left: 0;
  		padding-top: 15px;
  	}

  	.intro-banner__subtitle {
  		max-width: 250px;
  	}

  	.aboutUs-cb-boxed {
  		max-width: 100%;
  	}

  	.show-result-button {
  		max-width: 100%;
  	}

  	.main-wrap:not(.page-inner) 
  	.section-wrapper.wrapper-services {
  		padding-bottom: 0;
  	}

 	.main-wrap.page-inner  .section-wrapper.wrapper-services 
 	.content-boxes > .row > *:last-child > *:last-child  {
		margin-bottom: 0;
  	}
  	
  	.services-checkboxes-bottom {
  		display: flex;
  		align-items: flex-start;
  		flex-direction: column;
  	}

  	.site-category__slide {
  		margin-bottom: 55px;
  	}

  	.site-category__slide .content-box {
  		margin-bottom: 0;
  	}

  	.form-privacy-text {
  		padding-left: 0;
  		margin-top: 15px;
  	}

  	.service-white-box {
  		margin-right: 0;
  		margin-top: 40px;
  		margin-bottom: 0;
  	}

  	.contactUs-bg .fit-section-img {
  		max-width: 200%;
  		width: 200%;
  		left: -25%;
  		right: -25%;
  	}

  	.post-box-item__content-heading {
  		display: block;
  	}
 
  	.section-wrapper.wrapper-services {
  		clip-path: 
  		polygon( 0 calc(0% + 9.375vw), 
  			100% 0, 100% 100%, 0% 100%);
  	}

  	.naturopathy-img .button-element {
  		font-size: 13px;
  	}

}

@media (min-width: 576px) {
	.site-category-boxes > * {
		width: initial !important;
		height: initial !important;
		transition: none !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -20px;
		margin-left: -20px;
	}

	.site-category-boxes .swiper-slide {
	    padding-right: 20px;
    	padding-left: 20px;
	}
}

@media (min-width: 576px) {
	.site-category-boxes .swiper-slide {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
}

@media (min-width: 1200px) {
	.site-category-boxes .swiper-slide {
	  -webkit-box-flex: 0;
	  -ms-flex: 0 0 25%;
	  flex: 0 0 25%;
	  max-width: 25%;
	}
}


.post-box-item-contents h1 { font-size: 2.5em; }
.post-box-item-contents h2 { font-size: 2.25em; }
.post-box-item-contents h3 { font-size: 2em; }
.post-box-item-contents h4 { font-size: 1.75em; }
.post-box-item-contents h5 { font-size: 1.5em; }
.post-box-item-contents h6 { font-size: 1.25em; }

@media (max-width: 1200px) {
  .post-box-item-contents h1 { font-size: 2.25em; }
  .post-box-item-contents h2 { font-size: 2em; }
  .post-box-item-contents h3 { font-size: 1.75em; }
  .post-box-item-contents h4 { font-size: 1.5em; }
  .post-box-item-contents h5 { font-size: 1.25em; }
  .post-box-item-contents h6 { font-size: 1.125em; }
}

@media (max-width: 1024px) {
  .post-box-item-contents h1 { font-size: 2em; }
  .post-box-item-contents h2 { font-size: 1.75em; }
  .post-box-item-contents h3 { font-size: 1.5em; }
  .post-box-item-contents h4 { font-size: 1.25em; }
  .post-box-item-contents h5 { font-size: 1.125em; }
  .post-box-item-contents h6 { font-size: 1em; }
}

@media (max-width: 768px) {
  .post-box-item-contents h1 { font-size: 1.75em; }
  .post-box-item-contents h2 { font-size: 1.5em; }
  .post-box-item-contents h3 { font-size: 1.25em; }
  .post-box-item-contents h4 { font-size: 1.125em; }
  .post-box-item-contents h5 { font-size: 1em; }
  .post-box-item-contents h6 { font-size: 0.875em; }
}

@media (max-width: 576px) {
  .post-box-item-contents h1 { font-size: 1.5em; }
  .post-box-item-contents h2 { font-size: 1.25em; }
  .post-box-item-contents h3 { font-size: 1.125em; }
  .post-box-item-contents h4 { font-size: 1em; }
  .post-box-item-contents h5 { font-size: 0.875em; }
  .post-box-item-contents h6 { font-size: 0.75em; }
}