header .location {
		font-size: 1rem;
		color: #f7f7f7;
	}


	header {
		text-align: center;
		padding: 0px 0px 10px 0px;
	}
	
	
	main,
	#intro,
	#intro .col_a,
	#property #calendar,
	#intro .images,
	.image-gallery,
	.image-gallery picture,
	.drp-calendars,
	.drp-month,
    #enquiry,
	#booking #btn-enquire,
	body#property.stage2 #booking .qual,
	#booking .qual label.flat,
	#review,
    #review div,
	#reviews,
    #reviews .ts_person > div,
	#reviews .star_rating,
	#summary,
	#summary > div,
	#summary .s_btn strong,
	#summary #holding-deposit h4,
	#know-more > div,
	#know-more picture,
	#more-about,
	#more-about > div,	
	#more-about > div > *:not(.img),
	#more-about .btn {
		display: flex;
		display: -webkit-flex;
	}
	
	
	#intro .col_a,
	#ratings,
	#booking aside.qual,
	#summary .col_a > div:not(.summary-detail) > div {
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	
	
	main,
	.image-gallery,
	.drp-month,
    #enquiry,
	#summary .col_a,
	#reviews {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}


	main {
		justify-content: space-between;
		-webkit-justify-content: space-between;
		font-size: 1rem;
		max-width: 2048px;
		margin: 0 auto;
		padding: 20px;
	}
	
	h3 {
		font-weight: 600;
	}

	
	picture,
	picture img {
		border-radius: 5px;
	}
		
	/* Property Details Section */
	#intro {
		margin-top: 20px;
	}
		
	/*#intro .images {
		width: 100%;
		flex-direction: row;
		-webkit-flex-direction: row;
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}*/

	#intro .images > * {
		-webkit-flex: 1;
		flex: 1;
		/*width: 50%;*/
	}

	#intro .col_a {
		height: 100%;
	}
	
	#intro .col_b {
		position:relative;
	}

	#intro .featured-image {
		width: 100%;
		object-fit: cover;
		border-radius: 5px;
		margin-bottom: 13px;
	}

	#intro .images picture {
		background-color: #f7f4fb;
		cursor: pointer;
		overflow: hidden;
		position: relative;
	}

	#intro .images picture::before {
		animation: property-image-loading .8s linear infinite;
		border: 2px solid rgba(67, 30, 82, .16);
		border-radius: 50%;
		border-top-color: var(--purple-on-white, #431e52);
		content: "";
		height: 22px;
		left: 50%;
		margin: -11px 0 0 -11px;
		pointer-events: none;
		position: absolute;
		top: 50%;
		width: 22px;
		z-index: 0;
	}

	#intro .images picture img {
		position: relative;
		z-index: 1;
	}

	#intro #virtual-tour picture::before {
		display: none;
	}

	@keyframes property-image-loading {
		to {
			transform: rotate(360deg);
		}
	}

	#light-img,
	#light-img > div {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
		-webkit-align-content: center;
		align-content: center;
	}
	
	#light-img {
		transition-property: opacity;
		-webkit-transition-property: opacity;
		transition-duration: .2s;
		-webkit-transition-duration: .2s;
		backdrop-filter: blur(10px) contrast(0.8);
		-webkit-backdrop-filter: blur(10px) contrast(0.8);
		height: 100%;
		max-height: 100%;
		opacity: 0;
		position: fixed;
		top: 0;
		width: 100vw;
		z-index: -1;
	}
	
	#light-img > div {
		/*margin: auto;
		max-height: 100%;*/
		object-fit: contain;
		padding: 2vw;
	}
	
	#light-img > div > img {
		transition-duration: .3s;
		-webkit-transition-duration: .3s;
		transition-delay: .3s;
		-webkit-transition-delay: .3s;
		border: 15px solid #fff;
		margin: auto;
		max-height: 100%;
		max-width: 100%;
		object-fit: contain;
		opacity: 0;
	}

	#light-img .lightbox_nav,
	#light-img .lightbox_counter {
		transition: opacity .2s;
		-webkit-transition: opacity .2s;
	}

	#light-img .lightbox_nav {
		align-items: center;
		background: rgba(34, 14, 54, 0.72);
		border: 1px solid rgba(255,255,255,0.32);
		border-radius: 999px;
		color: #fff;
		cursor: pointer;
		display: flex;
		font-size: 42px;
		height: 60px;
		justify-content: center;
		margin-top: -30px;
		padding: 0;
		position: absolute;
		top: 50%;
		width: 60px;
		z-index: 2;
	}

	#light-img .lightbox_nav.prev {
		left: 2vw;
	}

	#light-img .lightbox_nav.next {
		right: 2vw;
	}

	#light-img .lightbox_nav span {
		line-height: 1;
		margin-top: -4px;
	}

	#light-img .lightbox_nav:hover {
		background: rgba(90, 56, 126, 0.92);
	}

	#light-img .lightbox_nav.solo,
	#light-img .lightbox_counter.solo {
		opacity: 0;
		pointer-events: none;
	}

	#light-img .lightbox_counter {
		background: rgba(34, 14, 54, 0.72);
		border: 1px solid rgba(255,255,255,0.2);
		border-radius: 999px;
		bottom: 2vw;
		color: #fff;
		font-size: 15px;
		left: 50%;
		padding: 8px 14px;
		position: absolute;
		transform: translateX(-50%);
		z-index: 2;
	}
	
	#light-img .btn_close {
		color: #fff;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 15px;
	}
	
	#light-img .btn_close svg {
		fill: #fff;
	}
	
	#light-img .btn_close:hover svg {
		fill: var(--pink);
	}
	
	body.spotlight #light-img.loaded img,
	body.spotlight #light-img {
		opacity: 1;
	}
	
	body.spotlight #light-img {
		z-index: 999;
	}

	#intro .image-gallery {
		align-content: flex-start;
		-webkit-align-content: flex-start;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		display: flex;
		display: -webkit-flex;
		-webkit-flex: unset;
		flex: unset;
		gap: 10px;
		line-height: 0;
	}

	#intro .image-gallery picture {
		-webkit-flex: 0 0 calc(50% - 5px);
		flex: 0 0 calc(50% - 5px);
		display: block;
		box-sizing: border-box;
		height: clamp(150px, 15vw, 260px);
		max-height: 260px;
		min-height: 0;
		object-fit: cover;
		overflow: hidden;
		width: calc(50% - 5px);
	}

	#intro .image-gallery picture img {
		display: block;
		height: 100%;
		object-fit: cover;
		width: 100%;
	}

	#intro .property-gallery-more {
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-flex;
		display: flex;
		gap: 9px;
		-webkit-justify-content: center;
		justify-content: center;
		background: #fff;
		border: 1px solid #e4e4e4;
		border-radius: 5px;
		color: var(--purple-on-white, #431e52);
		cursor: pointer;
		font-weight: 600;
		max-height: 50px;
		margin: 0 0 15px 0;
		padding: 15px;
		transition: background-color .2s ease, color .2s ease;
		width: 100%;
	}

	#intro .property-gallery-more-icon {
		fill: none;
		flex: 0 0 auto;
		height: 30px;
		stroke: currentColor;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.8;
		width: 30px;
	}

	#intro .property-gallery-more:hover {
		background: var(--pink);
		color: var(--purple-darkest);
	}

	#intro .property-gallery-extra {
		margin-bottom: 13px;
	}

	#intro .property-gallery-extra[hidden] {
		display: none;
	}


	#intro #virtual-tour {
		height: clamp(150px, 15vw, 260px);
		margin-top: 10px;
		max-height: 260px;
		min-height: 0;
		object-fit: cover;
		overflow: hidden;
		position: relative;
	}
	
	#intro #virtual-tour,
	#intro #virtual-tour picture {
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
		margin-bottom: 0px;
		max-height: 260px;
		z-index: 0;
	}
	
	#intro #virtual-tour picture img {
		filter: blur(15px) brightness(1.2) contrast(0.8);
	}
	
	#intro #virtual-tour svg {
		height: 237px;
		left: calc(50% - 74px);
		position: absolute;
		top: 35px;
		width: 260px;
		z-index: 1;
	}
	
	#intro #virtual-tour p {
		position: absolute;
		bottom: 30px;
		left: 0px;
		color: var(--white);
		font-weight: 600;
		z-index: 2;
		text-align: center;
		width: 100%;
	}
	
	
	#intro h1 {
		margin: 0px;
	}
	
	#intro #rooms {
		/*border-bottom: 1px solid #eee;
		margin-bottom: 10px;*/
		padding: 20px 0px 10px 0px;
	}

	#intro #rooms > * {
		margin-right: 15px;
	}

	#intro #rooms svg {
		fill: var(--pale-purple);
		margin-right: 2px;
	}

	#intro #rooms .room-context {
		align-items: center;
		background-color: var(--pale-sky);
		border-radius: 5px;
		color: var(--purple-darkest);
		display: inline-flex;
		font-size: 15px;
		font-weight: 500;
		gap: 5px;
		line-height: 1.35;
		margin: 0px 0px 0px -10px;
		padding: 5px 10px;
	}

	#intro #rooms .room-context-icon {
		flex: 0 0 auto;
		height: 20px;
		margin-right: 0px;
		width: 20px;
	}

	#intro #rooms .room-context-icon-fill {
		fill: var(--purple-darkest);
	}

	#intro #rooms .room-context-icon :not(.room-context-icon-fill) {
		fill: var(--pale-sky);
	}
	
	#intro #key-info {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	
    
    main h2 {
        font-size: 34px;
	}
	

	#intro .location {
		/*font-size: calc(16px + 0.3vw);*/
		margin: auto 0px 0px 0px;
	}
    

	#intro .price {
		/*color: var(--grey-dark);
		font-size: inherit;*/
		font-weight: bold;
		margin: 0px 0px 15px 0px;
		/*margin: auto 0px 0px 0px;*/
		transition: color 0.3s;
	}

	#intro .price:before {
		content: '\00a3';
		margin-right: 2px;
	}

	#intro .price:after {
		content: 'pcm';
		color: #555;
        display: inline-block;
		font-size: 1rem;
        font-weight: 500;
		margin-left: 4px;
        text-align: left;
        width: 3em;
	}

	body#property.room-listing #intro .price:after {
		content: 'pcm / room';
		width: 6em;
	}
    
	
	
	
	#details {
		padding-right: 40%;
	}


	#details > div {
		border-bottom: 1px solid #eee;
		margin-bottom: 15px;
		padding-bottom: 10px;
	}



	
	#key-info table .col_a {
		padding: 15px;
	}
	
	h2 svg,
	h3 svg,
	#property-gallery-more svg {
		fill: var(--pale-purple);
	}
	
	h2 svg,
	h3 svg {
		margin-bottom: 4px;
		vertical-align: middle;
	}
	
	
	main h2 {
		/*font-size: 1.5em;*/
		margin-bottom: 5px;
		margin-top: 30px;
	}
	
	
	#description {
		border: 1px solid #e3e3f5;
		border-radius: 10px;
		background-color: var(--pale-sky);
		padding: 20px;
	}

	#description p {
		margin-bottom: 20px;
	}

	#description .desc_plus {
		display: none;
	}

	#description.plus .desc_plus {
		display: block;
	}

	#description .description-more {
		width: 100%;
	}

	#description .description-main-banner {
		display: block;
		margin: 5px 0px 20px 0px;
		overflow: hidden;
		width: 100%;
	}

	#description .description-main-banner img {
		display: block;
		height: auto;
		width: 100%;
	}

	#description.has-more {
		cursor: pointer;
		padding-bottom: 0px;
	}

	#description.has-more::after {
		align-items: center;
		border: solid #e3e3f5;
		border:none;
		border-radius: 0px 0px 10px 10px;
		box-sizing: border-box;
		content: 'Show more \25BE';
		display: flex;
		font-weight: 700;
		justify-content: flex-end;
		margin-left: -20px;
		padding: 10px 15px;
		text-align: right;
		transition-duration: 0.3s;
		transition-property: background, color;
		width: calc(100% + 50px);
	}

	#description.has-more.plus::after {
		background-color: var(--white);
		content: 'Show less \25B4';
	}

	#description.has-more:hover::after {
		background-color: var(--purple-lt);
		color: var(--purple-on-white);
	}

	#amenities {
		/*border-top: 1px solid #eee;*/
		margin-bottom: 40px;
		margin-top: 20px;
		padding-top: 20px;
	}

	#amenities ul {
		list-style-type: none;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px 20px;
	}

	#amenities li {
		align-items: center;
		color: var(--purple-on-white);
		display: flex;
		font-weight: 600;
		margin: 5px 0px 0px 0px;
		min-height: 35px;
	}
	

	.amnico {
		background-image: url('/_images/icons/amenities/essentials.svg');
		background-position: left 5px center;
		background-repeat: no-repeat;
		background-size: 25px;
		list-position: outside;
		list-style: none;
		padding-left: 40px;
	}

	.amnico.amn_12 		{ background-image: url('/_images/icons/amenities/tv.svg'); }
	.amnico.amn_31 		{ background-image: url('/_images/icons/amenities/shampoo.svg'); }
	.amnico.amn_15 		{ background-image: url('/_images/icons/amenities/private-entrance.svg'); }
	.amnico.amn_49 		{ background-image: url('/_images/icons/amenities/bathtub.svg'); }
	.amnico.amn_25 		{ background-image: url('/_images/icons/amenities/refrigerator.svg'); }
	.amnico.amn_35 		{ background-image: url('/_images/icons/amenities/free-parking.svg'); }
	.amnico.amn_20 		{ background-image: url('/_images/icons/amenities/wireless-internet.svg'); }
	.amnico.amn_30 		{ background-image: url('/_images/icons/amenities/smoke-detector.svg'); }
	.amnico.amn_7 		{ background-image: url('/_images/icons/amenities/hangers.svg'); }
	.amnico.amn_8 		{ background-image: url('/_images/icons/amenities/iron.svg'); }
	.amnico.amn_32 		{ background-image: url('/_images/icons/amenities/microwave.svg'); }
	.amnico.amn_28 		{ background-image: url('/_images/icons/amenities/dishes-and-silverware.svg'); }
	.amnico.amn_69 		{ background-image: url('/_images/icons/amenities/elevator-in-building.svg'); }
	.amnico.amn_89 		{ background-image: url('/_images/icons/amenities/first-aid-kit.svg'); }
	.amnico.amn_181		{ background-image: url('/_images/icons/amenities/wheelchair-access.svg'); }
	/* 2let2 amenity IDs. */
	.amnico.amn_1		{ background-image: url('/_images/icons/amenities/bathtub.svg'); }
	.amnico.amn_2		{ background-image: url('/_images/icons/amenities/bidet.svg'); }
	.amnico.amn_3		{ background-image: url('/_images/icons/amenities/clothing-storage.svg'); }
	.amnico.amn_4		{ background-image: url('/_images/icons/amenities/patio-or-balcony.svg'); }
	.amnico.amn_5		{ background-image: url('/_images/icons/amenities/dedicated-workspace.svg'); }
	.amnico.amn_6		{ background-image: url('/_images/icons/amenities/dining-table.svg'); }
	.amnico.amn_7		{ background-image: url('/_images/icons/amenities/dishwasher.svg'); }
	.amnico.amn_8		{ background-image: url('/_images/icons/amenities/elevator-in-building.svg'); }
	.amnico.amn_9		{ background-image: url('/_images/icons/amenities/fire-pit.svg'); }
	.amnico.amn_10		{ background-image: url('/_images/icons/amenities/free-parking.svg'); }
	.amnico.amn_11		{ background-image: url('/_images/icons/amenities/free-parking.svg'); }
	.amnico.amn_12		{ background-image: url('/_images/icons/amenities/garden-or-backyard.svg'); }
	.amnico.amn_13		{ background-image: url('/_images/icons/amenities/laundromat.svg'); }
	.amnico.amn_14		{ background-image: url('/_images/icons/amenities/outdoor-dining.svg'); }
	.amnico.amn_15		{ background-image: url('/_images/icons/amenities/paid-parking.svg'); }
	.amnico.amn_16		{ background-image: url('/_images/icons/amenities/patio-or-balcony.svg'); }
	.amnico.amn_17		{ background-image: url('/_images/icons/amenities/private-entrance.svg'); }
	.amnico.amn_18		{ background-image: url('/_images/icons/amenities/room-darkening-shades.svg'); }
	.amnico.amn_19		{ background-image: url('/_images/icons/amenities/single-level-home.svg'); }
	.amnico.amn_20		{ background-image: url('/_images/icons/amenities/washer.svg'); }
	.amnico.amn_21		{ background-image: url('/_images/icons/amenities/wheelchair-access.svg'); }
	.amnico.amn_22		{ background-image: url('/_images/icons/amenities/window-guards.svg'); }
	.amnico.amn_23		{ background-image: url('/_images/icons/amenities/paid-parking.svg'); }
	.amnico.amn_24		{ background-image: url('/_images/icons/amenities/free-parking.svg'); }
	.amnico.amn_25		{ background-image: url('/_images/icons/amenities/free-parking.svg'); }
	.amnico.amn_26		{ background-image: url('/_images/icons/amenities/heating.svg'); }
	.amnico.amn_27		{ background-image: url('/_images/icons/amenities/heating.svg'); }


    
    

	/* Booking Section */
	#booking {
		background-color: var(--white);
		border: 1px solid var(--pale-purple);
		border-radius: 10px;
        box-shadow: 0px 0px 30px #9992;
		margin-top: 0px;
		padding: 15px 20px 20px 20px;
	}
    
    #booking h2,
    #booking h3 {
        color: var(--purple-darkest);
		font-size: 28px;
	}
    
    #booking h2 {
        margin: 0px auto 15px auto;
    }
    
    #booking h2 svg {
       fill: var(--purple-dark);
    }

    
    #booking #enquiry > * {
        border: 1px solid #e4e4e4;
        line-height: normal;
        padding: 0px 10px;
	}    
    
    #booking #enquiry > div {
        margin: -1px 0px 0px 0px;
        position: relative;
        width: 100%;
    }  
    
    #booking #enquiry > div input,
    #booking #enquiry > div textarea {
		background-color: transparent;
		border: none;	
        margin: 7px 0px 11px 0px;
		padding: 12px 0px 3px 0px;
        width: 100%;
    }
	
	#booking #enquiry #enq-firstname {
		width: 50%;
    }
	
	#booking #enquiry #enq-surname {
		margin-left: -1px;
		width: calc(50% + 1px);
    }
	
	
    
    #booking #enquiry > *:before {
        color: grey;
		font-size: inherit;
		top: 17px;
		pointer-events: none;
        position: absolute;
		transition: .3s all;
    }
    
    #booking #enquiry > *.focus:before,
	#booking #enquiry > *:has(*.focus):before,
	#booking #enquiry > *:has(*:not(:placeholder-shown)):before {
        background-color: var(--white);
		color: var(--pale-purple);
		font-weight: bold;
		font-size: 12px;
		left: 5px;
		padding: 2px 6px;
        top: -10px;
    }
    
    #booking #enquiry #enq-firstname:before {	content: 'First name *'; }    
    #booking #enquiry #enq-surname:before {		content: 'Your surname'; }    
    #booking #enquiry #enq-email:before { 		content: 'Email address *'; }
    #booking #enquiry #enq-telephone:before { 	content: 'Telephone number *'; }
    #booking #enquiry #enq-text:before { 		content: 'Comments'; }


    
    #booking input {
        border: none;
        color: #000;
        font-size: 16px;
        height: auto;
        margin: 5px 0px;
        text-align: left;
    }
	
	#booking input:focus,
	#booking textarea:focus {
		outline-width: 0;
	}

    #booking input,
	#booking #btn-enquire.enquire-now {
		width: 100%;
        z-index: 9;
	}
	
	#booking #booking-button-top {
		display: block;
	}

	#booking #btn-enquire > span::after {
		content: 'Book';
		display: inline-block;
	}

	#booking #btn-enquire.enquire-now,
	#more-about .btn {
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		background-color: var(--purple-dark);
		border: none;
		border-radius: 5px;
		color: var(--white);
		cursor: pointer;
		font-size: 1.2em;
        font-weight: 600;
        line-height: normal;
        margin-top: 20px;
		padding: 15px 20px;
		text-align: center;
		transition: background-color 0.3s ease;
	}


	#booking #btn-enquire.enquire-now:hover,
	#more-about .btn:hover {
		background-color: var(--purple-darkest);
	}
	
    
    #booking.sticky {
        position: fixed;
        top: 100px;
        z-index: 9;
    }
	
	#booking #enq-outcome {
		color: #000;
		display: none;
		font-size: 1.2em;
        font-weight: 600;
        line-height: normal;
        margin-top: 20px;
		padding: 15px 20px;
		text-align: center;
	}
	
	
	
	
	#booking input:focus,
	#booking textarea:focus {
		outline: 0;
	}
	
	body#property.stage2 .hinge {
		-webkit-animation: reveal_stage_2 0.7s cubic-bezier(0.5, 0, 0, 1) forwards;
		animation: reveal_stage_2 0.7s cubic-bezier(0.5, 0, 0, 1) forwards;
	}	


	@keyframes reveal_stage_2 {
		to {
			-webkit-transform:scaleY(0);
			transform:scaleY(0);
			/*-webkit-opacity: 0;
			opacity: 0;*/
		}
	}	
	
	
	body#property.stage2 main {
		background-color:var(--pale-sky);
	}
	
	body#property.stage2 #intro h1, 
	body#property.stage2 #intro .location, 
	body#property.stage2 #intro #rooms, 
	body#property.stage2 #intro .btn.pq_close,
	body#property.stage2 #intro h2.price {
		color: var(--purple-darkest);
		display: inline-block;
		font-size: 22px;
		margin: 0px !important;
		padding: 0px;
		width: auto;
	}
	
	body#property.stage2 #intro h1, 
	body#property.stage2 #intro .location {
		font-size: 34px;
		font-weight: 600;
	}
	
	body#property.stage2 #intro #rooms > * {
		margin-right: 0.5em;
	}
	
	body#property.stage2 #intro #rooms, 
	body#property.stage2 #intro h2.price, 
	body#property.stage2 #intro h2.price::after {
		font-size: 16px;
		font-weight: 600
	}
	
	body#property.stage2 #intro #rooms svg,
	#intro .btn.pq_close,
	#intro hr,
	#booking .qual {
		display: none;
	}
	
	body#property.stage2 #intro #rooms svg,
	#intro hr {
		margin-bottom: 10px;
		margin-top: 5px;
	}
		
	body#property.stage2 #intro .col_a {
		width: 30%;
	}
	
	body#property.stage2 #intro .col_b {		
		width: 70%;
        padding: 15px calc(15px + 1%);
        background-color: var(--white);
	}

	body#property.stage2 #intro h2 {
		margin-bottom: 0px;
	}

	#intro .btn.pq_close {
		background: #f7dc92 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 30 30'%3E%3Cpath d='M4 4l16 16M20 4L4 20' stroke='%23b98a08' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;
		background-size: contain;
		border: 1px solid #e9cc7b;
		border-radius: 4px;		
		height: 30px;
		margin: 0px;		
		padding: 4px;
		position: absolute;
		right: 25px;
		top: 25px;
		width: 30px !important;
	}

	#intro .btn.pq_close:hover {
		background-color: var(--pink);
	}

	body#property.stage2 #intro hr {
		border: none;
		display: block;
		margin-bottom: 5px;
		margin-top: 0px;
	}
		
	body#property.stage2 #booking {
		border: none;
		box-shadow: none;
		margin-top: 20px;
		padding: 0px;
	}
	
	

	body#property.stage2 #booking #btn-enquire > span::after {
		content: 'Complete';
	}
	
	
	
	body#property.stage2 #intro .col_a .featured-image {
		margin-bottom: 20px;
		margin-top: 170px;
		max-height: 300px;
		max-width: 100%;
	}

	body#property.stage2 #booking #enquiry > div {
		border-radius: 4px;
		margin: 15px 0px 0px 0px;
	}
	
	#booking input:-internal-autofill-selected,
	#booking input:-webkit-autofill,
	#booking input:-webkit-autofill:hover, 
	#booking input:-webkit-autofill:focus, 
	#booking input:-webkit-autofill:active,
	#booking textarea:-internal-autofill-selected,
	#booking textarea:-webkit-autofill,
	#booking textarea:-webkit-autofill:hover, 
	#booking textarea:-webkit-autofill:focus, 
	#booking textarea:-webkit-autofill:active {
		background-color: #fff !important;
		-webkit-background-clip: text;
		background-clip: text;
	}
	
	body#property.stage2 #booking #enquiry #enq-firstname {
		margin-right: 15px;
		width: calc(50% - 16px);
	}
	
	
	body#property.stage2 #booking .qual {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		border: none;
		padding: 0px;
	}
	
	
	#booking .qual h4 {
		margin-bottom: 10px;
		width: 100%;
	}	
	
	#booking aside.qual {
		margin: 10px 0px 0px 0px;
		padding: 10px 5px;
	}

	#booking .qual > h3, 
	#booking .qual > h4, 
	#booking .qual > p {
		padding-left: 10px;
	}


	#booking .qual label.flat {
		-webkit-align-items: center;
		align-items: center;
		cursor: pointer;
		margin-bottom: 10px;
		padding: 0px;
		width: calc(50% - 5px);
	}

	#booking .qual label.flat input {
		display: none;
	}

	#booking #enq-text .qual label.flat input + span {
		background-color: #f8f8ff;
		border: 1px solid #f0f0ff;
	}	

	#booking #enq-text .qual label.flat:hover input + span {
		background-color: #f7e0ff;
		border-color: #e1c5eb;
	}	

	#booking .qual label.flat input + span {
		background-color: var(--steam);
		border: 1px solid #ebebeb;
		border-radius: 5px;
		font-weight: 400;
		padding: 12px 0px;
		transition-property: background, border;
		transition-duration: 0.3s;
		width: 100%;
	}

	#booking .qual label.flat:hover input + span {
		background-color: var(--white);
		border-color: #e1c5eb;
	}
	
	#booking .qual label.flat input + span:before {
		color: var(--pale-purple);
		content: "\e157";
		font-family: glyphicons halflings;
		margin: 0px 10px 0px 15px;
	}
	
	#booking .qual label.flat input:checked + span {
		background-color: #f7e0ff;
		border-color: #e1c5eb;
		color: var(--purple-darkest);
	}

	#booking .qual label.flat input:checked + span:before {
		content: "\e067";
		color: var(--purple-dark);
		top:0px;
	}

    
	
	
	#property #calendar {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		border-bottom: none !important;
	}
	
	#property #calendar h3,
	#property #location h3 {
		position: relative;
		width: 100%;
	}

	#calendar h3:before,
	#location h3:before {
		color: var(--pale-purple);
		font-size: 10px;
		height: 10px;
		left: 0px;
		position: absolute;		
		text-align: center;
		top: 8px;
		width: 18px;
	}

	#property #calendar .cal {
		width: calc(50% - 10px);
	}

	
	.cal tr > * {
		padding:10px;
		text-align: center;
	}
	
	#property #calendar .drp-days {
		color: #000;
	}

	#property #calendar .off {
		color: #f5bdd1;
		pointer-events: none;
		text-decoration: line-through;
	}
	


    #property main #calendar .drp-calendar {
		display: block;
		position: relative;
		top: unset;
		margin-top: 6px;
		z-index: initial;		
	}
	
	
	
	
	
	#ratings,
	#reviews {
		padding-bottom: 30px;
		padding-top: 20px;
	}
	
	
	#ratings > * {
		border: none;
		text-align: center;
		width: 100%;
	}
	
	#ratings #rating-score {
		font-size: 4em;
        font-weight: 600;
		padding: 0px;
	}
	
	#ratings #ratings-break tr > * {
		text-align: left;
		vertical-align: top;
	}
	
	#ratings #ratings-break th {
		font-weight: 500;
	}
		
	#ratings #ratings-break .col_a {
		width: 25%;
	}
		
	#ratings #ratings-break .col_b {
		border-left: 1px solid #eee;
        padding-left: 15px;
        width: 12%;
	}
		
	#ratings #ratings-break p,
    #summary .col_a > div:not(.summary-detail) > strong {
		font-size: 1.8em;
		font-weight: 600;
	}
	
	#overall-summary {
		width: 100%;	
	}
	
	#ratings #overall-summary th {
		font-size: 12px;
		font-weight: normal;
		width: 15px;
	}
	
	#ratings #overall-summary span {
		background-color: #f2f2f2;
		display: block;
		float: left;
		height: 3px;
		margin: 6px 0px 0px 0px;
        position: relative;
		width: 90%;
	}

    #ratings #overall-summary span:before {
        content: ' ';
        display: inline-block;
        height: 3px;
        background-color: #f6b000;
        width: 0px;
        position: absolute;
    }
	
	
	
	#reviews .testimonial {
		/*background-color: var(--white);*/
		border-left: 1px solid #f3eaad;
		border-radius: 10px;
		margin: 5px 10px 30px 12px;
		padding: 7px 20px 14px 20px;
	}
	
	#reviews h3 {
		margin-bottom: 10px;
		width: 100%;
	}
	
	#reviews h4 {
		font-size: inherit;
		font-weight: 600;
		margin-bottom: 15px;
	}
	
	#reviews h3 svg {
		fill:#e1cc3b;
	}
	
	
	#ratings #ratings-break {
		margin-top: 40px;
	}
	
	#reviews .testimonial .ts_person {
		margin-top:5px;
	}
	
	#reviews .star_rating {
		align-items: center;
		-webkit-align-items: center;
        line-height: 1.1em;
	}
	
	#reviews .star_rating svg {
		height:0.8em;
		margin-right: 1px;
	}
	
	#reviews .star_rating span {
        font-size: 0.9em;
        font-weight: 550;
        padding: 4px 0px 0px 4px;
	}
	
	#reviews .testimonial p {
		border-radius: 10px;
		box-shadow: -15px 15px 30px #c4c4e933;
		padding: 15px 20px;
		width: calc(100% - 60px);
	}
	
	/*#reviews .testimonial p:last-of-type {
		border-bottom: 1px solid #e0e0f1;
	}
	
	#reviews .testimonial p:before {
		color: #c4c4e9;
		content: '"';
		font-family: 'Times New Roman';
		font-weight: bold;
		font-size: 2em;
	}
	
	#reviews .testimonial p:before {
		float: left;
		margin-left: -21px;
		margin-top: -7px;
	}
	
	#reviews .testimonial p:after {
		margin-left: 10px;
	}*/
	
	
	
	#summary {
		-webkit-align-items: flex-start;
		align-items: flex-start;
        -webkit-flex: 1;
        flex: 1;
        margin-right: 20px;
		margin-top: 15px;
		width: 100%;
    }
	
	/*#summary h3 {
        padding-bottom: 20px;
    }*/
	
	#summary h3 + p,
	#summary .summary-detail {	
		/*border-bottom: 1px solid #eee;*/
		margin-bottom: 0px;
		padding: 0px;
    }
	
    #summary .col_a {
		-webkit-align-self: flex-start;
		align-self: flex-start;
		justify-content: flex-start;
		-webkit-justify-content: flex-start;		
    }
	
	#summary .col_a > div:not(.summary-detail) {
		border-bottom: 1px solid #eee;
		margin-top: 10px;
        text-align: center;
    }
	
    #summary .col_a > div:not(.summary-detail) > div {
        margin: 0px auto;
        padding: 0px 15px;
    }
	
	#summary h3 {
		margin-top: 0px;
    }
	
	#summary h3,
	#summary .col_a > p,
	#summary .summary-detail {
		width: 100%;
	}

	#summary .summary-detail {
		display: block;
		flex-basis: 100%;
		max-width: 100%;
	}

	#summary .col_a .summary_more {
		display: block;
		border-color: transparent !important;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		max-height: 0;
		min-height: 0;
		opacity: 0;
		overflow: hidden;
		padding-bottom: 0 !important;
		padding-top: 0 !important;
		pointer-events: none;
		transform: translateY(-8px);
		transition-duration: 0.45s, 0.3s, 0.45s, 0.45s, 0.45s, 0.45s, 0.45s, 0.45s;
		transition-property: max-height, opacity, transform, padding-top, padding-bottom, margin-top, margin-bottom, border-color;
		transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
	}

	#summary .col_a.plus .summary_more {
		border-color: var(--white) !important;
		margin-bottom: 0 !important;
		margin-top: 15px !important;
		max-height: var(--summary-more-height, 140px);
		opacity: 1;
		padding-bottom: 10px !important;
		padding-top: 10px !important;
		pointer-events: auto;
		transform: translateY(0);
	}

	#summary .col_a.has-more::after {
		align-items: center;
		border-radius: 4px;
		box-sizing: border-box;
		content: 'Show more \25BE';
		cursor: pointer;
		display: flex;
		flex-basis: 100%;
		font-size: var(--type-ui, 1rem);
		font-weight: 700;
		justify-content: center;
		line-height: var(--line-ui, 1.25);
		margin-top: 15px;
		padding: 10px 15px;
		text-align: center;
		transition-duration: 0.3s;
		transition-property: background, color;
		width: 100%;
	}

	#summary .col_a.has-more.plus::after {
		content: 'Show less \25B4';
	}

	#summary .col_a.has-more:hover::after {
		background-color: #faf6fd;
		color: var(--purple-on-white);
	}
	
	#summary .col_b picture {		
        height: calc(100% - 15px);
		margin: 0px 0px 20px 15px;
        overflow: hidden;
	}
	
	#summary .col_b picture img {
        max-width: 100%;
	}
		
    #summary .col_a picture + strong + p,
	#summary .col_a div:not(.summary-detail) p {
        font-size: var(--type-sm, 0.9rem);
		line-height: var(--line-ui, 1.25);
	}
	
	#summary .col_a picture + strong + p {
        margin-bottom: 15px;
	}
	
	
	#summary .s_btn {
		cursor: pointer;
	}
		
	#summary .s_btn strong {
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	#summary .s_btn strong:after {
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100%' viewBox='0 0 15.6 25.8'><g fill-rule='evenodd'><path fill-rule='evenodd' clip-rule='evenodd' fill='%23C1A0E3' d='M14.2,14L3,25.2l-2.1-2.1s0,0,4.9-4.9S.9,2.8.9,2.8L3,.6l11.2,11.2c.7.7.8,1.4,0,2.1Z'/></g></svg>");
		background-position: center;
		background-repeat: no-repeat;
		background-size: 0.3em;
		border: 1px solid #E6CEFF;
		border-radius: 4px;
		content: ' ';
		height: 0.7em;
		margin-left: 5px;
		transform: rotate(90deg);
		width: 0.7em;
	}
	
	#summary #eer strong:after {
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100%' viewBox='0 0 15.6 25.8'><g fill-rule='evenodd'><path fill-rule='evenodd' clip-rule='evenodd' fill='%234d9dbb' d='M14.2,14L3,25.2l-2.1-2.1s0,0,4.9-4.9S.9,2.8.9,2.8L3,.6l11.2,11.2c.7.7.8,1.4,0,2.1Z'/></g></svg>");
		border: 1px solid #87d3ef;
	}

	#summary #eer[aria-disabled="true"] {
		cursor: default;
	}

	#summary #eer[aria-disabled="true"] strong:after {
		opacity: 0.35;
	}
	
	#summary.epc #eer strong:after {
		transform: rotate(-90deg);
	}
	
	body.s_deposit #summary .s_btn.s_deposit strong:after {
		background-color: #E6CEFF;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	#summary #holding-deposit {
		background-color: #f8f8f8;
		border-radius: 5px;
		/*color: #000;*/
		display: none;
		margin-bottom: 15px;
		margin-top: 20px;
		padding: 10px 20px 35px 20px;
	}
	
	#summary #holding-deposit h4 {
		color: #1D1525;
		font-size: var(--type-subhead, 2rem);
		margin-bottom: 15px;
	}

	#summary aside .btn_close {
		background-color:var(--white);
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100%' viewBox='0 0 15.6 25.8'><g fill-rule='evenodd'><path fill-rule='evenodd' clip-rule='evenodd' fill='%23c1a0e3' d='M14.2,14L3,25.2l-2.1-2.1s0,0,4.9-4.9S.9,2.8.9,2.8L3,.6l11.2,11.2c.7.7.8,1.4,0,2.1Z'/></g></svg>");
		margin-right: 10px;
	}
	
	body.s_deposit #summary #holding-deposit {
		display: block;
	}
	
	
	body.overlay_on > .overlay {
		backdrop-filter: blur(2px);
		background-color: rgba(200, 200, 200, 0.3);
		display: block;
		height: 100%;
		left: 0px;
		position: fixed;
		top: 75px;
		width: 100%;
	}
	
	
	
	
	#map #location {
		background:url('/_images/ajax-loader.gif') center no-repeat;
		margin-top: 20px;
		max-height: 800px;
		min-height: 55vh;
		overflow: hidden;
        width: 100%;
	}
    


	#know-more {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		background-color: #f3f3fc;
	}
	
/*	
	#know-more > div > div {
		padding:4px 15px 5px 15px;
	}

	#know-more p {
		margin-top: 20px;
		padding: 0px 15px 0px 0px;
	}

	#know-more > div > div {
		align-items: center;
		-webkit-align-items: center;
		justify-content: flex-end;
		-webkit-justify-content: flex-end;
		border-radius: 5px;
		margin-bottom: 10px;
		position: relative;
	}

	#know-more picture {
		height: 100%;
		width: 100%;
	}
	
	#know-more picture img {
		width: 100%;
	}
*/	
	
	
	
	
	/*#more-about {
		padding:20px;
	}*/

	
	#more-about,
	#more-about > div,
	#more-about > div.img_bg1 > *:not(.img),
	#more-about > div.img_bg2 > * {
		flex-direction:column;
		-webkit-flex-direction:column;
	}
	
	#more-about > div.img_bg1 {
		flex-direction:row;
		-webkit-flex-direction:row;
		background-color:var(--white);
	}

	#more-about > div.img_bg1:nth-child(odd) {
		flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
	}

	#more-about > div {
		align-items:center;
		-webkit-align-items:center;
		justify-content:center;
		-webkit-justify-content:center;
		margin-bottom:calc(20px + 1vw);
	}
	
	#more-about .btn {
		width: 70%;
	}
		
	#more-about > div.img_bg1 > *:not(.img) {
		height:100%;
		padding-bottom:3vw;
		padding-top:3vw;
	}
	
	#more-about img {
		max-width:100%;
	}

	#more-about > h3 {
		margin-bottom: 20px;
		padding-left: 50px;
	}

	#more-about .sct h3 {
		font-size: 2.7em;
		font-weight: 500;
	}

	#more-about p {
		font-size: var(--type-reading, 1.2rem);
		line-height: var(--line-reading, 1.6);
	}
	
	#more-about div ul {
		font-size:inherit;
		text-align:left;
	}
	
	#more-about div ul li {
		font-size:inherit;
	}

	.pad-standard {
		padding: clamp(30px, 5vw, 70px) clamp(20px, 6vw, 90px);
	}


	#guidelines {
		background-color: var(--pale-sky);
		border: 1px solid transparent;
		display: block;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		padding-bottom: 0;
		padding-top: 0;
		transform: translateY(-10px);
		transition-duration: 0.55s, 0.35s, 0.55s, 0.55s, 0.55s, 0.55s, 0.55s;
		transition-property: max-height, opacity, transform, padding-top, padding-bottom, margin-bottom, border-color;
		transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
		width: 100%;
	}

	#know-more #guidelines.open {
		margin-bottom: 40px;
		max-height: var(--guidelines-height, 1200px);
		opacity: 1;
		padding-bottom: 40px;
		padding-top: 30px;
		transform: translateY(0);
	}

	#guidelines h3 {
		color: var(--purple-darkest, #240033);
		font-size: var(--type-section, 2.3rem);
		font-weight: 600;
		line-height: var(--line-tight, 1.1);
		margin-bottom: 20px;
		margin-top: 0;
	}

	#guidelines .general_notes {
		max-width: 980px;
		width: calc(60% - 40px);
	}
	
	#guidelines p {
		font-size: var(--type-body, 1rem);
		line-height: var(--line-reading, 1.6);
		margin-bottom: 18px;
	}

	#guidelines ol {
		margin: 0px 0px 35px 0px;
		padding-left: 1.4em;
	}

	#guidelines li {
		font-size: var(--type-body, 1rem);
		line-height: var(--line-reading, 1.6);
		margin-bottom: 10px;
		padding-left: 4px;
	}
	
	
	#more-about .img_bg1 h3,
	#more-about > div.img_bg2 > *.col_b {
		margin-bottom: 15px; 
	}

	
	
	#favourites h3 {
		width: 100%;
	}


	/*#reviews .testimonial_highlight svg {
		fill: #e1cc3c;
	}

	#reviews .testimonial_highlight blockquote {
		color: #47423d;
	}*/
	
	
	
	
	@media screen and (max-width: 991px) {
		#light-img > div {
			max-height: calc(100% - 5vw);
			padding: 2vw;
		}

		#light-img > div > img {
			margin: auto;
			max-height: 100%;
			max-width: 90%;
		}

		#light-img .lightbox_nav {
			font-size: 50px;
			height: 48px;
			margin-top: -24px;
			width: 48px;
		}

		#light-img .lightbox_nav.prev {
			left: 15px;
		}

		#light-img .lightbox_nav.next {
			right: 15px;
		}

		#light-img .lightbox_counter {
			bottom: 15px;
			font-size: 14px;
			padding: 6px 12px;
		}

		#light-img .lightbox_nav {
			background: white;
			border: none;
			border-radius: 999px;
			color: var(--purple-mid);
		}

		main,
		#map,
		#know-more,
		#favourites,
		#bottom-banner {
			padding-left: 20px;
			padding-right: 20px;
		}

		main {
			padding-top: 0px;
			padding-bottom: 20px;
		}

		#intro {
			flex-direction: column;
			-webkit-flex-direction: column;
			margin-top: 0px;
		}

		#intro h1.xs-only {
			display: block;
			font-size: 23px;
			margin-bottom: 10px;
		}

		#intro .col_b {
			padding-top: 20px;
		}

		#intro .col_b h1 {
			margin-bottom: 5px;
		}

		#intro #rooms {
			padding: 10px 0px 10px 0px;
		}

		#intro #rooms > * {
			margin-bottom: 10px;
		}

		#intro .price {
			margin-bottom: 15px;
		}

		#intro #key-info {
			margin-bottom: 20px;
			padding-bottom: 0px;
		}

		#details {
			padding-right: 0px;
		}

		#details > div {
			margin-bottom: 20px;
			padding-bottom: 15px;
		}

		#description {
			margin: 0px 0px 20px 0px;
			padding: 20px;
		}

		#description p {
			margin-bottom: 15px;
		}
		
		#description.has-more::after {
			width: calc(100% + 40px);
		}

		#booking {
			margin-top: 0px;
			padding: 20px;
		}

		#booking h2 {
			font-size: 25px;
			margin-bottom: 20px;
		}

		#booking #enquiry > div {
			margin-top: -1px;
		}

		#booking #enquiry #enq-firstname,
		#booking #enquiry #enq-surname {
			margin-left: 0px;
			width: 100%;
		}

		#booking #enquiry > div input,
		#booking #enquiry > div textarea {
			margin: 7px 0px 10px 0px;
			padding: 14px 0px 4px 0px;
		}

		#booking #enquiry > *:before {
			top: 18px;
		}

		#booking.sticky_mode {
			padding-bottom: 95px;
		}

		#details.sticky_mode {
			margin-bottom: 55px;
		}

		#booking .qual {
			padding: 0px;
		}

		#booking .qual > h3,
		#booking .qual > h4,
		#booking .qual > p {
			padding-left: 0px;
		}

		#booking .qual label.flat {
			margin-bottom: 10px;
			width: 100%;
		}

		#booking #btn-enquire.enquire-now {
			margin-top: 20px;
		}

		#calendar h3,
		#location h3 {
			font-size: 1.4rem;
			margin-bottom: 15px;
		}

		h3.xs {
			display: block;
			text-align: center;
		}

		h3.md {
			display: none;
		}

		h3.p_available {
			margin: 30px 0px 10px 0px;
		}

		#location h3.p_locn {
			margin: 0px;
		}

		h3.md {
			display: none;
		}

		#amenities {
			margin-bottom: 20px;
			margin-top: 20px;
			padding-top: 20px;
		}

		#map #location {
			margin-bottom: 20px;
			margin-top: 0px;
			min-height: 300px;
		}

		#know-more {
			padding: 20px 0px;
		}

		#summary {
			margin-right: 0px;
			margin-top: 0px;
		}

		#summary .col_a {
			-webkit-justify-content: space-between;
			justify-content: space-between;
		}

		#summary .col_a > div:not(.summary-detail) {
			border: 1px solid var(--white);
			border-radius: 5px;
			padding: 10px;
			width: calc(50% - 30px);
		}

		#summary .col_a > div:not(.summary-detail):nth-child(even) {
			margin: 15px 10px 0px 20px;
		}

		#summary .col_a > div:not(.summary-detail):nth-child(odd) {
			margin: 15px 20px 0px 10px;
		}

		#summary .col_a > p,
		#summary .summary-detail,
		#summary .col_a h3 {
			padding-left: 20px;
			padding-right: 20px;
			text-align: center;
			width: 100%;
		}

		#summary .col_b {
			display: none;
		}

		#summary #holding-deposit {
			margin-top: 15px;
			padding: 15px 20px 20px 20px;
		}

		#summary #amenities {
			margin-bottom: 0px;
		}

		#reviews {
			-webkit-flex-wrap: wrap-reverse;
			flex-wrap: wrap-reverse;
			padding: 10px 20px;
		}

		#reviews .col_b {
			padding: 0px;
		}

		#reviews .testimonial_highlight {
			padding: 0px;
		}
		
		#reviews .testimonial_highlight blockquote {
			font-size: 1.2rem;
		}
		
		#reviews .testimonial_highlight #svgh-quote-b {
			display: none;
		}

		#reviews picture {
			margin-bottom: 30px;
			margin-top: 20px;
			max-height: 45vh;
			width: 100%;
		}

		#favourites {
			padding-top: 20px;
			padding-bottom: 20px;
		}

		#intro > *,
		#reviews > * {
			width: 100%;
		}



		#more-about {
			padding: 20px;
		}

		#more-about > h3 {
			margin-bottom: 20px;
			padding-left: 0px;
		}

		#more-about > div {
			background-color: var(--white);
			border-radius: 10px;
			margin-bottom: 15px;
			padding: 20px;
		}

		#more-about > div > * {
			max-width: 100%;
		}

		#more-about > div.img_bg1 > * {
			margin-bottom: 15px;
		}

		#more-about > div.img_bg1 > *:not(.img) {
			margin-top: 0px;
			padding: 0px;
		}

		#more-about .btn {
			margin: 20px 0px 0px 0px;
			width: 100%;
		}

		#more-about {
			padding:15px;
		}

		#more-about .btn {
			margin: 15px auto 0px auto;
		}			
		
		#more-about > div > * {
			max-width:calc(100% - 30px);
		}
		
		#more-about > div.img_bg1 > * {
			margin-bottom:10px;
			width:100%;
		}
		
		#more-about > div.img_bg1 > *:not(.img) {
			margin-top:10px;
			padding:3vw 10px;
		}					

		#more-about > div > img {
			margin:15px 0;
			max-width:100%;
		}
		
		#more-about > div.img_bg1 {
			align-items: center;
			-webkit-align-items: center;
		}
		
		#more-about picture,
		#more-about picture img {
			margin:0px;
		}
		
		#more-about h3,
		#more-about p {
			text-align:left;
		}	
		
		#more-about > div,
		#more-about > div:nth-child(odd),
		#more-about > div:nth-child(even) {
            flex-direction:column !important;
            -webkit-flex-direction:column !important;
        }
	

		#bottom-banner > div {
			padding: 20px;
		}

		#bottom-banner h2 {
			margin: 0px 0px 15px 0px;
		}

		#bottom-banner p {
			margin-bottom: 15px;
		}

		#bottom-banner .asset.button {
			margin: 0px;
			width: 100%;
		}
		
		#intro .featured-image {
			height: 200px;
		}

		#intro .image-gallery picture,
		#intro .image-gallery img {
			height: 160px;
		}

		#intro h1 {
			font-size: 32px;
		}

		#description h2, 
		#amenities h2, 
		#booking h2 {
			font-size: 20px;
		}

		#intro .price {
			font-size: 28px;
		}

		#booking #btn-enquire {
			font-size: 1rem;
		}

		#amenities ul {
			grid-template-columns: 1fr;
		}
	}


	
	@media screen and (min-width: 992px) {
	
		main {
			padding: 20px 8vw;
		}
		

		#intro .col_a,
		#intro .col_b {			
			transition-duration: 0.5s;
			transition-property: width;
		}
		
		#intro .col_a {			
			border-radius: 7px;
			padding-right: 3%;
			padding-bottom: 15px;
			width: 60%;
		}
		
		#intro .col_b {			
			flex: 1;
			-webkit-flex: 1;
			border-radius: 10px;
			padding-left: calc(15px + 1%);
		}
		
		
		#intro .featured-image {
			height: 50vw;
			max-height: 700px;
		}

		#intro .image-gallery picture {
			height: clamp(150px, 15vw, 260px);
		}

		#intro #virtual-tour picture img,
		#intro #virtual-tour p {
			transition-duration: .3s;
			transition-property: color, filter, transform;
		}

		#intro #virtual-tour:hover picture img {
			filter: blur(0) brightness(0.9) contrast(0.7);
			transform: scale(1.1);
		}

		#intro #virtual-tour:hover p {
			text-decoration: underline;
		}

		#intro h1 {
			font-size: 3rem;
		}

		#intro h1.xs-only,
		h3.xs {
			display: none;
		}

		h3.md {
			display: block;
			margin-bottom: 0px;
		}
		
		#description {
			margin: 0px 30px 30px -20px;
			padding: 7px 20px 0px 20px;
		}
		
		
		#reviews {
			-webkit-justify-content: space-between;
			justify-content: space-between;
		margin-top: 20px;
		}
		
		#reviews picture {
			border-radius: 5px;
			height: 33vw;
			margin: 10px 0px 20px 20px;
			width: calc(33vw - 25px);
		}
		
		#reviews .col_b {
			-webkit-flex: 1;
			flex: 1;
			padding: 0px calc(20px + 4vw);
		}
	
		#reviews .testimonial_highlight {
			padding: 50px 30px 50px 0px;
		}
				
		#reviews .testimonial_highlight blockquote {
			font-size: 2rem;
		}
		
		
		
		#summary .col_a {
			background-color: var(--white);
			border-radius: 10px;
			margin: 0px 30px auto -20px;
			padding: 20px;
			width: calc(60% + 20px);
		}

		#summary .col_a > div:not(.summary-detail) {
			border-radius: 4px;
			margin: 15px 0px auto 0px;
			padding: 10px 5px;
			width: 25%;		
		}
		
		#summary .col_b {
			width: 40%;
		}
		
		#summary .col_b picture {
			height: 20vw;
			width: 100%;
		}
	
		#summary .s_btn,
		#summary .s_btn strong:after,
		#summary .btn_close,
		#summary #epc .epc_header .epc_close {
			transition-property: background, color, transform;
			transition-duration: .3s;
		}

		#summary .s_btn:hover,
		body.s_deposit #summary .s_btn.s_deposit {
			background-color: #F9F3FF;
			color: #1D1525;
		}

		#summary #eer:not([aria-disabled="true"]):hover,
		#summary.epc #eer {
			background-color: #e3f7ff;
			color: #024058;
		}
				
		#summary #eer:not([aria-disabled="true"]):hover strong:after {
			background-color: #87d3ef;
		}
		
		body:not(.s_deposit) #summary .s_btn.s_deposit:hover strong:after {
			background-color: #E6CEFF;
			-webkit-transform: rotate(90deg) translateX(5px);
			transform: rotate(90deg) translateX(5px);
		}
				
		#summary #epc .epc_header .epc_close:hover {
			background-color: #16627e;
		}
				
		#summary:not(.epc) #eer:not([aria-disabled="true"]):hover strong:after {
			-webkit-transform: rotate(90deg) translateX(5px);
			transform: rotate(90deg) translateX(5px);
		}
		
		#summary #holding-deposit {
			border-radius: 5px;
			/*min-height: 250px;
			width: 60%;*/
		}

		#summary #holding-deposit .btn_close,
		.epc_header .epc_close {
			background-position: center;
			background-repeat: no-repeat;
			background-size: 0.5em;
			border: 1px solid #aaa3;
			border-radius: 3px;
			content: ' ';
			cursor: pointer;
			height: 1.2em;
			transform: rotate(-90deg);
			width: 1.2em;
		}

		#summary #holding-deposit .btn_close {
			background-color: #f5eaff;
		}

		#summary #holding-deposit .btn_close:hover {
			background-color: #e2d7ed;
		}

		
		
		#more-about picture,
		#more-about picture img {
			border-radius:5px;
			object-fit:cover;
		}
		
		#more-about picture {
			max-height: 40vw;
			overflow:hidden;
		}
		
		#more-about .btn {
			margin-left: 0px;
			margin-right: auto;
		}
		
		#more-about > div.img_bg2 > .img {
			padding: 0px calc(10vw - 20px);	
			width: 100%;
		}

		#more-about > div.img_bg2 > *.col_b {
			padding: 0px calc(20vw - 20px) 0px calc(10vw - 20px);
			width: 100%;
		}

		#more-about > div > div h3,
		#more-about > div > div p {
			max-width: 80vw;
			text-align: left;
		}
		
		#map {
			
			margin-bottom: 30px;
			padding: 0px 7vw 30px 7vw;
		}
		
		#favourites {
			padding-bottom: 30px
		}
		
		
		#bottom-banner {
			height: 80vh;
			max-height: 700px;
		}
		
		#bottom-banner picture img {
			min-height: 100%;
		}
		

		.body_cms picture,
		.body_cms img {
			max-height:800px;
		}
	}
	
	
	
	
	@media screen and (min-width:1200px) {

		#more-about {
			background-color: var(--pale-sky);
			padding: 20px 6vw 10px 6vw;
		}
	
		#more-about > div {
			border-radius: 5px;
		}


		#more-about div.img_bg1:nth-child(odd) div.img {
			padding-left: 3vw;
			padding-right: 1vw;
		}
		
		#more-about div.img_bg1:nth-child(even) div.img {
			padding-right: 3vw;
		}

		#more-about div.img_bg1 div.img {
			padding-bottom: 3vw;
			padding-top: 3vw;
			width: 50%;
		}

		#more-about > div.img_bg1 > *:not(.img) {
			padding-left: 5vw;
			padding-right: 3vw;
		}

		#more-about > div.img_bg1.img_bg1:nth-child(odd) > .col_b:not(.img) {
			padding-left: 4vw;
		}
	}
	
	
	
	
	@media screen and (min-width:1920px) {
		#bottom-banner picture {
			-webkit-justify-content: center;
			justify-content: center;
			border-radius: 5px;
		}
		
		#bottom-banner {
			padding: 0px 7vw 50px 7vw;
		}
	}
	
	
	
	@media screen and (min-width:2049px) {
		#know-more {
			border-radius: 10px;
		}
	}