@media all and (min-width: 760px) {

	.treloalign { text-align-last:end }
	
	h1 {
		letter-spacing: 4px;
		font-size: 60px;
	}    

	h1.title { position: absolute; bottom: 70px; left: 80px;} 
	.moto48 {font-family: 'Antro Vectra', 'Anonymous Pro'; font-weight: normal; font-style: normal; font-size: 36px;}
	.moto36 {font-family: 'Antro Vectra', 'Anonymous Pro'; font-weight: normal; font-style: normal; font-size: 36px;}
	.mototitle {font-family: 'Antro Vectra', 'Anonymous Pro'; font-weight: normal; font-style: normal; font-size: 30px; display: inline-block; transform: translateY(-6px);}
	.moto48gr {font-family: 'Anonymous Pro'; font-weight: normal; font-style: normal; font-size: 36px; color: #bca78a; }
	.moto36gr {font-family: 'Anonymous Pro'; font-weight: normal; font-style: normal; font-size: 36px; color: #bca78a; }
	.mototitlegr {font-family: 'Anonymous Pro'; font-weight: normal; font-style: normal; font-size: 30px; display: inline-block; transform: translateY(-6px); color: #bca78a; }
	.destination-box {display:block; padding:20px; background-color:#efefef; line-height: 150%}
	.gald { display:inline-block; padding: 10px 30px; cursor: pointer; }
	.gald.active {color:#434343;}
	
	.bottom-pos {position:absolute; bottom:40px; left: 70px;}

	.d-container {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	.desktop-only,
	.hide-small {
		display: initial;
	}

	.two-col {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 60px;
	}

	.hide-large {
		display: none !important;
	}

	#book-selector .submenu {
		top: 100%;
		transform: translateY(0);
	}

	.intro {
		min-height: 400px;
		height: 100vh;
	}

	.intro .sep {
		position: absolute;
		top: 50%;
		height: 1px;
		background-color: #fff;
		font-size: 0;
		left: 0;
		right: 0;
	}

	.intro .inner {
		margin: 0 auto;
		position: relative;
	}

	.intro .inner .logo {
		width: 240px;
		height: 90px;
		padding: 30px;
	}

	.intro .inner .logo a {
		display: block;
		background: center / contain no-repeat url('/img/logos/logo-text.png');
	}

	.intro .inner .logo .round {
		width: 200px;
		height: 200px;
		transform: translate(-180px, -40px);
		display: block;
	}
	
	.intro .inner .logo .round span {
		display: block;
		height: 100%;
		background: center / contain no-repeat url('/img/logos/logo-brown.png');
		animation: goround 6s infinite linear;
	}

	.intro .inner .menu {
		flex-direction: row;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		left: 50%;
		right: 0;
		padding: 0;
		width: 1200px;
	}

	.intro .inner .menu > a {
		flex: 1;
	}

	.intro .inner .menu > a .villa-txt,
	.intro .inner .menu > a div {
		display: none;
	}

	.intro .inner .menu > a:hover .hide-small {
		display: initial;
	}

	.intro .inner .menu > a:hover img {
		display: none;
		height: 55px;
		width: initial;
	}

	.intro .inner .menu > a:hover .villa-txt {
		display: block;
	}


	.intro .inner .menu > a > div {
		display: flex;
		flex-direction: column;
		justify-content: center;
		color: #fff;
		border: 1px solid #fff;
		border-radius: 50%;
		height: 160px;
		width: 160px;
		margin: 0 auto;
		align-items: center;
		background: #bca78a;
	}

	.intro .inner .menu a > div > img {
		width: 100px;
		height: 100px;
	}

	.villas-and-promos {
		max-width: 1200px;
		margin: 0 auto;
	}

	.home-list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 20px;
		align-items: center;
	}

	.villas-list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 20px;
		align-items: center;
	}

	.myvillas-list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 20px;
		align-items: center;
	}

	.villa-item:not(.color) {
		transition: .5s;
		/*filter: saturate(0);*/
	}

	.villa-item:hover {
		filter: saturate(1);
	}

	.promos-intro {
		/*padding: 50px;*/
		padding-right: 20px; 
	}

	.south-crete {
		background: #B9A78D!important;
	}
	.south-crete > div:not(.hide-large) {
		display: grid;
		grid-template-columns: 1fr 2fr;
	}
	.south-crete > div .left {
		padding: 30px 70px 30px 0;
	}


	/* */
	.a-villa-head .watermark {
		height: 30vw;
		right: 20px;
	}

	.a-villa-head .label {
		right: unset;
		left: 50%;
		/*width: 400px;*/
		bottom: 40px;
		/*height: 300px;*/
		transform: translateX(-50%);
	}

	.a-villa-whole {
		display: grid;
		grid-column-gap: 40px;		
		align-items: start;
		grid-template:
		"chars amenities" 140px
		"description amenities" auto
		"gallery gallery" auto
		"quote quote" 1fr /
		1fr 1fr;
		width: 100%;
		max-width: 1200px;
		margin: 30px auto;
	}

	.a-villa-chars {
		grid-area: chars;
		padding: 0;
		display: grid;
		align-items: center;
		grid-template-columns:1fr 1fr 2px 1fr 1fr 2px 1fr 1fr 2px 1fr 1fr;
		grid-gap: 10px;
		font-size: 22px;
		background: none;
		transform: none;
		z-index: -1;
		flex: 1;
	}

	.a-villa-chars .sep {
		height: 20px;
	}

	.a-villa-amenities {
		flex: 1;
		background: none;
	}
	.a-villa-amenities > div {
		padding: 0 20px;
	}
	.a-villa-gallery {
		width: calc(100% - 40px);
	}
	.a-villa-gallery-container {
		/*background-color:#fff;*/
		position: relative;
		grid-area: gallery;
		overflow: hidden;
		padding-top: 50px; 
		padding-bottom: 0;
	}    
	.a-villa-gallery-container span.arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 40px;
		height: 40px;
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 4;
	}
	.a-villa-quote {
		text-align: center;
		background-color: #fff;
	}

	.a-villa-quote h3 {
		padding:60px; text-align:center; font-family:'Anudaw','GhostStory'; font-size: 20px; line-height: 200%;
	}
	
	.a-villa-quote img {
		/* max-width: 600px;*/
	}


	.watermark-altera-round {
		background-image: url('/img/logos/logo.png');
		background-position: left center;
		background-size: auto 60%;
		background-repeat: no-repeat;
	}

	/* faq */
	.afaq {
		margin-bottom: 50px;
	}


	.afaq > h2 {
		font-size: 24px;

	}



	/* end faq */


	.location {
		background: #fff;
	}

	.location #map {/**/
		height: 600px;
	}


	footer {
		background: #f5f3f1;
		margin-top: 40px;
	}

	.skisimo-desktop, .skisimo-desktop-brown {
		height: 300px;
	}

	.skisimo-desktop img {
		width: 100%;
		max-width: 300px;
	}

	.desktop-footer {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		max-width: 1200px;
		margin: 0 auto;
		grid-column-gap: 20px;
		grid-row-gap: 30px;
		padding-bottom: 40px;
	}

	.desktop-footer h2 {
		font-size: 20px;
	}

	.desktop-footer a {
		display: block;
		padding: 3px 0;
		text-align: left;
	}

	.desktop-footer .nl {
		display: flex;
		padding: 0;
	}

	.desktop-footer .nl input {
		flex: 4;
		border: 1px solid #c1b195;
		padding: 20px;
		text-align: left;
	}

	.desktop-footer .nl input:focus {
		background: #fff;
	}

	.desktop-footer .nl button {
		flex: 1;
		white-space: nowrap;
		display: block;
		background: #c1b195;
		padding: 10px;
		color: #fff;
	}

	.our-dream {
		grid-column: 1 / -1;
		padding: 30px 0;
	}

	#book-selector {
		position: absolute;
		top: 20px;
		right: 20px;
		margin: 0;
	}

	#mob-menu {

	}
	#mob-menu > .main-line {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0;
	}
	#mob-menu > .main-line img {
		max-width: 250px;
	}
	#mob-menu-items.open {
		bottom: unset;
	}

	#mob-menu .a-desk-link {
		cursor: pointer;
		font-size: 20px;
		display: inline-block;
		padding: 30px 10px;
	}
	#mob-menu .a-desk-link .sub {
		position: absolute;
		background: #fff;
		height: 0;
		overflow:hidden;
		transition: .3s;
		transform: translate(-10px, 10px);
	}
	#mob-menu .a-desk-link .sub .sub-container {
		position: relative;
	}
	#mob-menu .a-desk-link .panel {
		background: #fff;
		transition: .6s;
	}
	#mob-menu .a-desk-link:hover .panel {
		opacity: 1;
		position: absolute;
		top:80px;
		left: 0;
		right: 0;
		height: 300px;
		z-index: 0;
		border-bottom: 1px solid #eee;
	}
	#mob-menu .a-desk-link:hover .panel.bg-1 {
		/*background: #f00;*/
	}
	#mob-menu .a-desk-link:hover .panel.bg-2 {
		/*background: #ff0;*/
	}
	#mob-menu .a-desk-link:hover .panel.bg-3 {
		/*background: #0f0;*/
	}
	#mob-menu .a-desk-link:hover .panel.bg-4 {
		/*background: #0ff;*/
	}
	#mob-menu .a-desk-link:hover .panel.bg-5 {
		/*background: #00f;*/
	}

	#mob-menu .a-desk-link .sub a {
		display: block;
		padding: 10px 10px;
		color: #bca78a;
	}
	#mob-menu .a-desk-link .sub a:hover {
		background: #bca78a;
		color: #fff;        
	}
	#mob-menu .a-desk-link:hover .sub {
		height: 300px;
	}
	#mob-menu .a-desk-link:hover {
		background:#c1b195;
		color: #ffffff;
	}

	.villa-item .panel {
		transition:.3s;
		position: absolute;
		opacity:0;
		bottom: 0;
		left: 20%;
		right: 20%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 4px;
		font-size: 22px;
		text-align: center;
		color:#384044;
	}

	.villa-item .panel img {
		width:50%
	}
	.villa-item:hover .panel {
		opacity:1;
		bottom: 16%;
	}
	.villa-item .panel .separator {
		grid-column: 1 / -1;
		height: 1px;
		background: #384044;
		border-radius:3px;
	}
	.hoverbutton {
		position:relative;
	}
	.hoverbutton > span {
		position:relative
	}
	.hoverbutton:before {
		content:" ";
		position:absolute;
		z-index: 0;
		top:0; 
		bottom:0;
		left:0;
		background:#384044;
		width:0px;
		transition:.3s;
	}
	.hoverbutton:hover {
		color: #fff!important;
	}
	.hoverbutton:hover:before {
		width:100%;
	}

	.slidermoto {
		position:absolute;
		bottom:40px;
		right: 40px;
	}

	@keyframes goround {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}  





	.gallery.container {
		column-count: 4;
		column-gap: 10px;
	}   

	figure.hidden {
		display: none;
	}   
	figure {
		margin: 0;
		display: grid;
		grid-template-rows: 1fr auto;
		margin-bottom: 10px;
		break-inside: avoid;
	}

	figure > img {
		grid-row: 1 / -1;
		grid-column: 1;
		padding-bottom: 0;
	}

	figure a {
		color: black;
		text-decoration: none;
	}



	.four-col {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 15px;
	}

	.four-col img {
		cursor: pointer;
		display: block;
		filter: grayscale(90%);
		transition: .5s;
	}
	.four-col img.hidden {
		display: none;
	}

	.four-col img:hover {
		cursor: pointer;
		display: block;
		filter: grayscale(0);
	}


	.four-col {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 15px;
	}

}