@media screen and (max-width: 1200px)
{
	.darkmode .navbar a:hover { color: white; /* Otherwise hamburger menu icon stays in hover state */ }
	.darkmode #navbar-items { background: rgba( 0,0,0, 0.45 ); box-shadow: 0 0 40px rgba(0,0,0, 0.8); }
	.darkmode .listingbox-bg { background: rgba(0,0,0,0.3) !important; color: white; }
	.darkmode .footer { background: rgba(0,0,0,0.2); }
	.darkmode .subnav { background: none; }
	.darkmode .subnav a { color: white; }
	
	.navbar, .subnav { min-width: initial; text-align: left; }
	.navbar a, .subnav a { font-size: 14px; display: block; padding: 0; }
	.navbar a:hover, .subnav a:hover { color: black; }
	.navbar .selected, .subnav .selected { color: rgb(var(--link-color)); }
	#navbar-items-collapsed { display: flex; }
	#navbar-items-collapsed a { flex: auto; text-align: center; }
	#navbar-items-collapsed a:first-child, #navbar-items-collapsed a:last-child { flex: 0 0 var(--navbar-height); }
	#navbar-items { display: none; box-shadow: 0 10px 20px rgba(0,0,0, 0.2); padding: var(--margin); }
	#navbar-items a+a, .subnav a+a { border-top: var(--thin-line); }
	#navbar-items a:first-child, #navbar-items a:last-child { display: none; }
	#navbar-items a:nth-child(2) { border: none; }
	
	.subnav { background: white; position: initial; margin-top: initial; padding: var(--margin); padding-top: calc(var(--navbar-height) + var(--margin)); }
	.subnav a { color: black; }
	.subnav .selected { color: rgb(var(--link-color)); }
}

@media screen and (max-width: 768px)
{
	:root
	{
		--content-width: 100%;
		
		--navbar-height: var(--margin-l);
		--subnav-height: var(--margin-l);
	}
	
	/*.coronavirus { display: none; }*/
	/*.coronavirus-mobile { display: block; padding: 70px 20px 20px 20px; background: rgb(64, 103, 136); color: white; line-height: 1.7em; }
	.coronavirus-mobile h3 { opacity: 0.5; }
	.coronavirus-mobile a { color: white; border-bottom: 1px solid rgba(255,255,255,0.5); }
	*/
	
	.grecaptcha-badge { opacity: 0; }
	
	body { min-width: unset; }
	
	#searchbox { margin: -80px 0 0 -170px; }
	#searchbox input { width: 300px; }
	#searchbox a { display: none; }
	.sitesearch-form input[type="text"] { width: 100%; }
	.sitesearch-form input[type="submit"] { display: none; }
	
	.photodialog-bg { padding: var(--margin) !important; }
	.photodialog-dialog { width: 100% !important; padding: var(--margin); }
	.subnav + .photodialog-bg { padding: var(--margin); }
	.subnav + .text-container { padding-top: calc(var(--margin-l)); }
	.ptypelabel.small { font-size: 0.7rem; }
	.text-container { background: white; padding: var(--margin); }
	.singlecol { width: 100%; }
	.doublecol { display: block; }
	.doublecol .left { padding: 0; }
	.doublecol .right { padding: var(--margin) 0 0 0; }
	.handwritten-note { padding: var(--margin-s); }
	div.subnav + div.flex-wrap-container { padding-top: var(--margin); }
	.propertyinfo span { display: block; line-height: 2em; }
	.fullscreen-map,
		.simpleresults-map { border-top: unset; }
	
	.footer { margin: 0; padding: var(--margin-s) !important; font-size: 0.9rem; font-weight: normal; line-height: 1.2rem }
	.footer .breadcrumbs { font-size: initial; overflow: initial; overflow-x: scroll; -webkit-overflow-scrolling: touch; text-overflow: initial; }
	.footer .breadcrumbs span { display: inline-block; }
		.footer span { display: block; margin-top: 0.9rem !important; margin-bottom: 0.9rem !important; line-height: 1.2rem !important; }
	.footer .nav { display: block; }
	.footer .nav div { display: block; margin: 0 0 var(--margin) 0 !important; }
	.footer .nav div span:first-child { text-transform: uppercase; white-space: nowrap; }
	.footer .social-media-row { display: block; }
	.footer .social-media-row div { display: block; margin-bottom: var(--margin-s); }
	.footer .social-media-row .column-left { text-align: center; border-bottom: var(--thin-line); padding-bottom: var(--margin-s); }
	.footer .social-media-row .column-left a { margin: 0; padding: var(--margin-s); }
	.footer .social-media-row .column-right { text-align: right; }
	.footer .reaa { border-top: var(--thin-line); margin: 0; padding-top: var(--margin); }
	.footer .reaa span { display: block; margin-right: 0; }
	.footer .office-details { text-align: center; margin-top: var(--margin-s); }
	
	.slick-prev,
		.slick-next { display: none !important; }
	.homepage-blurb { padding: var(--margin); line-height: var(--lh-single); }
	.homepage-links { display: none; border-bottom: var(--thin-line); }
	.homepage-links span { display: block; margin: var(--margin-s) 0; }
	
	.nzmap-bg { background: rgb(35,42,58); padding-top: var(--margin); }
	.nzmap-container { all: initial; }
	.nzmap-img { all: initial; width: 100%; margin-bottom: var(--margin); display: none; }
	.nzmap-label.all-regions { display: none; }
	.nzmap-label { margin: 0 !important; position: static !important; display: block; font-size: 15px !important; text-align: left; }
	.nzmap-label a { margin: 0 var(--margin); padding: 0; line-height: var(--navbar-height); text-shadow: 1px 1px 0 black; display: block; border-top: var(--thin-line-inverted); }
	.nzmap-label.auckland a { border: none; }
	.nzmap-label.new-zealand, .nzmap-label.international { display: none; }
	
	.viewlisting .print-row a+a { display: block; margin: var(--margin-s) 0 0 0; }
	.viewlisting-friendform form { width: 100%; padding: 0 var(--margin-s); }
	
	.agentbox-multi-container .agentbox { margin: var(--margin) 0; }
	.agentbox { display: block; width: 100%; overflow: hidden; border-radius: unset; box-shadow: unset; }
	.agentbox-photo img { width: 100px; height: 120px; }
	
	.profile-header { background: white; border-bottom: var(--thin-line); }
	.profile-header.small img { display: none; }
	.profile-header.office img { width: 300px; height: 200px; }
	.profile-header .nav { text-align: left; }
	.profile-header .nav a { display: block; border-bottom: var(--thin-line); height: var(--navbar-height); line-height: var(--navbar-height); padding: 0; margin: 0 var(--margin-xs); }
	.profile-header .nav a:last-child { border: none; }
	
	.profile-agent-appraisaldiv { width: unset; }
	.profile-agent-appraisaldiv form { width: unset; }
	.handwritten-note.profile-agent { width: unset; margin: var(--margin-s); }
	
	.doublecol.profile-office .left { width: initial; }
	.doublecol.profile-office .right { border-top: var(--thin-line); margin-top: var(--margin); padding-top: var(--margin); }
	
	.ps-latestadditions { padding: var(--margin); overflow-x: scroll; -webkit-overflow-scrolling: touch; margin-top: var(--margin); }
	.ps-latestadditions a+a { margin-left: var(--margin); }
	
	.searchpanel-container { display: block; padding: calc(var(--navbar-height) + var(--margin-xs)) var(--margin-s) var(--margin-l) var(--margin-s); }
	.searchpanel-container.rentals { padding: var(--margin-s); padding-top: var(--margin-xs); }
	.subnav + .searchpanel-container { padding-top: var(--margin-xs); }
	.searchpanel { display: block; }
	.searchpanel .flatlinks-row a { text-transform: uppercase; padding: var(--margin-xs); margin: var(--margin-xxs); }
	.searchpanel .row-label { line-height: initial; display: block; margin: var(--margin) 0 var(--margin-xs); padding: 0 0 var(--margin-xs) 0; border-bottom: var(--thin-line); }
	#searchpanel-form { display: block; margin: 0; }
	.searchpanel .select-region { margin-top: var(--margin-xxs); }
	.searchpanel .multiselect-label { display: none; }
	.button.show-on-map { bottom: 0; }
	
	.listingbox-bg { padding: 0; }
	.listingbox-bg:nth-child(odd) { background-color: white; }
	.listingbox { width: 100%; margin: 0; padding: var(--margin) 0; display: block; }
	.listingbox .photo-col { display: block; }
	.listingbox .photo-col img { width: 100%; height: auto; box-shadow: unset; }
	.listingbox .details-col { display: block; height: unset; margin: var(--margin-s); }
	.listingbox .details-col h2 { line-height: var(--lh-single); }
	.listingbox .propertyinfo span { font-size: 0.8rem; }
	.listingbox .agents-div { position: relative; margin-top: var(--margin-s); }
	.listingbox .add2shortlist-div { position: absolute; right: 0; bottom: 0; }
	
	.fpbox { width: calc( 100vw - 2 * var(--margin-s) ); height: calc(0.66 * 100vw); }
	.fpbox .info-container { font-size: 17px; line-height: 1.3em; padding: var(--margin-xs); }
	.fpbox .info-container span { font-size: 13px; }
	
	.shortlist-strip { display: block; width: unset; }
	.shortlist-strip .photo-col img { width: 100%; height: unset; }
	.shortlist-strip .remove-col a { line-height: 40px; }
	.shortlist-strip .listingbox-shortlistbutton-div { bottom: var(--margin-s); right: var(--margin-s); }
	
	.hero-div { height: 100vh; }
	.hero-div .text span { width: 100%; }
	.photogrid-container { padding: 0; }
	.photogrid { display: none; }
	.photogrid-mobile { display: block !important; }
	.photogrid-mobile img { display: block; width: 100%; margin-top: 2px; background: rgba(0,0,0,0.2); }
	
	.hero-div.apartments .text { top: 80px; }
	.text-container.apartments { padding-left: 0; padding-right: 0; }
	.text-container.apartments div { padding: var(--margin-s); }
	.text-container.apartments div p { width: 100%; font-size: 15px; padding: var(--margin-s); }
	.apartments-photogrid { flex-wrap: wrap; }
	.apartments-photogrid div { width: 100%; height: 20vh; margin: 0 0 var(--margin-xs) 0; }
	.apartments-photogrid div:last-child { margin: 0; }
	
	.hero-div.buyingpage .text span { margin: 300px auto 0 auto; }
	.hero-div.aboutakl div { top: 32%; }
}