@media screen
and (min-width: 1930px) {
	#flatSelector .colLeft {
		width: 100%;
		padding-right: 1317px;
		min-height: 728px;
	}

	.flatTop .colLeft {
		min-height: 776px;
	}

	#flatSelector .colRight, .flatTop .colRight {
		position: absolute;
		top: 124px;
		right: 20px;
	}

	.flatBottom {
		display: table;
		width: 100%;
	}

	.flatBottom .colLeft {
		display: table-cell;
		width: auto;
		float: none;
	}

	.flatBottom .colRight {
		display: table-cell;
		width: 1317px;
		float: none;
	}

	/*.square { height: 209px; }*/
}

@media screen
and (max-width: 1860px) {
	#filters .pair {
		width: 49%;
		margin-right: 1%;
	}

	#filters .pair:nth-of-type(2) {
		margin-left: 1%;
		margin-right: 0;
		text-align: left;
	}
}

@media screen
and (max-width: 1919px) {
	.colLeft {
		margin-right: 18px;
		padding-left: 0;
	}

	.homepageDetail .flatBottom .colLeft {
		padding-left: 50px;
	}
}

@media screen
and (max-width: 1846px) {
	nav { height: 86px; }

	nav .content {
		height: 86px;
		padding-left: 140px;
		padding-right: 120px;
	}

	#logo {
		line-height: 86px;
	}

	#logo img {
		height: 55px;
		margin-left: 22px;
	}

	#mainMenu {
		height: 86px;
		line-height: 86px;
	}

	#mainMenu li { padding: 0 1.5%; }

	#langSwitch {
		height: 86px;
		line-height: 86px;
		right: 26px;
	}

	.contentTop { padding-top: 86px; }

	.content {
		width: 100%;
		min-width: 1537px;
		display: table;
	}

	.colLeft {
		width: auto;
		float: none;
		display: table-cell;
		vertical-align: top;
		padding-right: 18px;
		margin-right: 0;
	}

	.colRight, .flatBottom .colRight {
		width: 932px;
		float: none;
		display: table-cell;
		position: relative;
		vertical-align: top;
	}

	.square { height: 244px; }

	#floorDescription {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 20%;
		font-size: 0.8rem;
		height: 140px;
	}

	#floorDescription .inner { vertical-align: top; }

	#floorDescription {
		padding: 10px 0;
	}

	#floorDescription td { height: auto; }

	#floorDescription h2 { margin-top: 0; }

	#filters h2 { margin-top: 0; }

	.flatList .top { width: 60px; }
	.flatList .price { width: 200px; }
	.flatList th.vertical { width: 55px; }
	.flatList th.vertical span { height: 3.3em; }

	/* --- detail --- */

	.flatBottom {
		display: table;
		width: 100%;
	}

	.floorPlan, .flatPlan { width: 48%; }

	.flatPlan img {
		width: 100%;
		max-width: 621px;
	}

	.floorPlan img {
		margin-top: 190px;
		max-width: 430px;
	}

	.floorPlan {
		margin-top: 0;
		margin-left: 1%;
	}

	.flatPlan { margin-right: 1%; }
}

@media screen
and (max-width: 1606px) {
	.square { height: 233px; }
}

@media screen
and (max-width: 1780px) {
	.homepageDetail .colLeft { padding-top: 88px; }
	.homepageDetail .colRight { padding-top: 88px; }

	.homepageDetail .colRight.bottom { padding-top: 0; }

	.flatList th.vertical { width: 35px; }
	.flatList th.vertical span { height: 2em; }
	.flatList .top { width: 40px; }
	.flatList .price { width: 160px; }
}

@media screen
and (max-width: 1650px) {
	nav { height: 71px; }

	nav .content {
		height: 71px;
		padding-left: 220px;
		padding-right: 215px;
	}

	#logo {
		line-height: 71px;
	}

	#logo img {
		height: 45px;
		margin-left: 20px;
	}

	#mainMenu {
		height: 71px;
		line-height: 71px;
	}

	#mainMenu li { padding: 0 0.8%; }

	#langSwitch li { margin: 0; }

	#langSwitch {
		height: 71px;
		line-height: 71px;
		right: 20px;
	}

	.contentTop { padding-top: 71px; }

	#mainMenu a, #langSwitch a { font-size: 13px; }

	/* #mainMenu li#mainMenu1 { display: none; } */

	/* #langSwitch li a { padding: 0 5px; } */
}

@media screen
and (max-width: 1536px) {

	.content {
		min-width: 972px;
		display: block;
	}

	.colLeft {
		width: auto;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.colRight {
		display: block;
		width: 100%;
	}

	.square { height: 204px; }

	#flatSelector {
		display: table;
		min-height: 0;
	}

	.flatSelectorInner {
		display: table-row;
	}

	#flatSelector .colLeft {
		display: table-cell;
		width: 518px;
		min-width: 518px;
		padding-right: 54px;
		box-sizing: border-box;
	}

	#flatSelector .colLeft {
		height: auto;
	}

	#flatSelector .colRight {
		display: table-cell;
		min-width: 466px;
		background-color: #f3f3f3;
	}

	.colRightInner {
		width: 466px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}

	#outsideFloors {
		width: 466px;
		height: 629px;
		float: none;
		position: static;
	}

	#outsideFloors img {
		width: 466px;
		height: 364px;
	}

	#map { display: none; }

	#mapSm { display: block; }

	.floorNum {
		left: 0;
		width: 21px;
		border: 1px solid #ffffff;
		font-size: 10px;
	}

	#floorNum15 { top: 44px; }
	#floorNum14 { top: 59px; }
	#floorNum13 { top: 74px; }
	#floorNum12 { top: 89px; }
	#floorNum11 { top: 102px; }
	#floorNum10 { top: 116px; }
	#floorNum09 { top: 130px; }
	#floorNum08 { top: 143px; }
	#floorNum07 { top: 158px; }
	#floorNum06 { top: 173px; }
	#floorNum05 { top: 186px; }
	#floorNum04 { top: 198px; }
	#floorNum03 { top: 213px; }

	#floorDescription {
		height: 265px;
		box-sizing: border-box;
		bottom: auto;
		top: 364px;
	}

	#floorDescription .inner { vertical-align: middle; }

	/* --- detail --- */

	.homepageDetail .colLeft, .homepageDetail .colRight {
		width: 50%;
		float: left;
		margin: 0;
		box-sizing: border-box;
		background-color: transparent;
	}

	.homepageDetail .colLeft {
		padding-right: 60px;
	}

	.floorPlan, .flatPlan {
		width: auto;
		float: none;
	}

	.floorPlan { margin: 0; }

	.floorPlan img { margin: 0; }

	.flatPlan { margin: 0 0 18px 0; }

	#flatTools {
		padding-left: 0;
	}

	.flatInfo {
		padding-left: 0px;
		padding-top: 18px;
		padding-right: 18px;
	}

	.colLeftWide,
	.homepageDetail .flatBottom .colLeft {
		padding-left: 18px;
		padding-top: 18px;
		padding-right: 15px;
	}

	#flatSelector { margin-bottom: 50px; }
}

@media screen
and (max-width: 1430px) {
	.flatList .terraceBalcony { display: none; }
}

@media screen
and (max-width: 1290px) {
	nav .content {
		height: 71px;
		padding-left: 110px;
		padding-right: 105px;
	}
}

@media screen
and (max-width: 1375px) {
	.langen .flatList .verticalOrder15, .langen .flatList .verticalOrder14, .langen .flatList .verticalOrder13,
	.langen .flatList .verticalOrder12, .langen .flatList .verticalOrder11, .langen .flatList .verticalOrder10,
	.langen .flatList .verticalOrder9, .langen .flatList .verticalOrder8
	{
		display: none;
	}

	.flatList .verticalOrder15, .flatList .verticalOrder14, .flatList .verticalOrder13,
	.flatList .verticalOrder12, .flatList .verticalOrder11, .flatList .verticalOrder10,
	.flatList .verticalOrder9, .flatList .verticalOrder8
	{
		display: none;
	}
}

@media screen
and (max-width: 1155px) {
	#mainMenu li { padding: 0 0.4%; }
	#langSwitch li a { padding: 3px; }
}

@media screen
and (max-width: 1235px) {
	.flatList .verticalOrder7, .flatList .verticalOrder6, .flatList .verticalOrder5
	{
		display: none;
	}
}

@media screen
and (max-width: 1120px) {
	.flatList .floor, .flatList .terraceBalcony { display: none; }

	.flatList .top { width: 35px; }

	.flatList th.price { padding-right: 5px; }

	#flatTools { margin-top: 170px; }
}

@media screen
and (max-width: 1023px) {
	/* .square { height: 204px; } */

	#flatSelector {
		display: block;
		margin-bottom: 0;
	}

	.flatSelectorInner {
		display: block;
	}

	#flatSelector .colLeft {
		display: block;
		width: auto;
		min-width: 0;
		padding-right: 0;
		padding-bottom: 408px;
		margin-bottom: 25px;
	}

	#floorDetail {
		top: 388px;
	}

	#flatSelector .colRight {
		position: relative;
		top: -433px;
		display: table;
		width: 100%;
		height: 364px;
		min-width: 0;
		background-color: transparent;
	}

	#explanation {
		top: 350px;
		right: auto;
		left: 0;
		margin-right: 0;
		margin-left: 210px;
	}

	.colRightInner {
		width: auto;
		margin: auto;
		display: table-row;
		position: static;
		overflow: auto;
		vertical-align: middle;
	}

	#outsideFloors {
		width: 466px;
		height: 364px;
		min-height: 0;
		min-width: 0;
		display: table-cell;
	}

	#floorDescription {
		display: table-cell;
		width: auto;
		height: 364px;
		position: static;
		float: none;
		vertical-align: middle;
	}

	#floorDescription .inner {
		width: 100%;
		display: inline-block;
	}

	#filters, #toggleFilterWrapper { margin-top: 0; }

	/*
	.floorNum {
		right: auto;
		left: 444px;
	}
	*/

	.oneFloorPlan {
		margin: 0;
	}

	.oneFloorPlanMetro {
		bottom: 10px;
	}

	.floorHead {
		text-align: center;
		width: 130px;
		position: absolute;
		padding-top: 90px;
		margin-top: 20px;
		left: 535px;
		left: calc(467px + ((100% - 467px) / 2) - 65px);
	}

	.floorHead h2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		text-align: center;
	}

	.floorNav a {
		display: inline-block;
		margin-bottom: 30px;
	}

	.floorNav a:nth-child(1) { margin-right: 0; }

	#filters .pair label {
		margin: 0;
		display: block;
	}

	#filters .pair select { width: 100%; }

	#filters .row .half > .pair { margin-top: -1.4em; }

	#filters h2 { margin-bottom: 0.5em; }

	#showFilter.top { bottom: -385px; }
}

@media screen
and (max-width: 1000px) {
	/*.flatList .area { display: none; }*/

	.contentWide { padding: 0; }
	.flatListContent { padding: 20px; }
}

@media screen
and (max-width: 1080px) {
	/* menu */

	#mainMenu li#mainMenu1 { display: block; }

	#mainMenu {
		display: block;
		background-color: #ffffff;
		height: auto;
		line-height: 20px;
		padding-top: 10px;
		padding-left: 15px;
		box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.3);
	}

	#mainMenu li, #mainMenu ul {
		width: 100%;
		display: block;
		text-align: left;
	}

	#mainMenu.closed {
		box-shadow: none;
	}

	#mainMenu.closed li, #mainMenu.closed li#mainMenu1 {
		display: none;
		box-shadow: none;
	}

	#mainMenu li {
		margin-bottom: 0.5em;
	}

	#mainMenu .menuTrigger, #mainMenu.closed li.menuTrigger {
		display: block;
		position: absolute;
		right: 15px;
		top: 15px;
		width: 41px;
		height: 41px;
		box-sizing: border-box;
		padding-top: 6px;
	}

	#mainMenu .menuTrigger a {
		display: block;
		width: 41px;
		height: 41px;
	}

	.active .hamburger:after,
	.active .hamburger:before {
		opacity: 0
	}

	.active .hamburger:after {
		top: -6px
	}
	.active .hamburger:before {
		top: 6px
	}
	.active .hamburger .lines:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.active .hamburger .lines:before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.active .trigger {
		background-color: #eee
	}

	.hamburger {
		position: relative;
		width: 40px;
		height: 31px;
		cursor: pointer;
		box-sizing: border-box;
		line-height: 1.6;
		font-size: 16px;
	}
	.hamburger .lines {
		display: block
	}
	.hamburger .lines:after,
	.hamburger .lines:before,
	.hamburger:after,
	.hamburger:before {
		height: 3px;
		width: 50%;
		background: #231f20;
		content: '';
		display: block;
		margin: 0 auto 3px;
		position: relative;
		top: 0;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		transition: .5s ease-in-out
	}
	.hamburger .lines:after {
		margin-top: -6px
	}
	.trigger {
		display: inline-block;
		padding: 7px 0
	}


	/*
	#mainMenu .menuTrigger a {
		display: block;
		width: 41px;
		height: 41px;
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
		background-size: contain;
	}
	*/

	#langSwitch {
		position: static;
		line-height: 20px;
		height: auto;
		padding-bottom: 10px;
	}

	#langSwitch li { float: none; }

	#langSwitch li a { padding: 0; }

	#langSwitch li:last-of-type { padding-bottom: 0px; }
}

@media screen
and (max-width: 971px) {
	body, html { min-width: 320px; }

	.content { min-width: 320px; }

	nav .content {
		padding-right: 72px;
	}

	.colRight, .colLeft, .colRightInner {
		width: 100%;
		float: none;
		background-color: transparent;
	}

	#flatSelector { min-height: 0; }

	.homepageDetail .colRight { padding-top: 0; }

	.flatBottom { padding-bottom: 0; }

	/* list */

	#filters .checkboxList .checkbox label { padding-right: 10px; }

	#filters .checkboxList .checkbox input {
		display: block;
		float: left;
		margin: 6px 5px 12px 0;
	}

	/* detail */

	.homepageDetail .colLeft, .homepageDetail .colRight {
		width: 100%;
		float: none;
		display: block;
		padding-right: 0;
	}

	#flatTools {
		margin-left: 0;
		width: 100%;
	}

	.circleArrow { line-height: 21px; }

	.colLeft h1 { margin-bottom: 0.5em; }
	.flatTop h1 { margin-bottom: 0; }

	.backLink { margin-bottom: 1em; }

	.plans img {
		float: none;
		width: 100%;
	}

	.floorPlan {  }

	#flatTools ul {
		width: 100%;
		float: none;
	}

	.colLeftWide, .flatInfo { padding: 15px; }

	.mobileOnly, .circleArrow.mobileOnly { display: block; }
	.desktopOnly { display: none; }

	.rightBack {
		float: right;
		position: relative;
		top: -19px;
	}
}

@media screen
and (max-width: 767px) {

	#flatSelector .colLeft {
		/*display: none;*/
	}

	#floorDetail, .hideWithFloorDetail { display: none; }

	#flatSelector .colLeft p { min-height: 0; }

	#flatSelector .colLeft { padding-bottom: 0; margin-bottom: 0; }

	#flatSelector .colRight {
		position: static;
		top: auto;
		display: block;
		height: auto;
	}

	.colRightInner {
		display: block;
		margin-top: 15px;
	}

	#outsideFloors { display: none; }

	#floorDescription {
		width: 100%;
		display: block;
		background-color: transparent;
		color: #000000;
		position: static;
		height: 150px;
	}

	#floorDescription h2 { color: #000000; }

	.mobileSmOnly { display: block; }

	#flatSelector .colRight { display: none; }

	#mobileFloor {
		width: 100%;
		background-color: #f9b000;
		color: #ffffff;
		padding: 15px;
		box-sizing: border-box;
	}

	#mobileFloor label {
		float: left;
		width: 30%;
	}

	#mobileFloor select {
		float: left;
		width: 70%;
	}

	.homepageDetail .colLeft { padding-top: 35px; }
	.homepageDetail .contentTop { padding-top: 0px; }

	#showFilter {
		display: none;
	}

	#showFilter.top { display: none; }

	#filters { margin-bottom: 0; }

	#tools { display: none; }

	.catText {
		position: static;
		width: 100%;
		padding-right: 0;
		font-size: 12px;
	}

	.virtualTour { font-size: 12px; }
}

@media screen
and (max-width: 750px) {
	.flatList .price {
		width: 100px;
	}

	.flatList th {
		height: 90px;
		font-size: 9px;
	}

	.flatList th.vertical span {
		width: 80px;
	}

	.flatList th a::before {
		bottom: 30px;
	}
}

@media screen
and (max-width: 650px) {
	.flatList .vertical, .flatList .top { display: none; }

	.flatList .available { padding-left: 10px; }

	.flatList .price { width: 80px; }

	.flatList th {
		height: auto;
		padding-top: 17px;
	}

	.flatList th {
		height: 43px;
	}
}

@media screen
and (max-width: 525px) {
	.rightBack {
		float: none;
		top: 7px;
	}

	.flatTop h1, .langen .flatTop h1 {
		width: 265px;
		font-size: 20px;
	}
}

@media screen
and (max-width: 415px) {
	/*.flatList .number { display: none; }*/
	.flatList th.price { padding-right: 0; }
	.flatList .available { padding-left: 8px; }
}

@media screen
and (max-width: 440px) {
	.price h2, .priceTag {
		font-size: 19px;
		line-height: normal;
		padding-top: 0;
	}

	.virtualTour { font-size: 9px; }
}

@media screen
and (max-width: 750px) {
	nav, main, article, footer { font-size: 11px; }

	.flatListContent { padding: 15px; }

	#filters .checkboxList .checkbox, #filters .checkboxList.checkboxListFourths .checkbox { width: 50%; }

	#filters .checkboxList .checkbox { margin-bottom: 12px; }

	#filters .checkboxList .checkbox input {
		display: block;
		float: left;
		margin: 1px 5px 12px 0;
	}

	#filters .row select, #filters .pair {
		width: 47%;
		margin-right: 3%;
	}

	#filters .shortSelect select {
		width: 100%;
	}

	#filters .row select:nth-of-type(2), #filters .pair:nth-of-type(2) {
		margin-left: 3%;
		margin-right: 0;
	}

	#filters .row.rowShort .pair label {
		display: block;
		width: 60%;
		margin-right: 0;
		padding-right: 10px;
		box-sizing: border-box;
		float: left;
	}

	#filters .row.rowShort select {
		display: block;
		width: 40%;
		float: left;
		box-sizing: border-box;
	}

	#filters .row.rowShort select {
		margin-right: 0;
	}

	#tools a {
		width: 100px;
		display: block;
		margin: 0 auto;
		margin-bottom: 0.5em;
	}
}

#flatSelector .colLeft p { padding-right: 0; }

@media screen
and (max-width: 440px) {
	#filters .row .half {
		width: 100%;
		margin: 0;
		float: none;
		margin-bottom: 18px;
	}

	#filters h2 { font-size: 25px; }

	#filters .row .half.first { margin-bottom: 10px; }

	#filters .pair { margin-bottom: 18px; }

	#filters .row { margin-bottom: 0; }

	#filters .row select, #filters .pair { margin-right: 0; }

	#filters .row .half > .pair { margin-top: 0; }

	#filters .row .half:nth-of-type(2) { margin-left: 0; }
}

@media screen and (min-width: 767px) {
	#flatSelector .colLeft p { padding-right: 70px; }
}

@media screen and (min-width: 1023px) {
	#flatSelector .colLeft p { padding-right: 0; }
}

@media screen
and (max-width: 420px) {
	#tools {
		float: none;
	}

	/*
	#showFilter {
		display: block;
		margin: 0 auto;
		position: static;
		margin-top: 1em;
	}

	#filters { margin-bottom: 100px; }
	*/
}

@media screen
and (max-width: 370px) {
	.colRight .viewImage { width: 45%; }
}