/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media screen and (max-width: 750px) {
	img.back_video_img {
		height: 66vw;
		width: auto !important;
	}

	video#select_floor_vid {
		left: -100%;
	}

	.main_map>svg {
		top: 0;
		left: -56vw;
		right: 0;
		width: 1160px;
		margin: 0;
		display: block;
		position: relative;
		object-fit: contain;
	}

	.main_map {
		overflow: hidden;
		height: max-content;
		width: 100%;
		/* border: 1px solid red; */
		left: 0;
		padding: 0;
		margin: 0;
	}

	.select_floor_output>div {
		display: block;
		overflow: hidden;
	}

	.layer_level {
		position: relative !important;
		width: 100% !important;
		margin: 0 !important;
		/* margin-left: -22% !important; */
	}

	.layer_level:last-child {
		width: 100% !important;
		margin: 0 auto !important;
	}

	.nav_sport:hover>.nav_mask_line>i {
		font-size: 16px;
	}


	.nav_main_logo {
		padding: 7px;
		width: 61px;
		border: 4px solid #606060;
		-webkit-transform: translate(-118%, -105%);
		-ms-transform: translate(-118%, -105%);
		transform: translate(-118%, -105%);
	}

	.nav_main_logo:after {
		top: 71%;
		left: 80%;
		border-width: 18px;
	}

	.nav_mask_line>i {
		font-size: 11px;
	}

	.nav_sport {
		padding: 2px;
		border: 1px solid #a5a5a5;
	}

	.nav_mask_line>.text {
		font-size: 13px !important;
	}

	.main_map_title {
		font-size: 4.3vw;
		padding: 100px 20px 10px !IMPORTANT;
		margin: 0 auto !important;
	}

	.slick-slider {
		height: 40vh !important;
		margin-bottom: 100px !important;
	}

	.body_info_text {
		padding-top: 50px;
		padding-bottom: 0px;
	}

	i.fa-regular.fa-bars-staggered.open_min_nav {
		font-size: 45px;
		padding: 2px 20px 20px 2px;
	}

	.slick-slide {
		width: 90vw !important;
		max-width: 90vw !important;
		margin-right: 6px;
	}

	.slide_text_box {
		padding: 4px;
		position: relative;
		display: block;
		max-width: 90vw;
	}

	.slide_head_text {
		font-size: 23px;
		width: 100%;
		position: absolute;
		top: 0;
	}

	.slide_head_body {
		font-size: 16.9px;
		line-height: normal;
		max-height: 65%;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		display: block;
	}

	.slide_head_btn.btn {
		position: relative;
		bottom: 0;
		margin: 0 auto;
		left: 0;
		right: 0;
	}

	.select_line_level {
		padding: 9px 32px !important;
		margin: 0 3vw !important;
		/* max-width: calc((50vw / 2) - 38px); */
	}

	.btn {
		font-size: 21px !important;
		/* position: absolute; */
		/* bottom: 0; */
		padding: 6px;
		margin: 0 auto;
		left: 0;
		right: 0;
	}

	.select_line.btn {
		font-size: 19px !important;
		padding: 12px 8px;
		margin: 0 3px;
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
	}

	.slider_nav {
		padding-bottom: 0;
	}

	.body_text_1 {
		font-size: 20px;
		line-height: normal;
	}

	.select_level_box_vid {
		top: 0 !important;
	}

	.change_lang_line {
		font-size: 35px;
		padding-bottom: 11px;
		padding-top: 15px;
	}

	.change_lang.btn {
		top: 10px !important;
		height: 26px;
		display: none;
	}

	.change_lang.btn.active {
		height: 172px;
	}

	.header_logo_home>a>svg {
		/* display: none; */
		width: 100%;
	}

	.text_h_m1 {
		margin-top: 15%;
		width: 100%;
		font-size: 59px;
		text-align: center;
	}

	.head_text_box {
		left: 0;
		right: 0;
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
		max-width: 100%;
		margin: 0 auto;
	}

	.mouse_scroll_help {
		display: none;
	}

	.head_select_box {
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.slick_open_apart {
		opacity: 1;
	}

	.map_info_head.start_head,
	.map_info_count_apart {
		font-size: 6vw;
		top: -2px;
	}

	.one_elem_layer_level>div {
		width: 100% !important;
	}

	.layer_level.only_one_elem_layer_level {
		width: 100% !important;
	}
}

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

	.map_info_head.start_head,
	.map_info_count_apart {
		font-size: 5vw;
		top: 0px;
	}

	path.layer_plan_hover_help:first-child {
		fill: #485dff87;
	}

	path.layer_plan_hover_help:last-child {
		fill: #0768ff40;
	}
}

@media screen and (max-width: 1800px) {
	.select_floor_output {
		width: 100% !important;
		padding-top: 4%;
	}

	.one_elem_layer_level>div {
		width: 100% !important;
	}

	.select_floor_output>div {
		display: grid;
		/* resize: auto; */
		/* user-select: all; */
	}

	.layer_level:first-child {
		top: 20px;
		order: 1;
		left: 0;
		right: 0;
	}

	.layer_level:last-child {
		/* z-index: -1; */
		/* width: 50%; */
		/* position: relative; */
		/* top: 7%; */
		/* left: 0; */
		/* right: 0; */
		/* width: 44vw; */
		/* order: 0; */
		/* display: none; */
	}

	.one_elem_layer_level>div {
		width: 100%;
		margin: 0 auto;
		left: 0 !important;
		right: 0 !important;
	}

}