.mobile {
	display: none ;
}

@media (max-device-width: 600px)
{
	.message-user-info-container .message-user {
		flex-direction: column;
	}

/*	div.message-meta {
		max-width: 5vw !important;
	}
*/
	.mobile {
		display: initial !important;
	}

	#media-list.paginated-medias
	{
		--media-thumb-width: min(45%, 160px);
		--media-thumb-height: auto;

		div.media-it-holder {

			padding: 0 !important;
			margin: 0.2rem !important;
			
			& .media-it-title {
				font-size: 1.0rem !important;
			}
		
			& img.media-it-thumb {
				aspect-ratio: 1/1;
				object-fit: cover;
			}

			.media-it-bot-line {
				font-size: 1.0rem !important;
			}
		}
	}
}

.dropdown-holder {
	min-width: rem;
	display: flex;
	justify-content: center;
}

.dropdown-expand {
	height: 100%;
	min-width: 2rem;
}


@media (max-device-width: 800px)
{

	:root {
		--media-p-main-w: 100vw;
	}

	#main-body[data-view="userMediaDisplayed"] {
		--media-p-main-w: 100vw;
	}

/*	#user-info-container {
		display: none;
	}*/


	#frontpage-medias {
		& #media-list div.media-it-holder {
			width: 40% !important;
			margin: 0.2rem !important;
		}
	}

	#media-header-categories  .menu-group {
		white-space: pre;
		overflow-y: auto;
		display: inline-block;
		max-width: 100%;
		height: 2rem;
		font-size: 105% !important;
		padding: 0.5rem 0 0.5rem;
	}

	#feeds-top-lower-row {
		position: absolute;
	}

	form#new-status-update-form {
		margin-top: 1rem;
	}

	#main-container {
	}
	
	#main-header, #main-container, #main-body, #main-content, #media-page-container {
		margin-left: 0 !important;
		padding-left: 0 !important;
		margin-right: 0 !important;
		padding-right: 0 !important;
		border-left: 0 !important;
		border-right: 0 !important

	}

	#forum-header {
		display: flex;
		flex-direction: column-reverse;
	}

	/*
	#main-body {
		width: 95% !important;
		max-width: 95% !important;
	}*/


	#media-page-container {
		border-left: 0 !important;
		border-right: 0 !important
	}

	#auth-actions.expanded {
		width: 100%;
		padding-right: 1ch;

		form#login-data {
			/* flex: 1; */
			
		}


		#username, #password {
			max-width: 35vw;
		}

		#register {
			display: none;
		}
	}

	#auth-actions {
			
		& #login-data {
			/* margin-left: 2.7ch; */
		}

		form#login-data #password,
		form#login-data #username {
			display: none;
		}
	}

	.dropdown-holder {
		& button {
			outline: 0;
			border: 0;
			background: none;
		}
	}


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


	#main-body {
		position: relative;
	}


	#status-new {
		position: relative;

		& #feeds-top-lower-row {
			top: 0;
			position: absolute;
		}

	}

	#media-carousel-list
	{
		--x: 10rem;

		/*
		position: sticky;
		top: 0;
*/
		& #media-list.carousel-row
		{
			--media-thumb-width: calc(var(--x) * 1.2);
			--media-thumb-height: calc(var(--x) * 1.0);
		}


		& .media-it-holder {
			width: var(--media-thumb-width);
		}

		&  img.media-it-thumb
		{
			aspect-ratio: 1.5/1;
			width: auto;
			max-width: var(--media-thumb-width);
			min-width: unset;

		}
	}


	#main-header {
		anchor-name: --main-header;
	}


	#fp-main {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		/* max-width: 100vw; */
		--_w: 100vw;
		min-width: var(--_w);
		width: var(--_w);
		/*position: absolute; */

	

		--fp-feeds-w: 99vw !important;
		--fp-right-w: 97vw !important;

		--fp-max-h: 90vh;
		/*padding-top: 2rem;*/

		justify-content: initial !important;

		& #fp-feeds {


			overflow-x: hidden;
			max-height: var(--fp-max-h);
			/*max-height: 100%;*/
			overflow-y: auto;
			scroll-snap-align: start;
			flex-grow: 0;
			flex-shrink: 0;
			flex-basis: var(--fp-feeds-w);

			width: unset;
			min-width: unset !important;
			max-width: unset !important;
		}

		& #right-stuff-feeds-container {

			margin-top: 0 !important;

			flex-basis: var(--fp-right-w);
			max-height: var(--fp-max-h);

			width: unset;
			min-width: unset !important;
			max-width: unset !important;

			overflow-y: auto;

			flex-grow: 0;
			flex-shrink: 0;
			padding: 1ch;
			scroll-snap-align: start;
			display: flex;
			flex-direction: column;

			& #feeds .feeds-items-container {
				width: unset !important;
			}
		}
	}

	#user-container {

		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		flex-direction: row;
		width: 100vw;

		& #user-info-container,
		& #profile-site-container {
			margin: 0 !important;
			padding: 0 !important;
		}

		
		& #user-info-container {
			margin: 5vw;
			flex-shrink: 1;
			scroll-snap-align: start;
			order: 1;
		}

		& #profile-site-container {
			flex-shrink: 0;
			scroll-snap-align: start;
			width: 95vw !important;
			min-width: 95vw !important;
			padding-right: 3vw !important;

		}
	}



}


}