@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; }
	.profile_avatar { width:100px; height:100px; }
	.avatar_profile { width:100px; height:100px; }
	.pro_name { font-size:18px; }
	.pro_name_icon { width:14px; height:14px; display:block; }
	.avatar_spin { width:100px; height:100px; }
	.avatar_control { left:11px; }
	.color_switch { width:16.1666666%; }
	.hide_phone { display:none; }
	.sp_box { width:98%; }
	.proli { width:145px; }
}
@media screen and (min-width:481px){
	.room_mobile_counter { display:none; }
}
@media only screen and (max-width : 480px) {
	.chat_head_logo { width:0px; overflow:hidden; }
	.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; }
}

/* Theme layout safety: themes may style colours, but not the scrolling model. */
.small_modal_out,
.large_modal_out,
.over_modal_out,
.over_emodal_out,
.top_modal_out {
	height:100vh!important;
	max-height:none!important;
	overflow-x:hidden!important;
	overflow-y:auto!important;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior-y:contain;
	touch-action:pan-y;
	scrollbar-gutter:stable;
	transition:none!important;
}
@supports (height:100dvh) {
	.small_modal_out,
	.large_modal_out,
	.over_modal_out,
	.over_emodal_out,
	.top_modal_out {
		height:100dvh!important;
	}
}
.small_modal_in,
.large_modal_in,
.over_modal_in,
.over_emodal_in,
.top_modal_in,
.modal_in,
.back_modal {
	height:auto!important;
	min-height:0!important;
	max-height:none!important;
	overflow:hidden!important;
	-webkit-overflow-scrolling:auto!important;
}
.modal_content {
	height:auto!important;
	min-height:0!important;
	max-height:none!important;
	overflow:visible!important;
}
#show_chat,
#show_private_wrap,
#chat_left,
#chat_left_data,
#chat_right_data,
.float_content,
.text_box {
	-webkit-overflow-scrolling:touch!important;
	overscroll-behavior:contain!important;
	scroll-behavior:auto!important;
	min-height:0;
	transition:none!important;
}
#show_chat.back_chat {
	border:0!important;
	border-radius:0!important;
	box-shadow:none!important;
	backdrop-filter:none!important;
	-webkit-backdrop-filter:none!important;
}
#show_chat::before,
#show_chat::after {
	pointer-events:none!important;
}
#show_chat > *,
#chat_logs_container {
	position:relative;
	z-index:1;
}
/* Restore the real topic icon and close control if a theme hid or repurposed them. */
.topic_log .topic_icon,
.topic_log > .topic_icon {
	display:table-cell!important;
	width:40px!important;
	min-width:40px!important;
	height:auto!important;
	min-height:0!important;
	max-height:none!important;
	overflow:visible!important;
	position:relative!important;
	vertical-align:top!important;
}
.topic_log .tpicon,
.topic_log > .topic_icon .tpicon {
	display:block!important;
	position:static!important;
	width:40px!important;
	height:40px!important;
	min-width:40px!important;
	min-height:40px!important;
	max-width:40px!important;
	max-height:40px!important;
	margin:0!important;
	border-radius:50%!important;
	font-size:inherit!important;
	line-height:normal!important;
	text-indent:0!important;
	color:inherit!important;
	overflow:hidden!important;
}
.topic_log .tpclear {
	display:table-cell!important;
	position:static!important;
	width:24px!important;
	height:auto!important;
	min-width:24px!important;
	min-height:0!important;
	max-width:24px!important;
	max-height:none!important;
	padding:0!important;
	font-size:10px!important;
	line-height:normal!important;
	text-indent:0!important;
	vertical-align:middle!important;
	overflow:visible!important;
}
.topic_log .tpclear i,
.topic_log .tpclear i::before {
	dis:inline-block!important;
	position:static!important;
	width:auto!important;
	height:auto!important;
	font-size:inherit!important;
	line-height:inherit!important;
	text-indent:0!important;
	color:inherit!important;
	transform:none!important;
	background:none!important;
	box-shadow:none!important;
}
.topic_log .tpclear::before,
.topic_log .tpclear::after {
	content:none!important;
	display:none!important;
}
@media screen and (max-width:1024px) {
	body,
	.backglob,
	.back_chat {
		background-attachment:scroll!important;
	}
	.small_modal_out,
	.large_modal_out,
	.over_modal_out,
	.over_emodal_out,
	.top_modal_out,
	#show_chat,
	#show_private_wrap,
	#chat_left_data,
	#chat_right_data,
	.float_content {
		backdrop-filter:none!important;
		-webkit-backdrop-filter:none!important;
	}
}
