/* === Base Styles (Mobile First) === */

/* ======================== */
/*  Extra Small Devices   */
/* Phones <576px            */
/* ======================== */
@media (max-width: 480px) {
	.user-profile-list {
		padding: 15px;
	}
	.lifeTimeline .user-info {
		flex-direction: column;
	}
	.lifeTimeline .name-date,
	.lifeTimeline .info-text {
		width: 100%;
	}
	.hidden-xxs {
		display: none;
	}
	[class*="selectMenuName"] .profile_down_list .selected-name {
		/* padding-bottom: 10px; */
	}
	#oldestyoungest_tab .lifeexpectancy_row,
	.recentlytabsbox .lifeexpectancy_row {
		flex-direction: column;
	}
	.recentlytabsbox .lifeexpectancy_row .form__group {
		margin: 0;
	}
	.search-tab .tabs-create-profile li span {
    	display: none;
  	}

	.btn___filter span{
		display: none;
	}
	.audioplayer-volume-button{
		width: 18px;
	}
	.audioplayer-time{
		width: auto;
	}
	.audioplayer-time-duration {
        margin-right: 5px !important;

    }
    .audioplayer {
        padding: 0px 10px !important;
    }
	.filter_sub_menu{
		max-width: 210px;
	}
	.reminder__tab>ul li{
		flex: 1;
	}
	.reminder__tab>ul li span{
		display: none;
	}

	[class*="selectProfileTypeName"] .mdl-select,
	[class*="selectLocationMap"] .mdl-select {
		width: 100%;
		flex: 100%;
        border-radius: 5px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
	}

	[class*="selectProfileTypeName"] .profile_down_list,
	[class*="selectLocationMap"] .profile_down_list {
		width: 100%;
		flex: 100%;
        border-radius: 5px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
	}

	[class*="selectMenuName"] .profile_down_list,
	[class*="selectLocationMapMulti"] .profile_down_list,
	[class*="selectProfileTypeName"] .profile_down_list,
	[class*="selectLocationMap"] .profile_down_list {
		border-top-width: 0px;
	}

}
@media (max-width: 599.98px) {
	/* Styles for very small phones */
	.fixed-topbar .fixed-navbar {
		top: 60px;
	}
	.all-catalogs .system-info-btn {
		display: block;
	}
	#wrapper .main-content > .row:first-child .col-sm-12 {
		display: flex;
		flex-direction: column-reverse;
	}
	.header-list {
		margin-bottom: 0;
	}
	.catalogue-color-option-ul_edit {
		flex-wrap: wrap;
		row-gap: 15px;
	}
	.tabs_profile .products-grid.recent_upload .grid-name {
		flex: 1;
		width: 100%;
	}
	.collection_section_ul.collection_bg_div > li.tree {
		width: 100% !important;
	}

	.move_media_ul .main-folder {
		flex-wrap: wrap;
	}

	.move_media_ul .main-folder .text_overflow_wrap {
		flex: 0 0 100%; /* takes full width */
	}
	.fixed-navbar .ico-item.toggle-hover .toggle-content ul li {
		margin-right: 0;
	}
	.recently-media-grid {
		grid-template-columns: 1fr 1fr;
	}
	.recently-media-grid .recently-gallerybox {
		width: 100%;
		aspect-ratio: 5 / 3;
		height: auto;
	}
	.catalog-bottom-menu {
		position: fixed;
		bottom: 0;
		z-index: 20;
		text-align: center;
		padding: 10px;
		left: 0;
		right: 0;
		background: #e6e6e6;
	}
	.catalog-bottom-menu .btn-group {
		display: flex;
		justify-content: center;
		gap: 15px;
	}
	.mobile-info-btn .btn-create-collection {
		padding: 5px 10px;
		height: 50px;
		font-size: 14px;
		line-height: 26px;
		width: 33%;
	}
	.mobile-info-btn .btn-create-collection img {
		display: block;
		margin: 0 auto;
		width: 18px;
	}
	.mobile-info-btn .btn-create-collection span.hide-in-mobile,
	.btn-group-footer button.find-search span.hide-in-mobile,
	.btn-group-footer a span.hide-in-mobile {
		display: none;
	}

	#signup_form.main-panel__form .form__group:nth-child(4) .flex-container {
		flex-direction: column;
	}
	#signup_form.main-panel__form
		.form__group:nth-child(4)
		.flex-container
		.flex-item-left {
		padding-right: 0;
		/* margin-bottom: 25px; */
	}
	
	.personal__info li {
		width: 100%;
	}
	#reminder_sidebar .editMobilePrt .flex-item-2.flex-item-3.pos-rel {
		margin-bottom: 0;
	}
	.plan_heading {
		display: flex;
		width: 100%;
		margin-top: 15px;
	}
	.plan_heading > a {
		flex: 1;
	}
	.plan_heading .dropdown {
		width: auto;
		top: 0px !important;
	}
	.plan_heading button:last-child {
		top: 0px !important;
	}

	.user-info {
		max-width: 100%;
	}
	.products-grid.products__grid
		.my_media_section_ul
		li:first-child
		.grid-item
		.grid-checkbox {
		padding-top: 2px !important;
		padding-left: 0 !important;
	}
	.search__language.mt-7 {
		margin-top: 7px !important;
	}
	.grid-item .grid_flex > div.grid-collection,
	.products-grid.recent_upload .grid-upload {
		width: 100%;
		float: left;
	}
	.search-tab .tabs-create-profile li .tab-icon-1,
	.search-tab .tabs-create-profile li.active .tab-icon-2 {
		display: block !important;
		margin: 0 auto;
	}
	.onboarding-dashboard-main > .row:first-child .header-list {
		padding-bottom: 5px;
	}
	.billing_main .box-content-header {
		float: none;
	}
	.plan_heading button:first-child {
		flex: 1;
	}
	.current_plan_box .plan_heading .dropdown.js__drop_down button {
		display: block;
	}
	.grid-upload .one-row:last-child {
		width: 100%;
	}
	.mediaQuickIndex_body .hints_tab_content {
		padding-left: 10px;
		padding-right: 10px;
	}
	.mediaQuickIndex_body
		.hints_tab_content
		ul.tabItems
		li[data-id="tabEventDetails"] {
		padding-left: 5px;
		padding-right: 5px;
		text-overflow: ellipsis;
		overflow-wrap: normal;
		white-space: nowrap;
	}

	.mobile-info-btn .indexer_footer_button img {
		filter: invert(100%) brightness(100%) !important;
	}

	#edit_account_form #profile_sex_at_birth_class + fieldset {
		max-width: 100% !important;
	}

	.products__grid .grid-item.col-sm-4 .grid_flex {
		height: 100%;
	}

	#slideshow_popup .image-function .tooltip.bottom {
		top: auto !important;
		bottom: 100%;
	}
	#slideshow_popup .image-function .tooltip.bottom .tooltip-arrow {
		top: auto;
		bottom: 0;
		transform: rotate(180deg);
	}

	#VariableStatisticAddForm .form__group:nth-child(2) .flex-container {
		flex-direction: column;
		gap: 25px;
	}

	/* #VariableStatisticAddForm .form__group:nth-child(2) .flex-container > div {
		padding: 0 !important;
	} */

	.flex-container {
		gap: 25px;
	}
	.flex-container .flex-no-gap{
		margin-right: -25px;
	}
	.audioplayer {
		padding: 0 5px !important;
	}
	.audioplayer .audioplayer-time-current {
		margin: 0 5px;
	}
	.flex-item-1,
	.flex-item-2 {
		flex: 100%;
	}

	.storytelling_radio .radio {
		margin: 0;
	}

	.image_larg_carousel .flex-container .flex-left {
		max-width: 100%;
	}

	.side_tab_indexer {
		padding-bottom: 40px;
	}
	.personal__info li:nth-child(9), .personal__info li:nth-child(10){
		width: 100%;
	}
	.btn_filter_select.grid_flex{
		display: flex;
	}
}

/* ======================== */
/*  Small Devices         */
/* Phones ≥576px            */
/* ======================== */
@media (min-width: 600px) and (max-width: 767.98px) {
	/* Styles for phones */
	.all-catalogs .system-info-btn .btn-info {
		width: auto !important;
	}

	.header-list {
		margin-bottom: 0;
	}

	.move_media_ul .main-folder {
		flex-wrap: wrap;
	}
	.move_media_ul .main-folder .text_overflow_wrap,
	.move_media_ul .main-folder .move_media_message,
	.move_media_ul .main-folder .media-org-add-new-folder {
		overflow: hidden;
		white-space: nowrap;
		align-items: center;
		margin-top: 10px;
	}

	.move_media_ul .main-folder .text_overflow_wrap {
		flex: 0 0 100%; /* takes full width */
	}

	.fixed-navbar .ico-item.toggle-hover .toggle-content ul li {
		margin-right: 0;
	}

	.personal__info li {
		width: 50%;
	}

	.search-tab.media-tabs .nav.tabs-create-profile {
		flex-wrap: nowrap;
	}
	.image_larg_carousel .flex-container .flex-left {
		max-width: 160px;
	}
}

@media (max-width: 767px) {
	#reminder_sidebar .editMobilePrt .flex-item-2.flex-item-3 {
		flex: auto !important;
		min-width: 100px;
	}
	#reminder_sidebar .editMobilePrt .flex-item-2.flex-item-3+ .flex-item-10 {
		padding-left: 0;
	}

	.user___profile {
		display: flex;
	}

	.user___profile button {
		position: absolute;
		right: -10px;
		top: -20px;
	}
	.user___profile img {
		margin-right: 15px;
	}
	.user__profile__info h4 {
		white-space: normal;
	}
	.personal__info li .list-text,
	.personal__info,
	.personal_dtl_list .social_info {
		padding: 10px 0;
	}
	.move_media_ul .main-folder .text_overflow {
		flex: 1;
	}
	.move_media_ul .main-folder .text_overflow_wrap {
		display: flex;
		flex-wrap: wrap;
	}
	.move_media_ul .main-folder .text_overflow_wrap .break {
		flex-basis: 100%;
		height: 0;
	}

	.btn-collapse-all {
		align-self: flex-end;
	}
	#category_profile_box .dataTables_wrapper .dataTable,
	table#filter_variable {
		min-width: 1200px;
		overflow-x: scroll;
	}
	.search-tab .tabs-create-profile li .tab-icon-1,
	.search-tab .tabs-create-profile li.active .tab-icon-2 {
		display: block !important;
		margin: 0 auto;
	}
	.mediaQuickIndex_body {
		max-width: 100vw;
	}
	.quick_profile_form .btn-create-form {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.quick_profile_form .btn-create-form .btn {
		padding-left: 6px;
		padding-right: 6px;
		flex: 1;
		margin: 0;
	}

	.create_collection_form .step_tabs_create > .row {
		flex-direction: column-reverse;
		display: flex;
	}
	.main-folder:hover .btn-add-folder,
	.main-folder:has(.radio input:checked) .media-org-add-new-folder,
	.main-folder:has(.radio input:checked) .move_media_message {
		margin-top: 6px;
	}
	.btn-create-form {
		display: flex;
	}
	.btn-create-form .btn {
		flex: 1;
	}

	.relationshivap_list_box {
		margin-top: 25px;
	}
	.relationshivap_list_box .box-content {
		height: 120px;
	}
	.relationshivap_list_box .box-content .flex-box {
		display: flex;
		flex-wrap: wrap;
	}

	.relationshivap_list_box
		.box-content
		.flex-box
		.user-profile-list
		.flex-item-7,
	.relationshivap_list_box
		.box-content
		.flex-box
		.user-profile-list
		.flex-item-3 {
		flex: 100%;
	}

	.relationship_list .user-ul-flex {
		justify-content: space-between;
	}

	.oldestyoungetst_box {
		display: flex;
		align-items: center;
	}

	.create_form .form-title {
		margin-top: 0;
		padding: 5px 0 0;
	}
	.oldestyoungetst_box h4 {
		margin-top: 0;
	}
	.flex-container {
		flex-wrap: wrap;
		gap: 10px;
	}
	.flex-container .flex-no-gap{
		margin-right: -10px;
	}
	.social_times {
		padding: 12px 0;
	}
	.flex-container>div:not(.flex-auto) {
		flex: 1;
	}
	.flex-container>.flex-item-2,
	.flex-container>.flex-item-3,
	.flex-container>.flex-item-4,
	.flex-container>.flex-item-right,
	.flex-container>.flex-item-left{
		flex: 0 0 100% !important;
	}
	.flex-container>div.pos-rel{
		margin-right: -15px;
	}
	#edit_account_form #profile_sex_at_birth_class + fieldset {
		max-width: 100% !important;
	}
	.statistic-content{
		min-height: 100px;
	}
	.main-footer > .row {
		flex-wrap: wrap;
		display: flex;
	}
	.main-footer > .row > div {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.profiles-sort-block{
		top: 8px;
	}
	.hints_tab_content.relationshipform-wrapper {
		padding: 0;
	}
	.relationshipform .btn-create-form{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	#filter_timeline .flex-box{
		flex-wrap: wrap;
	}
	#filter_timeline .flex-item-6{
		flex: 1 1 100%;
	}
	#filter_timeline .flex-item-6 .ul-flex-list{
		border-top: 1px solid #E6E6E6;
		justify-content: space-around;
	}

	.catalog-page .system-info-btn.visible-xs,
	.dashboard .system-info-btn.visible-xs{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10;
		background: #fff;
		padding: 0 5px;
		border-top: 1px solid #E6E6E6;
		box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.07);
		margin: 0;
	}

	.catalog-page .system-info-btn.visible-xs .d-flex,
	.dashboard .system-info-btn.visible-xs .d-flex {
		gap: 10px;
	}
	/* Fallback for flex gap on legacy browsers */
	.dashboard .system-info-btn.visible-xs .d-flex > * + *,
	.catalog-page .system-info-btn.visible-xs .d-flex > * + * {
		margin-left: 10px;
	}

}

/* ======================== */
/*  Medium Devices        */
/* Tablets ≥768px           */
/* ======================== */
@media (min-width: 768px) and (max-width: 991.98px) {
	/* Styles for tablets */
	.all-catalogs .system-info-btn .btn-info {
		width: auto !important;
	}
	.move_media_ul .main-folder {
		flex-wrap: wrap;
	}
	.move_media_ul .main-folder .text_overflow {
		flex: 1;
	}

	.move_media_ul .main-folder .text_overflow_wrap,
	.move_media_ul .main-folder .move_media_message {
		overflow: hidden;
		white-space: nowrap;
		display: flex;
		align-items: center;
	}
	.move_media_ul .main-folder .text_overflow_wrap {
		flex: 0 0 100%; /* takes full width */
	}
	.fixed-navbar .ico-item.toggle-hover .toggle-content ul li {
		margin-right: 0;
	}
	.move_media_ul .main-folder .text_overflow_wrap {
		flex-wrap: wrap;
	}
	.move_media_ul .main-folder .text_overflow_wrap .break {
		flex-basis: 100%;
		height: 0;
	}
	#category_profile_box .dataTables_wrapper .dataTable {
		min-width: 1200px;
		overflow-x: scroll;
	}
	.search-tab .tabs-create-profile li .tab-icon-1,
	.search-tab .tabs-create-profile li.active .tab-icon-2 {
		display: block !important;
		margin: 0 auto;
	}
	.quick_profile_form .btn-create-form {
		display: flex;
		flex-wrap: wrap;
	}

	.quick_profile_form .btn-create-form .btn {
		padding-left: 6px;
		padding-right: 6px;
	}
	.create_collection_form .step_tabs_create > .row {
		flex-direction: column-reverse;
		display: flex;
	}
	.main-footer > .row {
		flex-wrap: wrap;
		display: flex;
	}
	.main-footer > .row > .col-lg-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (max-width: 991.98px) {
	.move_media_ul .main-folder > button {
		flex: none;
	}
	.search-tab .nav-fill.tabs-profile .nav-item {
		flex: 1;
	}
	.navigation .profile_btn_fixed {
		z-index: 15;
	}
	.main-content {
		padding-bottom: 60px;
	}
	.form__group {
		margin-bottom: 10px;
	}
	.storyNotes, .notesaddition, .notesaddition1, .description, .description1, .story_input, .group_description, .e_group_description, .notes1, .clipnotes, .listtask, .internotes, .clipnotes1, .internotes1, .listtask1, .clipnotes2, .internotes2, .listtask2, .internotes_1, .listtask_1, .clipnotes_2, .internotes_2, .listtask_2, .clipnotes_1, .textareano, .col_description, .clipnotes3, .internotes3, .clipnotes4, .internotes4, .clipnotes5, .internotes5, .clipnotes6, .internotes6, .spot_description, .key_notes, .key_notes1, .key_notes2, .key_notes3, .key_notes4, .key_notes5, .key_notes6, .key_notes7, .key_notes8, .key_notes9, .key_notes10 {
		position: relative;
		display: block;
		bottom: 0;
		text-align: right;
	}
}

/* ======================== */
/* Large Devices         */
/* Desktops ≥992px          */
/* ======================== */
@media (min-width: 992px) and (max-width: 1199.98px) {
	/* Styles for small laptops/desktops */
	.recentlytabsbox .lifeexpectancy_row {
		flex-direction: column;
	}
	.recentlytabsbox .lifeexpectancy_row .form__group {
		margin: 0;
	}
	.main-footer > .row {
		flex-wrap: wrap;
		display: flex;
	}
	.main-footer > .row > .col-lg-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}

}

/* ======================== */
/*  Extra Large Devices   */
/* Desktops ≥1200px         */
/* ======================== */
@media (min-width: 1200px) and (max-width: 1399.98px) {
	/* Styles for large desktops */
	.indexer-responsive .box-content.text-left.sticky-container {
		padding-bottom: 40px;
	}
	
}

/* ======================== */
/* XXL Devices           */
/* Widescreens ≥1440px      */
/* ======================== */
@media (min-width: 1440px) {
	/* Styles for ultra-wide monitors */
}

/* ======================== */
/* Orientation           */
/* ======================== */
@media (orientation: portrait) {
	/* Styles for portrait mode */
}

@media (orientation: landscape) {
	/* Styles for landscape mode */
}

/* ======================== */
/* Touch Devices         */
/* ======================== */
@media (hover: none) and (pointer: coarse) {
	/* Styles for touch-only devices */
}

@media (hover: hover) and (pointer: fine) {
	/* Styles for devices with hover (mouse) */
}

/* ======================== */
/* Accessibility         */
/* ======================== */
@media (prefers-reduced-motion: reduce) {
	/* Disable animations */
	* {
		animation: none !important;
		transition: none !important;
	}
}

@media (prefers-color-scheme: dark) {
}

@media (prefers-color-scheme: light) {
}

/* ======================== */
/* Optional: Container Queries */
/* ======================== */
/* Requires container: inline-size on a parent */
@container (min-width: 600px) {
	/* Styles based on container width */
}



@media (min-width: 992px) {
	.profile_btn_fixed {
		display: none;
	}
	.navigation .profile_btn_fixed,
	.address-book-menu .profile_btn_fixed {
		display: block;
	}
	.address-book-menu .profile_btn_fixed {
		width: 260px;
	}
}

@media (max-width: 1200px) {
	.filter__bars ul li {
		vertical-align: top;
	}
	.indexer-responsive > .flex-container > .flex-index-right {
		height: 100vh; /* Occupies full screen height */
		overflow-y: auto;
	}
	.indexer-responsive .box-content.text-left.sticky-container {
		padding-bottom: 40px;
	}
	#commonnames_tab .common_tbmain .common_names_main_tbl{
		min-height: 240px;
	}
}



@media screen and (min-width: 600px) and (max-width: 700px) {
	#VariableStatisticAddForm
		.form__group:nth-child(2)
		> div.flex-container
		> div {
		padding: 0 0 20px;
		flex: 100%;
	}
	#VariableStatisticAddForm
		.form__group:nth-child(2)
		> div.flex-container
		> div:last-child {
		padding-bottom: 0;
	}
}