/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet 
   480-less    - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) {
	.ummaNavBar__container {
		display: none;
	}
}

@media all and (max-width: 1270px) {

	.ummaSidebar__body .ummaTags__list {
		flex-direction: unset;
		display: flex;
		flex-wrap: wrap;
		gap: unset;
	}

	.modal-dialog {
		width: 600px;
	}

	#filterby-post li.list-group-item svg {
		display: none;
	}

	.ummaPost__actionBtnItem span {
		font-size: 12px;
		display: none;
	}

	.ummaPublisherBox__footer {
		flex-direction: column;
	}

	.ummaPublisherBox__actionButtonsContainer {
		align-self: center;
	}

	.ummaPublisherBox__sendButtonContainer {
		justify-content: space-between;
		width: 100%;
	}

	.ummaNavBar__container {
		display: none;
	}
}

@media all and (min-width: 768px) and (max-width: 1024px) {}

@media (min-width: 480px) {}

@media all and (min-width: 480px) and (max-width: 768px) {}

@media all and (max-width: 991px) {

	.ummaSearch__filterClose {
		display: block;
	}

	.ummaMessages__messageText {
		-webkit-user-select: none;
		/* Chrome, Safari, Opera */
		-moz-user-select: none;
		/* Firefox */
		-ms-user-select: none;
		/* IE 10+ */
		user-select: none;
		/* Standard syntax */
	}

	.profile-container .card.hovercard .info .userTag {
		margin-top: 0px;
		-webkit-text-fill-color: initial;
	}

	.ummaPostFetch__min .fetched-url-text .description {
		-webkit-line-clamp: 3;
	}

	.pageMessages {
		margin: 0px;
		margin-top: -10px;
	}

	.ummaMessages__message {
		max-width: 330px;
	}

	#wo_nw_msg_page .msg_under_hood .mobilerightpane {
		height: 100vh;
		bottom: env(safe-area-inset-bottom);
		position: fixed;
		padding-bottom: 48px !important;
		padding-top: 64px !important;
		left: 0px;
		right: 0px;
		top: 0px;
	}

	.ummaMessages__messageMenuWrap {
		background-color: rgb(0 0 0 / 10%);
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
		z-index: 2001;
		position: fixed;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		display: block;
		width: 100%;
		height: 100vh;
	}

	.ummaMessages__messageItem.incoming.selected {
		flex-flow: column;
		align-items: flex-start;
	}

	.ummaMessages__messageItem.outgoing.selected {
		flex-flow: column;
	}

	.ummaMessages__chatListContainer {
		margin-right: 0px;
	}

	.ummaMessages__messageImage {
		max-width: 330px;
	}

	#navbar-searchbox,
	.chat-all-container,
	.nav>.navbar-home,
	.navbar-home,
	.problackback {
		display: none
	}

	.ummaComment__menuItemBox {
		padding: 12px;
	}

	.ummaComment__menuText {
		font-size: 14px;
	}

	#welcomeheader {
		height: 50px;
	}

	.imgFileFormContiner {
		grid-template-columns: repeat(5, 1fr);
		z-index: 1055;
		position: relative;
	}

	.imgTumbPublish .delItemPublish {
		width: 24px;
		height: 24px;
	}

	.imgTumbPublish .delItemPublish svg {
		width: 12px;
		height: 12px;
	}

	.imgTumbPublish .delItemPublish:hover,
	.imgTumbPublish .delItemPublish:active {
		background: #fff;
		transform: scale(0.95);
	}

	.fileTumbPublish .delItemPublish:active>svg>path,
	.imgTumbPublish .delItemPublish:active>svg>path .fileTumbPublish .delItemPublish:hover>svg>path,
	.imgTumbPublish .delItemPublish:hover>svg>path {
		fill: #8D98B4 !important;
	}

	.searchs {
		margin: 0px 8px 16px;
	}

	.ummaMessages__roomHeaderBack {
		padding: 8px 8px;
		display: block;
	}

	.ummaMessages__roomBody {
		height: calc(100vh - 160px);
		padding-bottom: 75px;
	}

	.nikahUmma__messageMenuItemBox {
		padding: 16px;
	}

	.nikahUmma__messageMenuText {
		font-size: 16px;
	}

	.nikahUmma__messageMenuItemIcon {
		width: 24px;
	}

	.nikahUmma__messageMenuItemIcon svg {
		width: 100% !important;
		height: 16px !important;
	}

	.ummaMessages__roomFooter {
		left: 0;
		position: fixed;
		right: 0;
		top: auto;
		user-select: none;
		-webkit-user-select: none;
		z-index: 98;
		border-top: 1px solid var(--background-main);
		bottom: env(safe-area-inset-bottom);
		flex-shrink: 0;
		margin: 0px;
		transition: 0.3s all ease-in-out;
		background: var(--white);
	}

	.mobileleftpane {
		transition: 0.3s all ease-in-out;
		z-index: 2000;
		top: 0px;
		box-shadow: 4px 2px 10px rgb(0 0 0 / 48%);

	}

	.mobileleftpane {
		/* max-width: none;
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		transform: translate3d(0, 0, 0); */
	}

	.ummaMessages__room {
		transition: 0.3s all ease-in-out;
		height: 100vh;
		display: flex;
		flex-direction: column;
		/* display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden; */
	}

	.ummaMessages__roomBody {
		transition: 0.3s all ease-in-out;
		/* display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%; */
		/* padding: unset; */
		z-index: 19;
		bottom: env(safe-area-inset-bottom);
		position: fixed;
		padding-bottom: 140px;
		top: 72px;
	}

	.ummaMessages__roomMessagesContainer {
		/* height: auto;
		overflow-y: auto;
    	overflow-x: auto;
		display: flex;
		justify-content: flex-end;
		flex-direction: column; */
		/* width: 100%; */
	}

	.ummaMessages__roomContainerScrolled {
		/* margin-bottom: 104px; */
	}

	/* .ummaMessages__roomFooter{
		width: 100%;
		position: relative;
		transform: translate3d(0, 0, 0);
	} */

	.ummaMessages__roomHeader {
		transition: 0.3s all ease-in-out;
		width: 100%;
		z-index: 100;
		margin: 0px;
	}

	.mobileleftpane.disactive {
		/* display: none; */
		left: calc(100vw);
		transition: 0.3s all ease-in-out;
	}

	.mobileleftpane.disactive .ummaMessages__room,
	.mobileleftpane.disactive .ummaMessages__roomHeader,
	.mobileleftpane.disactive .ummaMessages__roomBody,
	.mobileleftpane.disactive .ummaMessages__roomFooter {
		left: calc(100vw);
		transition: 0.3s all ease-in-out;
	}

	.mobilerightpane {
		transform: scale(1);
		transition: 0.3s all ease-in-out;
	}

	.mobilerightpane.disactive {
		/* right: calc(20vw); */
		transition: 0.3s all ease-in-out;
		transform: translateX(-70px);
	}

	.loader {
		top: 55px;
	}

	.left-sidebar {
		/* margin-top: 16px; */
		overflow: auto;
	}

	.mobile_menu_container ul li {
		width: 33%;
	}

	.mobile_menu_container .left-sidebar ul li a {
		font-size: 14px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		line-height: 1;
	}

	.mobile_menu_container .left-sidebar ul li a:hover {
		background: transparent !important;
	}

	.mobile_menu_container .ummaMenu__icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 80px;
		height: 80px;
		background: #F2F4F9;
		margin: 0px;
		margin-bottom: 4px;
		overflow: hidden;
		border-radius: 24px;
		position: relative;
	}

	.ummaComment__actionBox .reaction::before {
		display: none;
	}

	.ummaComment__actionBox .reaction img {
		width: 40px;
		height: 40px;
		top: 0px;
	}

	span.ummaMenu__icon:before,
	span.ummaMenu__icon:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: inherit;
		border-radius: 100%;
		-webkit-transform: scaleX(2) scaleY(1.05);
		transform: scaleX(2) scaleY(1.05);
		clip: rect(0, 66px, 100px, 34px);
		z-index: -1;
	}

	span.ummaMenu__icon:after {
		-webkit-transform: scaleY(2) scaleX(1.05) rotate(90deg);
		transform: scaleY(2) scaleX(1.05) rotate(90deg);
	}

	.mobile_menu_container ul {
		display: flex;
		justify-content: space-around;
		margin-bottom: 8px;
	}

	.mobile_menu_container .left-sidebar ul li a svg {
		height: 35px;
		width: 35px;
	}

	.messages-notification-container.open>.dropdown-menu:not(.notfi-dropdown):not([role=combobox]),
	.notification-container.open>.dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
		bottom: 36px;
		height: calc(350px - 1px);
		left: 0;
		position: fixed;
		right: 0;
		top: auto;
		user-select: none;
		-webkit-user-select: none;
		z-index: 1031;
		transform-origin: bottom;
		width: 100%;
		box-shadow: none;
	}

	.messages-notification-container .dropdown-menu:not(.notfi-dropdown):not([role=combobox]),
	.notification-container .dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {}

	@keyframes slide-top {
		0% {
			transform: translateY(0)
		}

		100% {
			transform: translateY(-100px)
		}
	}

	.dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
		transform-origin: bottom;
		overflow: scroll;
	}

	.movies-filter>div>li ul>li:hover {
		background: transparent !important;
	}

	.modal_filter__body .movies-filter>div>li>a {
		border-bottom: none !important;
	}

	.movies-filter>div>li ul.subGenreBox {
		display: block !important;
		position: relative !important;
		left: 0px !important;
		top: 2px !important;
		width: max-content;
		overflow: scroll !important;
		max-height: 100%;
	}

	.navbar-default {
		height: auto !important;
	}

	.mobile_menu_burger {
		padding: 16px;
		margin: 0px;
		width: auto;
		position: relative;
		z-index: 9999;
		cursor: pointer;
		width: 54px;
	}

	.ummaHeader__barItem {
		padding: 16px;
		width: 54px;
	}

	#night_mode_toggle svg {
		width: 22px;
		height: 22px;
		cursor: pointer;
	}

	#head_menu_rght {
		float: none !important;
		justify-content: space-around;
		margin: 0 0px;
		flex: inherit;
		display: flex;
		width: 54px;
	}

	.home-page {
		margin-top: -24px;
	}

	.dropdown-backdrop {
		background: #0000003d;
		bottom: 48px;
	}

	.pub-focus #focus-overlay {
		opacity: 0.2;
	}

	.change_daynight__container {
		margin: 0px;
		padding: 16px;
		width: 54px;
	}

	.scrollToTopBtn:hover {
		opacity: 0.6;
	}

	.scrollToTopBtn {
		bottom: 30px;
		opacity: 0.6;
	}

	.showBtn {
		bottom: 60px;
		/* display: none; */
	}

	.ummaAppBannerShown .showBtn {
		bottom: 160px;
	}

	.navbar-default .sixteen-font-size svg {
		width: 20px;
		height: 20px;
		padding: 0px;
	}

	#head_menu_rght .sixteen-font-size:hover {
		background: transparent !important;
	}




	.ummaPage__header {
		padding: 8px 8px 16px;
	}

	.ummaHeader__barItem {
		display: block;
	}

	.ummaSidebar__body {
		/* justify-content: flex-start; */
	}

	.ummaComment__audioContainer .message-media-wave wave {
		height: 28px !important;
	}

	.wo_page_hdng.pag_neg_padd {
		margin: 0px;
		padding: 0px 0px 0px;
	}

	.wow_content {
		padding: 0px 8px 0px;
	}

	.wow_my_groups {
		padding: 0px;
	}

	.ummaComment__immageItem {
		width: 90px;
		height: 90px;
	}

	.new-update-alert-nikah,
	.new-update-alert {
		right: 6px;
		top: 10px;
	}

	.singlecol {
		padding: 0px;
	}

	.day .ummaPost__actionBtnItem:hover {
		background: transparent !important;
	}

	.ummaPost__actionBtnItem:hover {
		background: transparent;
		color: #8D98B4;
	}

	.ummaPost__actionBtnItem:active span {
		transition: 0.2s all;
		transform: scale(0.92);
		-webkit-transform: scale(0.92);
		-moz-transform: scale(0.92);
	}

	.profile-lists {
		padding: 0px;
		margin-bottom: 40px;
	}

	.home-page {
		margin-top: -27px;
	}

	.profileNews {
		padding: 0px !important;
	}

	.ummaPost__actionBtnItem span {
		font-size: 12px;
		display: none;
	}

	.ummaPost__actionBtnItem {
		font-size: 12px;
	}

	.ummaComment__title {
		justify-content: space-between;
	}

	.ummaComment__translate {
		margin-right: 0px;
	}

	.ummaComment__btnMenu {
		padding-top: 32px;
	}

	.ummaComment__btnMenuIcon {
		transform: rotate(90deg);
	}

	.ummaComment__name {
		width: 100%;
	}

	.ummaComment__menuContainer {
		right: -8px;
		top: 30px;
		left: unset;
		z-index: 1010;
	}

	.ummComment__item .ummaComment__menuContainer {
		animation: scale-up-top-right 0.2s !important;
	}

	.ummaComment__menuContainer:before {
		transform: rotate(180deg);
		left: auto;
		right: 14px;
		top: -9px;
	}

	.ummaComment__menuContainer:after {
		transform: rotate(180deg);
		left: auto;
		right: 15px;
		top: -7px;
	}

	.singlecol-guest {
		/* padding: 0px !important; */
	}

	.profileSidebar {
		padding: 0px;
		padding: 0px;
	}

	.ummaSidebar__container {
		margin: 0px 0px 8px;
	}

	.ummaNavBar__container {
		display: flex;
	}

	.ummaPost__actionBtn>svg,
	.ummaPost__actionBtnItem>svg {
		width: 22px;
		height: 22px;
	}

	.ummaSidebar__body .ummaTags__list {
		flex-direction: row;
		justify-content: space-evenly;
		width: 100%;
	}
}

@media all and (max-width: 768px) {
	.walletPage__balanceSection {
		flex-wrap: wrap;
	}

	.walletPage__infoContainer {
		width: 100%;
	}

	.walletPage__balanceInfoBody {
		flex-wrap: wrap;
		gap: 16px;
	}

	.ummaPost__actionBtn {
		width: 28px;
		margin: 0 auto;
	}

	.ummaForm__attachContainer {
		flex-direction: column;
		gap: 16px;
	}

	.ummaForm__attachDragDrop {
		width: 100%;
	}

	.ummaPost__shareContainer:after,
	.ummaPost__shareContainer:before {
		right: 60px;
	}

	.ummaPost__shareContainer.open {
		animation: scale-up-bottom-right 0.2s;
	}

	.bs-callout .post-heading .title {
		gap: 0px 8px;
		flex-wrap: wrap;
	}

	.post .post-heading .meta .title {
		gap: 0px 8px;
		flex-wrap: wrap;
	}

	.feeling-text {
		width: 100%;
	}

	.logoScrollToTop {
		display: block;
	}

	.movies-page .singlecol-guest {
		/* padding: 0px 16px; */
	}

	.wow_moviecontent {
		padding: 8px 0px !important;
	}

	.blogPage .row {
		margin: 0px;
	}

	.welcome-footer {
		font-size: 11px;
		padding: 0px;
	}

	.welcome-footer .lang {
		padding-top: 8px;
	}

	.welcome-footer a:not(.lang) {
		padding-top: 8px;
	}

	.welcome-footer,
	.welcome-footer-right {
		color: #1f1f1f;
		float: none !important;
		display: flex;
		text-align: center;
		flex-wrap: wrap;
		justify-content: center;
	}

	.ummaSidebar__container .sidebar-user-data a {
		flex-direction: row;
	}
}

@media all and (max-width: 600px) {

	.chatAttachments__container{
		max-height: 100vh;
	}
	
	#chatAttachments .modal-dialog{
		margin: 0px auto;
	}

	.callPopup__actionButtonsContainer{
		bottom: 140px;
	}

	#localVideo{
		bottom: 215px;
		max-width: 120px;
	}

	#callPopup .caller_container{
		height: 100vh !important;
		max-height: 100% !important;
		border-radius: 0px;
    	border: none;
		padding-bottom: 150px;
	}
	#callPopup .modal-dialog{
		margin: 0px;
	}

	.meta {
		flex-direction: column;
	}

	.translate_notify {
		top: 70px;
		z-index: 1;
		position: absolute;
		align-self: center;
	}

	.ummaPublisherBoxModal .ummaDropdown__container {
		margin: 14px -52px;
		animation: scale-up-bottom-left 0.2s;
		bottom: 115px;
	}

	.ummaSidebar__body .ummaTags__list {
		flex-direction: unset;
		display: flex;
		flex-wrap: wrap;
		gap: unset;
	}

	.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_subtitles .fluid_subtitles_list .fluid_subtitle_list_item,
	.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_list .fluid_video_source_list_item {
		padding: 8px 34px 8px 24px !important;
	}

	.verificationPlan__continer {
		flex-wrap: wrap;
	}

	.ummaPost__actionContainer .reaction {
		width: 37px;
	}

	.ummaPost__actionContainer .reactions-box {
		left: -10px;
	}

	.audio_playlists__itemCover {
		width: 100%;
	}

	.audio_playlists__item {
		max-width: 100%;
		width: 50%;
		padding: 8px;
	}

	.ummaPost__actionContainer .reactions-box:before {
		left: 61px;
	}

	.ummaPost__actionContainer .reactions-box:after {
		left: 62px;
	}

	.ummaForm__groupArea>a {
		margin: 0px;
	}

	.audio_playlist__box>div {
		gap: 0px;
	}

	.ummaProfile__buttonsContainer {
		display: flex;
		gap: 4px;
		padding: 0px 16px;
		justify-content: baseline;
	}

	.ummaVerification__button {
		margin: 0px;
		min-width: auto;
		width: 90%;
		font-size: 12px;
		border-radius: 8px;
		padding: 8px 12px;
	}

	.ummaVerification__button>svg {
		width: 12px;
	}

	.navbar-nav {
		margin: 0px;
		padding: 0px;
	}

	#splayer_modal.open {
		bottom: 0px;
	}

	.nikahUmma__continer {
		bottom: env(safe-area-inset-top);
		top: 60px;
		position: fixed;
		height: calc(100vh - 180px);
		background-position: bottom;
	}

	#filterby-post li.list-group-item svg {
		display: none;
	}

	#filterby-post .list_active_slider {
		--width-tab-filter: 20%;
		height: 2px;
		border-radius: 1px 1px 0px 0px;
		background: var(--btn-main);
		width: 100%;
		bottom: 0px;
		position: absolute;
		transition: transform 0.4s;
		transform-origin: 0 0;
		left: 0;
	}

	#filterby-post li.list-group-item:nth-child(2).active~li.list_active_slider {
		transform: translateX(0) scaleX(0.2);
	}

	#filterby-post li.list-group-item:nth-child(3).active~li.list_active_slider {
		transform: translateX(var(--width-tab-filter)) scaleX(0.2);
	}

	#filterby-post li.list-group-item:nth-child(4).active~li.list_active_slider {
		transform: translateX(calc(var(--width-tab-filter) * 2)) scaleX(0.2);
	}

	#filterby-post li.list-group-item:nth-child(5).active~li.list_active_slider {
		transform: translateX(calc(var(--width-tab-filter) * 3)) scaleX(0.2);
	}

	#filterby-post li.list-group-item:nth-child(6).active~li.list_active_slider {
		transform: translateX(calc(var(--width-tab-filter) * 4)) scaleX(0.2);
	}

	.panel-white {
		box-shadow: none;
	}

	.countMedia-1 .fluid_video_wrapper {
		height: 220px !important;
		/*  	max-height: 640px; */
	}

	.wow_shared_posts .fluid_video_wrapper {
		height: 220px !important;
	}


	.post .post-footer.post-comments {
		margin-bottom: 64px;
	}

	.ummaTextarea__container.mobile {
		margin-bottom: 46px;
		left: 0;
		position: fixed;
		right: 0;
		top: auto;
		background: #ffffff;
		bottom: env(safe-area-inset-bottom);
		padding: 16px 16px;
		z-index: 9;
		border-top: 1px solid var(--background-main);
	}

	.ummaTextarea__container.mobile .ummaComment__formAvatar {
		display: none;
	}

	.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container {
		display: block !important;
		opacity: 0 !important;
	}

	.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration {
		left: 105px;
	}

	.fluid_video_wrapper video {
		border-radius: 0px;
	}

	#fullsizeimg img {
		max-height: none;
		border-radius: 0px;
	}

	.post-youtube.wo_video_post {
		margin: 0px -17px;
	}

	.post-youtube iframe {
		border-radius: 0px;
		height: 220px !important;
	}

	.multiPostImg {
		margin: 0px;
	}

	.multiPostImg_container {
		margin: 4px -17px;
		grid-gap: 4px;
	}

	.who_react_to_this_user .who_react_to_this_user_info .user-popover p {
		font-weight: 600;
		font-size: 14px;
		line-height: 17px;
		max-width: 100%;
	}

	#users-reacted-modal .modal-dialog {
		width: 100%;
		max-width: 100%;
	}

	#users-reacted-modal .modal-header {
		margin: 8px 0px 0px;
		padding: 8px 0px 8px 16px;
	}

	.who_react_modal {
		padding: 4px 2px;
		flex-wrap: nowrap;
	}

	#users-reacted-modal .modal-title {
		overflow: auto;
	}

	.change_daynight__container:hover {
		background: transparent !important;
	}

	.ummaPage__search {
		margin-bottom: 16px;
		width: 100%;
	}

	.ummaPage__search input {
		width: 100%;
		margin-right: 0px;
	}

	.ummaForm__footer {
		text-align: center;
	}

	.ummaForm__item {
		flex-direction: column;
		align-items: flex-start;
	}

	.ummaForm__itemLabel {
		margin-bottom: 16px;
	}

	.ummaForm__itemGroup {
		flex-direction: column;
		align-items: baseline;
	}

	.ummaForm__itemGroup .round-check {
		margin-top: 16px;
	}

	.ummaPublisherBox__actionButtonsItem svg {
		width: 20px;
		height: 20px;
	}

	#feelings-text {
		width: 60%;
		padding: 0px 8px;
	}

	.ummaPublisherBox .feeling-type ul {
		display: flex;
		flex-direction: column;
	}

	.ummaPublisherBox__sendButtonContainer {
		width: 100%;
		justify-content: space-around;
		flex-wrap: wrap;
		gap: 8px;
	}

	.ummaDropdown__container {
		margin: 14px -52px;
	}

	.ummaPublisherBox__actionButtonsItem {
		padding: 8px 16px;
	}

	.ummaPublisherBox__actionButtonsContainer {
		margin-bottom: 8px;
	}

	.ummaPublisherBox__footer {
		flex-wrap: wrap;
		align-items: center;
		flex-direction: column;
	}

	.profileTrippleBtn .dropup .dropdown-menu {
		top: 5px
	}

	.profileSidebar {
		margin-top: -16px;
	}

	.profileTrippleBtn {
		top: 8px !important;
		right: 8px !important;
	}

	.container .profileSidebar .user-avatar {
		width: 100%;
		height: 390px;
	}

	.ummaProfile__infoContainer table td.label {
		width: 168px;
		min-width: 168px;
		white-space: break-spaces;
	}

	.wo_group .side_panel {
		flex-direction: column;
		align-items: center;
	}

}


/* Portrait */
@media screen and (orientation:portrait) {
	/* Portrait styles here */
}

/* Landscape */
@media screen and (orientation:landscape) {
	/* Landscape styles here */
}


/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {}

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {}