@media(max-width:1680px) {
	#hero .title {
		font-size:80px;
		line-height:128.3px;
	}
	#hero .title span {
		font-size: 30px;
		line-height: 38px;
	}
	.section--title {
		font-size: 26px;
	}
	.section--title span {
		font-size: 36px;
	}
	.villa-amenities {
		padding-block: 130px 100px;
	}
	.gallery--inner .cta {
		margin-top:60px;
	}
	#location {
		/* 		margin-block: 75px 100px; */
	}
}
@media(max-width:1450px) {
	#the-villa .cols .col--left .image {
		height: 400px;
	}
	#gallery {
		padding-inline: 35px;
	}
	.gallery--grid a {
		height: 400px;
	}
	#footer {
		padding:35px;
		margin-top:35px;
	}
	.villa-amenities .cols {
		column-gap: 75px;
	}
	.circle.icon {
		position: absolute;
		width: 164px;
		height: 164px;
		min-width: 164px;
		min-height: 164px;
		max-width: 164px;
		max-height: 164px;
	}
	#the-villa .cols .col--left .circle.icon {
		top: -80px;
		right: -70px;
	}
	.footer--content {
		padding: 70px 90px 30px;
	}
	.villa-amenities .cols .col--left > .circle.icon {
		top: -55px;
		left: -75px;
		width: 184px;
		height: 184px;
		min-width: 184px;
		min-height: 184px;
		max-width: 184px;
		max-height: 184px;
	}
	.cta {
		padding: 15px 25px;
	}
	#the-villa .cols .col--right {
		padding-top: 50px;
	}
	.locations--map-wrapper {
		padding-inline: 35px;
	}
	.locations--map-content {
		padding-right:35px;
	}
}
@media(max-width:1180px) {
	.locations--map-wrapper .cols {
		width: 90vw;
		margin-inline: auto;
	}
	.locations--map-wrapper {
		padding-inline:0;
	}
	.current--lang {
		padding: 16px 14px;
	}
	#hero {
		--offset:97.2px;
		margin-top:var(--offset);
	}
	.hero--image {
		height:calc(100svh - var(--offset));
	}
	#header .cta.book--button,
	.navigation {
		display:none;
	}
	.burger {
		display: flex;
	}
	#header,
	#header.header-scrolled {
		background-color: var(--blue);
		border-color: rgba(255,255,255,.5);
		padding:20px 0;
	}
	.header--content {
		width:90vw;
	}
	#header .logo-wrapper > a.secondary {
		display:none;
	}
	#header .logo-wrapper > a.primary,
	#header.header-scrolled .logo-wrapper > a.primary {
		opacity: 1 !important;
		pointer-events: auto !important;
	}
	#the-villa .cols .col--left {
		min-width: unset;
		max-width: unset;
		width: 100%;
	}
	.circle.icon {
		display:none;
	}
	#the-villa {
		padding-block: 60px;
	}
	#hero .title {
		font-size: 60px;
		line-height: 108.3px;
	}
	#hero .title span {
		font-size: 22px;
		line-height: 34px;
	}
	.container {
		width: 90vw;
	}
	#the-villa .cols {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.villa-amenities .cols {
		flex-direction: column;
		row-gap: 40px;
	}
	.villa-amenities {
		padding-block: 70px;
	}
	.villa-amenities .cols .col--right > ul{
		max-width: max-content;
		column-gap: 60px;
	}
	.villa-amenities .col--right > .text {
		max-width:unset;
	}
	#gallery {
		padding-inline: 0;
		width: 90vw;
	}
	.gallery--inner {
		padding: 45px 0;
	}
	.gallery--inner .cta {
		margin-top: 30px;
	}
	#location {
		margin-block: 60px;
	}
	#location .location--header {
		padding-block: 40px 50px;
	}
	.locations--map-content {
		padding: 0;
		width: 90vw;
		margin-inline: auto;
	}
	.locations--map-wrapper .cols {
		flex-direction: column;
		row-gap: 60px;
	}
	#location-map {
		min-height: unset;
		height: 400px;
	}
	#footer {
		padding-inline:0;
	}
	.footer--content {
		width:90vw;
		margin-inline:auto;
		padding: 30px;
	}
	.footer--content .single:first-child {
		min-height: unset;
	}
	.footer--content .single:first-child {
		margin-bottom: 0;
	}
	.footer--cols {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.socials--list {
		justify-content:center;
	}
	.footer--content .single a {
		justify-content: center;
		align-items: center;
		margin-inline: auto;
		text-align: center;
	}
	.footer--cols > div:not(.col--left) {
		display: flex;
		flex-direction: column;
		row-gap: 20px;
		margin-top: 20px;
	}
	.sub-footer {
		display: flex;
		margin-top: 30px;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		row-gap: 6px;
	}
	.copyright {
		order: 2;
	}
	.created-by {
		order: 3;
	}
	.back--top {
		order: 1;
	}
	#location .location--header .text {
		max-width:unset;
	}
	.footer--cols .col--left {
		margin-bottom: 40px;
	}
	.lang--dropdown .lang--item {
		background-color: var(--blue);
		color: #fff;
	}
	.mobile-menu-wrapper {
		display:block;
	}
}
@media(max-width:991px) {
	.hero--content {
		min-width:320px;
	}
	#hero .title span {
		font-size: 18px;
		line-height: 30px;
	}
	.gallery--grid a {
		height: 300px;
	}
	#hero .title {
		font-size: 45px;
		line-height: 93.3px;
	}
	#the-villa .cols .col--left .image {
		height: 350px;
	}
	#the-villa .cols .col--right {
		padding-top: 35px;
	}
	#the-villa .cols .col--right .text {
		margin-block: 20px 30px;
	}
	.villa-amenities {
		padding-block: 45px;
	}
	.gallery--grid a {
		height: 250px;
	}
	#location {
		margin-block: 40px;
	}
	.section--title {
		font-size: 22px;
	}
	.section--title span {
		font-size: 32px;
	}
	.locations--map-content .section--title {
		margin-bottom:25px;
	}
}
@media(max-width:767px) {
	.villa-amenities .col--right > .text {
		margin-block: 35px;
	}
	.villa-amenities .cols .col--right > ul {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 20px;
	}
	.gallery--grid-single {
		grid-template-columns: repeat(3,1fr);
	}
	.mobile-menu-wrapper {
		width:85vw;
	}
}
@media(max-width:500px) {
	.gallery--grid a {
		height: 110px;
	}
}