body {
	font-family: "Roboto",serif;
	margin: 0px;
	}
	
.display_phone {
	display: block;
}

.display_tablet {
	display: none;
}	

.display_desktop {
	display: none;	
}

.top-stripe-m {
	padding: 8px;
	background-color: #c9d6ee;
	margin: 10px 0px 15px 0px;
	display: block;
	font-family: "Fira Sans Condensed", sans-serif !important;
}

.top-stripe-w {
	padding: 8px;
	background-color: #c9d6ee;
	margin: 15px 0px 15px 0px;
	display: none;
	font-family: "Fira Sans Condensed", sans-serif !important;
}

.section-header {
	background-color: #c9d6ee;
	font-weight: bold;
	font-size: 20px;
	padding: 15px;
	margin: 20px 0px 20px 0px;
	display: none;
}

.menu-repeat {
	background-color: #007dc3;
	color: #FFFFFF;
	font-size: 14px;
	margin: 20px 0px 15px 0px;	
	padding: 5px 0px 5px 0px;
}

.main-dets {
	background-color: #007dc3;
	color: #FFFFFF;
	font-size: 13px;
	margin: 0px 0px 0px 0px;	
	padding: 5px 0px 5px 0px;
}

.footer {
	color: #666666;	
	background-color: #c9d6ee;
}

.button_old {
	padding: 5px 8px 5px 8px;
	margin: 1px;
	background-color: #007dc3;
	color: #FFFFFF;
	text-decoration: none;
	border-radius:8px; 
	line-height: 2.75;
	font-size: 12px;
}

.button {
	padding: 6px 2px 6px 2px;
	margin: 3px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 2;
	font-size: 12px;
}

.address {
	font-size: 24px;
	font-weight: 900;
	line-height: 1;
	margin: 10px 0px 5px 0px;
	color: #000000;
}

.address2 {
	font-size: 20px;
	margin: 0px 0px 5px 0px;
	color: #666666;
}

.property_bullets {
	margin: 5px 0px 5px 0px;
	font-weight: bold;	
	color: #3163a9;
}

.schools-m {
	margin: 5px 0px 5px 0px;
	color: #666666;
	font-size: 14px;
	line-height: 25px;
}

.schools-w {
	display: none;
}

.remarks {
	text-align: justify;
	margin: 15px 10px 0px 10px;
	line-height: 1.5;
}

.remarks-more {
	text-align: justify;
	margin: 20px 10px 0px 10px;
	line-height: 1.5;
}

.img_detailed {
	width: 100%;
	padding: 0px 0px 0px 0px;
}

.floorplans {
	width: 100%;
	padding: 0px 0px 0px 0px;
}

.img_detailed2 {
	width: 100%;
}

.map_frame {
	width: 100%;
	height: 300px;	
}

.matterport-showcase { 
	position: relative;
	padding-bottom: 57%;
	height: 0; 
	overflow: hidden; 
}

.matterport-showcase iframe { 
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%; 
}

.virtualreality {
	line-height: 200%;
	padding: 15px;
}

@media only screen and (min-width: 640px) {

	.display_phone {
		display: none;
	}

	.display_tablet {
		display: block;
	}	

	.display_desktop {
		display: none;	
	}	

	.top-stripe-m {
		padding: 8px;
		background-color: #c9d6ee;
		margin: 10px 0px 15px 0px;
		display: none;
	}

	.top-stripe-w {
		padding: 8px;
		background-color: #c9d6ee;
		margin: 15px 0px 15px 0px;
		display: block;
	}

	.address {
		font-size: 30px;
		font-weight: 900;
		line-height: 1;
		margin: 10px 0px 5px 0px;
		color: #000000;
	}

	.address2 {
		font-size: 22px;
		margin: 0px 0px 10px 0px;
		color: #666666;
	}

	.main_image_div {
		display: grid;
        height: 100%;
	}
	
	.img_detailed_old {
		width: 75%;	
		padding: 13px 0px 0px 0px;
	}

	.img_detailed {
		max-width: 100%;
        max-height: 100vh;
        margin: auto;
	}
	
	.floorplans {
		width: 100%;
		padding: 0px 0px 0px 0px;
	}

	.img_detailed2 {
		width: 75%;
	}

	.map_frame {
		width: 100%;
		height: 500px;	
	}

	.matterport-showcase iframe { 
		position: absolute;
		top: 0; 
		left: 5%;
		width: 90%;
		height: 90%; 
	}

}

@media only screen and (min-width: 1000px) {

	.display_phone {
		display: none;
	}

	.display_tablet {
		display: none;
	}		

	.display_desktop {
		display: block;	
	}	

	.top-stripe-m {
		padding: 8px;
		background-color: #c9d6ee;
		margin: 10px 0px 15px 0px;
		display: none;
	}

	.top-stripe-w {
		padding: 8px;
		background-color: #c9d6ee;
		margin: 15px 0px 15px 0px;
		display: block;
	}

	.address {
		font-size: 36px;
		font-weight: 900;
		line-height: 1;
		margin: 10px 0px 5px 0px;
		color: #000000;
	}

	.address2 {
		font-size: 22px;
		margin: 0px 0px 10px 0px;
		color: #666666;
	}

	.remarks {
		margin-top: 20px;
		text-align: justify;
		line-height: 1.5;
		width: 75%;
	}
	
	.remarks-more {
		margin-top: 20px;
		text-align: justify;
		line-height: 1.5;
		width: 75%;
	}
	
	.main_image_div {
		display: grid;
        height: 100%;
	}
	
	.img_detailed_old {
		width: 50%;	
		padding: 13px 0px 0px 0px;
	}

	.img_detailed {
		max-width: 100%;
        max-height: 100vh;
        margin: auto;
		margin-top: 0px;
	}
	
	.floorplans {
		width: 100%;
		padding: 0px 0px 0px 0px;
	}

	.img_detailed2 {
		width: 30%;	
		padding: 5px 7px 5px 7px;
	}
	
	.map_frame {
		width: 100%;
		height: 600px;	
	}

	.schools-m {
		display: none;
	}

	.schools-w {
		margin: 5px 0px 5px 0px;
		color: #666666;
		font-size: 14px;
		display: block;
	}

	.matterport-showcase iframe { 
		position: absolute;
		top: 0; 
		left: 10%;
		width: 80%;
	}

}