@media(min-width:1151px) {
	.animate--height.animate::before {
		height: 0;
	}
	.animate--width.animate::before {
		width: 0;
	}
	.animate--height::before, 
	.animate--width::before {
		transition: all ease-in-out 850ms;
		content: '';
		position: absolute;
		height: 100%;
		width: 100%;
		background-color: #292827;
		bottom: 0;
		right: 0;
		z-index: 2;
	}
	.animate--height, 
	.animate--width {
		position:relative;
	}
}
@media(max-width:1550px) {
	#testimonials {
		margin-top: 90px;
	}
	#testimonials .col--left .image {
		height: 540px;
	}
	#testimonials .testimonials--actions {
		margin-top: 50px;
	}
	#testimonials .cols .col--right .section--title {
		margin-bottom: 50px;
	}
	#contact--hero .title {
		margin-bottom: 25px;
	}
	#contact--hero .socials--list {
		margin-bottom: 0;
	}
	.menu--contact.contact--list {
		row-gap: 20px;
		margin-bottom: 40px;
	}
	.template--contact-wrapper {
		margin-top: 90px;
	}
	.template--contact-header.style_1 {
		margin-bottom: 50px;
	}
	#contact-map {
		height: 560px;
	}

	#hero.style_4 .content {
		bottom: 80px;
		width: 90vw;
	}
	.triple--image-wrapper {
		margin-top: 60px;
	}
	.triple--image-wrapper .grid {
		gap: 25px;
	}
	.triple--image-wrapper .grid .image {
		height: 490px;
	}
	.villa-slider-wrapper {
		margin-top: 100px;
	}
	.villas--slider-carousel .single .image {
		height: 600px;
		min-width: 55vw;
		max-width: 55vw;
	}
	.villas--slider-nav__wrapper .spacer {
		min-width: 55vw;
		max-width: 55vw;
	}
	.villa-slider-wrapper .slider--controls {
		margin-left: calc(55vw + 100px);
	}
	.villas--slider-carousel .single .cols .col--right {
		padding-bottom: 99px;
	}
	.oel--center-wrapper {
		margin-top: 100px;
	}
	.oel--center-wrapper .owl-carousel .image {
		height: 545px;
	}
	#footer {
		margin-top: 100px;
	}
	#footer.style_2 .contact--list {
		margin-bottom:60px;
	}
	#footer.style_2 .col--main .navigation {
		margin-bottom: 70px;
	}
	#footer.style_2 {
		padding-block: 50px 20px;
	}
	.left--right-wrapper .cols .col--left .inner .cta--border {
		margin-top: 40px;
	}
	.section--title, .h2, h2 {
		font-size: 32px;
	}
	.left--right-wrapper .cols .col--left .inner {
		max-width: 100%;
		padding-inline: 60px;
	}
	.left--right-wrapper .cols .image {
		height: 550px;
	}
	.left--right-wrapper .cols .col--left .inner .section--title {
		margin-bottom: 20px;
	}
	.left--right-wrapper.with--space {
		margin-top: 80px;
	}
	.left--right-wrapper.with--space {
		margin-top: 80px;
	}
	.template--the-villa__about--info {
		margin-top: 60px;
	}
	.template--the-villa__amenities {
		margin-top: 80px;
	}
	.template--the-villa__amenities .section--title {
		margin-bottom: 50px;
	}
	.template--the-villa__amenities .content .text.editor ul {
		column-gap: 60px;
	}
	.gallery--wrapper {
		margin-top: 80px;
	}
	.gallery--wrapper .gallery--content.grid a {
		height: 500px;
	}
	.template--the-villa__information {
		column-gap: 40px;
		margin-top: 40px;
	}
	.template--the-villa__information .single .icon {
		width: 70px;
		height: 70px;
	}
	.template--the-villa__information .single {
		font-size: 16px;
	}
	.nagivation--wrapper .navigation {
		margin-bottom: 40px;
	}
	.nagivation--wrapper {
		padding: 115px 50px 50px;
		width: 475px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.menu--contact.contact--list {
		row-gap: 20px;
		margin-bottom: 40px;
	}
	.nagivation--wrapper .socials--list {
		margin-bottom:0;
	}
}
@media(max-width:991px) {
	#testimonials .cols {
		display:block;
		grid-template-columns: 1fr;
		row-gap: 50px;
	}
	#testimonials .cols .col--right {
		margin-inline: auto;
		text-align: center;
	}
	#testimonials .testimonials--actions {
		justify-content: center;
	}
	#contact--hero .socials--list {
		justify-content:center;
	}
	.template--contact-header.style_1 {
		display: none;
	}
	body.page-template-template-contact .header--logo:not(.header--logo-scrolled) {
		filter: unset;
	}
	#contact-map {
		height: 450px;
	}
	.contact--form-map {
		margin-top: 60px;
	}
	#contact--hero .title {
		text-align: center;
	}
	#contact--hero .menu--contact.contact--list {
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	#contact--hero .cols {
		display: flex;
		flex-direction: column-reverse;
		row-gap: 40px;
	}
	#contact--hero .cols .col--right {
		width:100%;
	}
	#contact--hero .image {
		height: 320px;
	}
	.location--map-wrapper {
		flex-direction: column;
		row-gap: 40px;
		margin-top:20px;
		border:unset;
	}
	#location-map {
		height: 450px;
	}
	.location--map-tabs {
		background-color:transparent;
		border:unset;
	}
	.template--the-villa__about--info .cols {
		flex-direction: column;
		row-gap: 40px;
	}
	.left--right-wrapper .cols .image {
		height: 450px;
	}
	.gallery--wrapper .gallery--content.grid a {
		height: 350px;
	}

	h1, .h1 {
		font-size: 40px;
	}
	.section--title, .h2, h2 {
		font-size:32px;
	}
	.triple--image-wrapper .content {
		margin-bottom:55px;
	}
	.triple--image-wrapper .grid {
		gap: 10px;
	}
	.triple--image-wrapper .grid .image {
		height: 330px;
	}
	.villas--slider-nav__wrapper .spacer {
		display: none;
	}
	.villas--slider-nav {
		transform: unset;
	}
	.villas--slider-nav__wrapper {
		margin-bottom:50px;
		justify-content: center;
	}
	.villas--slider-carousel .single .cols {
		padding-right: 0;
		flex-direction: column;
		row-gap: 40px;
		align-items: stretch;
	}
	.villas--slider-carousel .single .image {
		height: 400px;
		min-width: unset;
		max-width: 100%;
		width: 100%;
	}
	.villa-slider-wrapper .slider--controls {
		margin-inline: auto;
		justify-content: center;
		margin-top: 0;
	}
	.villas--slider-carousel .single .cols .col--right {
		padding-bottom: 60px;
	}
	.villas--slider-carousel .single .cols .col--right .title {
		font-size: 26px;
	}
	.cta--border {
		padding: 15px;
	}
	#footer {
		margin-top: 50px;
	}
	#footer.style_2 .contact--list {
		flex-direction: column;
		row-gap: 12px;
	}
	#footer.style_2 .col--main .navigation {
		display:none;
	}
	.nagivation--wrapper {
		width:425px;
	}
	.left--right-wrapper {
		margin-top:80px;
	}
	.left--right-wrapper .cols {
		display: flex;
		flex-direction: column-reverse;
		row-gap: 40px;
	}

}
@media(max-width:767px) {
	body.page-template-default .header--logo:not(.header--logo-scrolled) {
		top: 90px;
		transform: translateX(-50%);
	}
	.has--mobile-gallery .owl-carousel:not(.mobile) {
		display: none;
	}
	.has--mobile-gallery .owl-carousel.mobile {
		display: block;
	}
	#hero.style_4 .content .subtitle {
		font-size: 16px;
	}
	#header.style_2 .col--right .cta--border {
		display: none;
	}
	#header.style_2 #burger {
		padding-block:5px;
		min-width:55px;
		max-width:55px;
		height: 40px;
	}
	.header--logo {
		height: 95px;
		width: 105px;
	}
	#burger svg {
		transform: scale(1.2);
	}
	#hero.style_3 .content {
		min-width: 320px;
		max-width: 100%;
	}
	h1, .h1 {
		font-size: 35px;
	}
	#hero.style_3 .slider--controls > span {
		position:static;
		transform:unset;
	}
	#hero.style_3 .slider--controls {
		display:flex;
		align-items:center;
		column-gap:25px;
		position:absolute;
		bottom:130px;
		left:50%;
		transform:translateX(-50%);
		z-index:1;
	}
	#hero.style_3 #scroll--about {
		padding-bottom: 45px;
	}
	#hero.style_3 #scroll--about::after {
		top: calc(100% - 35px);
	}
	.triple--image-wrapper {
		margin-top: 50px;
	}
	.container {
		padding-inline: 25px;
	}
	.triple--image-wrapper .grid {
		display:block;
		position: relative;
	}
	.triple--image-wrapper .grid .image:last-child {
		display:none;
	}
	.triple--image-wrapper .grid .image:not(:nth-child(2)) {
		margin-top:0;
	}
	.container--large {
		padding-inline:25px;
	}
	.triple--image-wrapper .grid .image:first-child {
		width: 100%;
		max-width: 60vw;
		height: 200px;
		border-radius: 15px;
		overflow: hidden;
		margin-left:auto;
	}
	.triple--image-wrapper .grid .image:nth-child(2) {
		position: absolute;
		top: 50%;
		transform: translateY(calc(-50% + 60px));
		border-radius: 15px;
		overflow: hidden;
		height: 140px;
		width: 100%;
		max-width: 45vw;
	}
	.triple--image-wrapper .cta--border {
		margin-top:75px;
	}
	.villa-slider-wrapper {
		margin-top: 70px;
	}
	.villas--slider-carousel {
		margin-top: 50px;
	}
	.villas--slider-nav__wrapper {
		margin-bottom: 40px;
	}
	.villas--slider-carousel .single .image {
		height: 300px;
	}
	.container--full {
		padding-inline:25px;
	}
	.oel--center-wrapper {
		margin-top: 60px;
	}
	.oel--center-wrapper .owl-carousel .image {
		height: 340px;
	}
	#footer.style_2 .footer--cols .inner--flex {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		row-gap: 20px;
	}
	#footer.style_2 .contact--list {
		margin-bottom: 50px;
	}
	.sub-footer.style_2 {
		grid-template-columns: 1fr;
		row-gap: 10px;
	}
	.copyright {
		text-align:center;
	}
	.created-by {
		justify-content: center;
	}
	.nagivation--wrapper {
		width: 90vw;
		padding: 125px 60px 60px;
	}
	.nagivation--wrapper .navigation {
		margin-bottom: 0;
	}
	.left--right-wrapper .cols .image {
		height: 300px;
	}
	.left--right-wrapper .cols .col--left .inner {
		padding-inline: 25px;
	}
	.left--right-wrapper .cols .col--left .inner .cta--border {
		margin-top: 30px;
	}
	.left--right-wrapper.with--space,
	.left--right-wrapper {
		margin-top: 60px;
	}
	.section--title, .h2, h2 {
		font-size: 30px;
	}
	.template--the-villa__information {
		column-gap: 20px;
		margin-top: 20px;
	}
	.template--the-villa__information .single .icon {
		width: 50px;
		height: 50px;
	}
	#hero.style_1 .content {
		width: 100%;
		max-width: 95vw;
	}
	.template--the-villa__about--info .cols .col--right {
		max-width: 100%;
		min-width: unset;
	}
	.template--the-villa__about--info .cols .col--right .information .single:not(:last-child) {
		padding-right: 0;
		border-right: unset;
	}
	.template--the-villa__about--info .cols .col--right .information .single:not(:first-child) {
		margin-left: 0;
	}
	.template--the-villa__about--info .cols .col--right .information .single {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.template--the-villa__about--info .cols .col--right .information .single:nth-child(2n+1) {
		border-right: 1px solid #B5B994;
		padding-right: 5px;
		justify-content: flex-start;
	}
	.template--the-villa__about--info .cols .col--right .information {
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		column-gap:15px;
		row-gap:25px;
	}
	.template--the-villa__about--info .cols .col--right .information .single:nth-child(2n+1):last-child {
		border-right: none;
		padding-right: 0;
	}
	.template--the-villa__about--info {
		margin-top: 50px;
	}
	.template--the-villa__amenities .content .text.editor ul {
		column-gap: 25px;
		grid-template-columns: repeat(2, 1fr);
	}
	.template--the-villa__amenities .content .text.editor ul li {
		line-height: 1.3;
	}
	.gallery--wrapper {
		margin-top: 60px;
	}
	.gallery--wrapper .gallery--content.grid {
		grid-template-columns:repeat(2, 1fr);
		gap:10px;
	}
	.gallery--wrapper .gallery--content.grid a:nth-child(3n-1) {
		transform: translateY(0);
	}
	.gallery--wrapper .gallery--content.grid a {
		height:200px;
	}
	.gallery--wrapper {
		margin-top: 50px;
	}
	.gallery--wrapper .section--title {
		margin-bottom: 40px;
	}
	.gallery--tabs-buttons {
		margin-bottom: 50px;
	}
	.gallery--tabs-wrapper.gallery--wrapper {
		margin-top: 60px;
	}
	.gallery--tabs-buttons {
		flex-direction:column;
		row-gap:15px;
		padding-inline:25px;
	}
	.gallery--tabs-buttons .cta--border {
		max-width:100%;
		width:100%;
	}
	.template--contact-wrapper {
		margin-top: 50px;
	}
	.contact--form .contact--form-item__double {
		grid-template-columns: 1fr;
	}
	.contact--form > div:not(:last-child) {
		margin-bottom: 15px;
	}
	.contact--form-wrapper {
		margin-top: 40px;
	}
	.contact--form-map.style_2 .inner--flex {
		flex-direction: column;
		text-align: center;
		row-gap: 20px;
	}
	#contact-map {
		margin-top:40px;
	}
	#testimonials .col--left {
		display: none;
	}
	.villas--slider-carousel .single .cols .col--right .cta--border {
		margin-inline: auto;
	}
	#testimonials {
		margin-top: 70px;
	}
	#testimonials .cols .col--right .section--title {
		margin-bottom: 20px;
	}
	.villas--slider-carousel .single .cols .col--right,
	.villa-slider-wrapper .page--header-wrapper {
		text-align: center;
	}
	#fixed--book-button:not(.active) {
		transform: translateX(100px);
	}
	#fixed--book-button {
		position: fixed;
		bottom: 40px;
		right: 15px;
		z-index: 10;
		border-radius: 50%;
		transition: all linear 400ms;
		border: 1px solid var(--cta_color);
		background-color: var(--cta_bg);
		color: var(--cta_color);
		width: 85px;
		height: 85px;
		font-weight: 700;
		line-height: 1.1;
		text-align: center;
		font-size: 14px;
		text-transform: uppercase;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px;
	}
}