@media (max-width: 767px) {
	.logo {
		height: 30px;
	}
	.navbar-brand {
		justify-content: center;
	}
	.navbar-brand .logo.brand:first-child {
		display: none;
	}
	.navbar-brand .logo.brand:last-child {
		display: block;
	}
	#openmenu:checked ~ #header > div.row > .menu-search,
	#openmenu:checked ~ #fullpage > .section #header > div.row > .menu-search,
	#openmenu:checked ~ #header > div.row > .menu-search > .inactive > a > img ,
	#openmenu:checked ~ #fullpage > .section #header > div.row > .menu-search > .inactive > a > img,
	#openmenu:checked ~ #header > div.row .menu-phone,
	#openmenu:checked ~ #fullpage > .section #header > div.row .menu-phone,
	#openmenu:checked ~ #header > div.row .menu-phone > img,
	#openmenu:checked ~ #fullpage > .section #header > div.row .menu-phone > img {
		-ms-flex: 0 0 0%;
		flex: 0 0 0%;
		max-width: 0%;
		padding: 0;
	}
	#openmenu:checked ~ #header > div.row .menu-option,
	#openmenu:checked ~ #fullpage > .section #header > div.row .menu-option {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	#openmenu:checked ~ #header > div.row .navbar-brand,
	#openmenu:checked ~ #fullpage > .section #header > div.row .navbar-brand {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	#opensearch:checked ~ #header > div.row > .menu-search, 
	#opensearch:checked ~ #fullpage > .section #header > div.row > .menu-search {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	#opensearch:checked ~ #header > div.row > .menu-option, 
	#opensearch:checked ~ #fullpage > .section #header > div.row > .menu-option {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	#opensearch:checked ~ #header > div.row > .navbar-brand, 
	#opensearch:checked ~ #fullpage > .section #header > div.row > .navbar-brand,
	#opensearch:checked ~ #header > div.row .menu-phone,
	#opensearch:checked ~ #fullpage > .section #header > div.row .menu-phone,
	#opensearch:checked ~ #header > div.row .menu-phone > img,
	#opensearch:checked ~ #fullpage > .section #header > div.row .menu-phone > img {
		-ms-flex: 0 0 0%;
		flex: 0 0 0%;
		max-width: 0%;
		padding: 0;
	}
	.search-checkbox {
		width: 25%;
		margin-left: 50%;
	}
	.menu-checkbox {
		width: 25%;
		margin-left: 75%;
	}
	.search-checkbox-change {
		width: 0%;
	}
	.menu-checkbox-change {
		width: 25%;
	}
	#opensearch:checked {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
		margin-left: 58.333333%;
	}
	#openmenu:checked {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
		margin-left: 83.333333%;
	}
	#openmenu:checked ~ #menu-pane, 
	#opensearch:checked ~ #search-pane,
	#openmenu:checked ~ .section #menu-pane, 
	#opensearch:checked ~ .section #search-pane {
		transform: translateX(0vw);
	}
	#menu-pane, #search-pane {
		width: 100vw;
	}
	#title-pane {
		display: block;
	}
	#title-pane > .row > div {
		height: 70px;
	}
	.name-text {
		height: 70px;
		display: flex;
		align-content: center;
		margin-top: 0px;
	}
	.name-text > h5:first-child {
		text-transform: uppercase;
		overflow-wrap: break-word;
		font-size: 0.7rem;
		margin-bottom: 0px;
		padding: 0px;
	}
	.name-text > h5:last-child {
		overflow-wrap: break-word;
		font-size: 0.7rem;
		margin-bottom: 0px;
		padding: 0px;
	}
	.type-arrow {
		padding: 0px;
		align-self: center;
	}
	.type-arrow:first-child {
		text-align: end;
	}
	.type-arrow:last-child {
		text-align: start;
	}
	.type-text {
		font-size: 0.7rem;
	}
	.type-arrow > a > img {
		width: 75%;
	}
	#detail-pane {
		width: 16.666667vw;
		top: 170px;
	}
	#property-pane {
		transform: translateX(16.666667vw);
		width: 83.333333vw;
		top: 170px;
	}
	#property-pane > .row > div > div.row:first-child {
		display: none;
	}
	#property-pane > .row > div .name-text,
	#property-pane > .row > div .name-text > h5 {
		height: 0px;
		visibility: hidden;
	}
	#property-pane > .row > div .name-text {
		-webkit-transition: 0.7s ease;
		-moz-transition: 0.7s ease;
		-o-transition: 0.7s ease;
		-ms-transition: 0.7s ease;
		transition: 0.7s ease;
	}
	.name-button {
		-webkit-transition: 0.7s ease;
		-moz-transition: 0.7s ease;
		-o-transition: 0.7s ease;
		-ms-transition: 0.7s ease;
		transition: 0.7s ease;
		margin-top: 10px;
	}
	.description-text {
		margin-top: -25px;
		-webkit-transition: 0.7s ease;
		-moz-transition: 0.7s ease;
		-o-transition: 0.7s ease;
		-ms-transition: 0.7s ease;
		transition: 0.7s ease;
	}
	.description-text > .description {
		margin-top: 0px;
		line-height: 1.6;
		font-size: 0.9rem;
	}
	#openinfo {
		top: 170px;
		right: 3vw;
	}
	#openinfo:checked {
		width: 25vw;
		right: 0vw;
	}
	#openinfo:checked ~ #detail-pane {
		width: 75vw;
	}
	#openinfo:checked ~ #property-pane {
		transform: translateX(75vw);
		width: 25vw;
	}
	#openinfo:checked ~ #property-pane > .row > div .name-text {
		-ms-flex: 0 0 0%;
		flex: 0 0 0%;
		max-width: 0%
	}
	#openinfo:checked ~ #property-pane > .row > div > .row > .name-button {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	#openinfo:checked ~ #property-pane > .row > div > .row > .name-button > img {
		margin-right: auto;
	}
	#openinfo:checked ~ #property-pane > .row > div > .row > .description-text {
		margin-top: 0px;
	}
	.content-properties.property {
		padding-right: 0;
	}
	.content-properties.property > #detail > div > img {
		width: 100%;
	}
	iframe.photo-property {
		height: 300px;
	}
	#option-pane {
		top: 170px;
		height: 45px;
		width: 45px;
	}
	#option-pane > .row {
		height: 45px;
	}
	#option-pane > .row:last-child > img {
		width: 40%;
	}
	#share-pane {
		top: 170px;
		width: 100vw;
		transform: translateX(-100vw);
	}
	#full-image, #openimage {
		right: 28vw;
		top: 170px;
		display: none;
	}
	#openinfo:checked ~ #full-image,
	#openinfo:checked ~ #openimage {
		display: block;
	}
	#openshare {
		top: 170px;
		width: 45px;
		height: 45px;
	}
	#grid-pane > div > div {
		height: 50vw;
	}
	#contact-pane {
		overflow-y: overlay;
	}
	.contact-checkbox {
		display: block;
		opacity: 0;
		width: 25vw;
		height: 75px;
		top: 100px;
	}
	.contact-left, .contact-right {
		-webkit-transition: 0.7s ease;
		-moz-transition: 0.7s ease;
		-o-transition: 0.7s ease;
		-ms-transition: 0.7s ease;
		transition: 0.7s ease;
	}
	.content-generic > .contact-left > div:first-child,
	.content-generic > .contact-right > div:first-child {
		text-align: center;
	}
	.content-generic > .contact-left > div:first-child > img,
	.content-generic > .contact-right > div:first-child > img {
		width: 30%;
		height: auto;
	}
	.content-generic > .contact-left > div:first-child {
		display: block;
	}
	.content-generic > .contact-right > div:first-child {
		display: none;
	}
	.content-generic > .contact-right > div:last-child > .row:nth-child(2) {
		margin-bottom: 10%;
	}
	.content-generic > .contact-right > div:last-child > .button-search {
		margin-bottom: 5%;
	}
	.contact-left > div:last-child, .contact-right > div:last-child {
		overflow: hidden;
		max-height: 0px;
		-webkit-transition: 0.7s ease;
		-moz-transition: 0.7s ease;
		-o-transition: 0.7s ease;
		-ms-transition: 0.7s ease;
		transition: 0.7s ease;
	}
	.contact-right > div:last-child {
		max-height: 5000px;
	}
	.line-vertical, .line-horizontal, .line-middle {
		display: none;
	}
	.content-generic > .contact-left > div > div:first-child > img {
		margin-top: 30px;
	}
	.content-generic > .contact-right > div > div > h5 {
		margin-left: 8.333333%;
		margin-right: 0px;
		margin-top: 30px;
	}
	.button-search {
		position: relative;
	}
	.button-search > img {
		height: 20px;
	}
	#opencontact:checked {
		left: 75vw;
	}
	#opencontact:checked ~ #contact-pane > .content-generic > .contact-left {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	#opencontact:checked ~ #contact-pane > .content-generic > .contact-right {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	#opencontact:checked ~ #contact-pane > .content-generic > .contact-left > div:first-child {
		display: none;
	}
	#opencontact:checked ~ #contact-pane > .content-generic > .contact-right > div:first-child {
		display: block;
	}
	#opencontact:checked ~ #contact-pane > .content-generic > .contact-left > div:last-child {
		max-height: 5000px;
	}
	#opencontact:checked ~ #contact-pane > .content-generic > .contact-right > div:last-child {
		max-height: 0px;
	}
}
@media (max-width: 575px) {
	.dropdown-zone {
		margin-top: 20px;
	}
	.content-generic > .contact-left > div:first-child > img,
	.content-generic > .contact-right > div:first-child > img {
		width: 50%;
	}
}
@media (max-width: 400px) {
	#header, #footer, .navbar-brand, 
	.menu-phone, .menu-search, .menu-option,
	.search-checkbox, .menu-checkbox, .contact-checkbox, 
	.bottom-left-checkbox, .bottom-right-checkbox,
	.button-bottom {
		height: 25vw;
	}
	#menu-pane, #search-pane, #property-pane,
	#title-pane, #detail-pane, #option-pane,
	#residential-pane, #commertial-pane, #grid-pane,
	#full-image, #openimage, #contact-pane {
		top: 25vw;
	}
}