.app_layout {
	&.mobile {
		padding: 10px;

		.loginPage {
			flex-direction: column;

			.wallpaper {
				width: 100vw;
			}
		}

		.dashboard {
			display: flex;
			flex-direction: column;
		}

		.postPage {
			display: flex;
			flex-direction: column;

			height: 90vh;

			.postCard {
				&.fullmode {
					.wrapper {
						height: 76vh;

						.post_content {
							.post_attachments {
								height: 60vh;
								overflow: hidden;

								.carousel-root {
									.carousel {
										min-height: 200px;

										>div {
											display: flex;
											align-items: center;
											height: 100%;
										}
									}
								}
							}
						}
					}
				}
			}
		}

		.accountProfile {
			padding: 0;

			.contents {
				display: flex;
				flex-direction: column;

				padding: 0;

				margin-top: -4.5vh;

				padding: 0;

				.tabContent {
					padding: 0;
					padding-top: 20px;
				}

				.tabMenuWrapper {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;

					width: 100%;

					margin: 0;

					.ant-menu {
						margin: 0;
					}
				}
			}
		}

		.liveStream {
			flex-direction: column;

			.plyr {
				position: absolute;

				top: 0;
				left: 0;

				width: 100%;
				height: 60vh;

				border-radius: 6px;
			}

			.panel {
				height: 40vh;
			}
		}

		.postCard {
			.post_actionsWrapper {
				.actions {
					width: 100%;
				}
			}
		}
	}
}