@media screen and (max-width:767px){
	#wrap_footer { display: none !important; height: 0 !important; overflow: hidden !important; visibility: hidden !important; }
	#my_menu { display: none !important; height: 0 !important; }
	html, body { height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; }
	#global_chat { padding-bottom: 0 !important; margin-bottom: 0 !important; }
	#show_chat ul { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
	#show_chat { overscroll-behavior: contain; }
	#warp_show_chat { overscroll-behavior: contain; }
	#log_menu { position: fixed !important; }

	/* Left menu: overlay on mobile, not push content */
	#left_menu:not(.fhide) {
		position: absolute !important;
		display: block !important;
		top: 45px !important;
		left: 0 !important;
		bottom: 50px !important;
		width: 60px !important;
		z-index: 999 !important;
		overflow-y: auto !important;
		animation: esMenuIn .2s ease-out both !important;
	}

	#global_chat {
		display: block !important;
		height: calc(100vh - 45px) !important;
		height: calc(100dvh - 45px) !important;
		overflow: hidden !important;
	}

	#chat_center {
		display: block !important;
		height: 100% !important;
		overflow: hidden !important;
	}

	#container_chat {
		height: 100% !important;
	}

	#wrap_chat {
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
	}

	#chat_toping {
		flex-shrink: 0 !important;
	}

	#warp_show_chat {
		flex: 1 1 0% !important;
		height: auto !important;
		min-height: 0 !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
	}

	#top_chat_container {
		flex-shrink: 0 !important;
	}
}
@media screen and (max-width:1120px){
	#page_content { padding:70px 5px; }
	#wrap_main_header { padding:0 7px; }
}
@media screen and (min-width:1101px){
	#side_menu { display:none !important; }
}
@media screen and (min-width:769px){
	.show_mobile { display:none; }
}
@media screen and (max-width:1100px){
	.page_menu { display:none; }
	#open_sub_mobile {  display:table-cell; }
	.page_menu_wrapper { box-shadow:none; }
	.page_wrapper_in { padding:5px; }
}
@media screen and (max-width:1024px){
	#wrap_stream { width:400px; height:225px; }
	#container_stream { top:100px; width:400px; height:265px; margin-left:-200px; margin-top:0px; }
	#container_stream_audio { top:100px; }
}
@media screen and (max-width:800px){
	#private_center { border-left:none !important; }
}
@media screen and (max-width:768px){
	#side_menu { border-bottom:0px !important; border-top:0px !important; }
	.hide_mobile { display:none; }
	.show_mobile {  display:block; }
	.page_left, .page_right, .page_350, .page_40,
	.page_half, .page_third, .page_two_third { display:block; width:100%; padding:0px; }
	.post_image img { max-height:450px; }
	.cookie_wrap { width:90%; left:5%; }
	.cookie_text { display:block; vertical-align:baseline; text-align:center; }
	.cookie_img { display:block; width:100%; vertical-align:baseline; text-align:center; padding-bottom:10px; }
	.cookie_img img { display:inline-block; }
	.cookie_button { display:block; width:100%; vertical-align:baseline; padding:15px 0 0 0; text-align:center; }
}
@media screen and (min-width:769px){
	.show_phone { display:none; }
}
@media screen and (max-width:640px){
	.room_t { max-width:60%; }
	.modal_left, .modal_right { width:100%; float:none; padding:15px; }
	.color_switch { width:16.1666666%; }
	.hide_phone { display:none; }
	.sp_box { width:98%; }
	.proli { width:145px; }
	#container_call { left:0; }
}
@media screen and (min-width:481px){
	.room_mobile_counter { display:none; }
}
@media only screen and (max-width : 480px) {
	.form_left_full, .form_right_full { width:100%; padding:0; float:none; }
	.listing_half_element { width:100%; float:none; margin:0; }
	#wrap_stream { width:320px; height:180px; }
	#container_stream { top:60px; width:320px; height:220px; margin-left:-160px; margin-top:0px; }
	#container_stream_audio { top:100px; }
}
@media screen and (max-width:400px){
.guest_recaptcha>div { transform:scale(0.85) !important; -webkit-transform:scale(0.85) !important; transform-origin:0 0 !important; -webkit-transform-origin:0 0 !important; }
.register_recaptcha>div { transform:scale(0.85) !important; -webkit-transform:scale(0.85) !important; transform-origin:0 0 !important; -webkit-transform-origin:0 0 !important; }
}

@keyframes esMenuIn {
	from { transform: translateX(-100%); opacity: 0; }
	to { transform: translateX(0); opacity: 1; }
}