/*-------------------------------------------------------
    [ responsive max-width sizes ]
-------------------------------------------------------*/


/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399px) {

 }
/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {


 }
 /* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {
	.authentication {
    width: 40%;
	}
	.profile-forms:after {
    right: -10px;
}
.super-admin-counting-card-text h2 {
    font-size: 150%;
}
.super-admin-counting-card-text p {
    font-size: 100%;
}
.super-admin-counting-cards .col {
    width: 33.33333333333333%;
    flex: auto;
    max-width: 33.33333333333333%;
}
.super-admin-counting-cards .super-admin-counting-card-spacer {
margin-bottom: 15px;
}
.subscription-cards .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 50%;
}
}
/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
	.authentication {
		width: 50%;
	}

    .section-titles {
    flex-direction: column;
    justify-content: center;
}
.section-titles .section-title {
    width: 100%;
    padding-right: 0;
    margin-bottom: 15px;
}
.section-titles .section-buttons {
    width: 100%;
}
}
/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
	.authentication {
    width: 65%;
	}
	.profile-forms:after {
		display: none;
	}
	.profile-forms {
    padding-bottom: 15px;
    border-bottom: 1px solid #B3BCC9;
	}
	.super-admin-counting-cards .col {
    width: 50%;
    flex: auto;
    max-width: 50%;
	margin-bottom: 15px;
	}
    .subscription-rates {
    flex-direction: column;
    }
    .section-titles .section-buttons .button-box {
    flex-direction: column;
}
.section-titles .section-buttons .button-box a.navigation-link {
    margin-right: 0 !important;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}
}
 /* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
	.authentication {
    width: 90%;
	}
	.dashboard-cards-img {
	height: 250px;
	border-radius: 5px;
	overflow: hidden;
	}
	.section-titles {
    align-items: flex-start;
    flex-direction: column;
	}
	.section-title {
		margin-bottom: 15px;
	}
	.section-titles .section-title, .section-titles .section-buttons {
    width: 100%;
	}
	.section-titles .section-buttons {
		display: flex;
		justify-content: flex-end;
	}
	.super-admin-counting-cards .col {
    width: 100%;
    flex: auto;
    max-width: 100%;
}
.view-member-header {
    flex-direction: column;
}
.view-member-header-detail {
    width: 100%;
}
.view-member-header-action ul {
    justify-content: center;
}
.view-member-image {
    width: 50px;
    height: 50px;
}
.view-member-header-detail {
    margin-bottom: 10px;
}
.view-family-member .modal-body ul li {
    display: flex;
    flex-basis: 100%;
}
.view-family-member .modal-body ul.view-member-detail-address li {
    flex-basis: 100%;
}
.view-family-member .modal-body ul.view-member-detail-address li .title {
    width: 32%;
}
}
/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

 }
 /* // Small devices (landscape phones, 576px and up) */
@media (min-width: 767px) {

 }
 /* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

 }
 /* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.subscription-text-box {
    width: 70%;
}
}
 /* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.subscription-text-box {
    width: 50%;
}

}


 /*-------------------------------------------------------
    [ Big screen responsive ]
-------------------------------------------------------*/

@media only screen and (min-width: 1200px)  {
	body {
		font-size: 1.171303074670571vw;
	}
	.authentication {
		padding: 1.8301610541727673vw 2.4154589371980677vw;
		border-radius: 2.1961932650073206vw;
	}
	.authentication-form-icon {
		position: absolute;
		left: 0.5124450951683748vw;
		line-height: 2.4890190336749636vw;
	}
	.authentication-form-icon svg {
		width: 0.8784773060029283vw;
		height: 0.8784773060029283vw;
	}
	.authentication-logo {
		width: 11.566617862371888vw;
		text-align: center;
		height: 8.784773060029282vw;
	}
	.authentication-logo img {
		height: 100%;
	}

	.authentication-checkbox {
		line-height: 1.5739385065885798vw;
	}
	.user-header {
		height: 4.392386530014641vw;
	}
	ul.user-navbar li.nav-item {
		min-height: 4.392386530014641vw;
		padding-left: 0.7320644216691069vw;
		padding-right: 0.7320644216691069vw;
	}
	.user-thumb {
		margin-left: 1.0980966325036603vw;
	}
	.user-image {
		width: 2.4154589371980677vw;
		height: 2.4154589371980677vw;
		text-align: center;
		line-height: 2.4154589371980677vw;
	}
	.logo img {
		width: 100%;
		max-width: initial;
	}
	.user-image svg {
    width: 1.4492753623188406vw;
    height: 1.4492753623188406vw;
	}
	.content-box {
    padding: 1.6103059581320451vw;
    border-radius: 0.8051529790660226vw;
	}
	.header {
    height: 4.428341384863124vw;
    z-index: 99;
	}
	.user-content-panel {
    padding-top: 4.428341384863124vw;
	}
	.profile-photo {
	width: 9.66183574879227vw;
	height: 9.66183574879227vw;
	}
	.profile-edit-icon {
    bottom: 0.4025764895330113vw;
    width: 2.818035426731079vw;
    height: 2.818035426731079vw;
}
.profile-edit-icon svg {
    width: 1.1272141706924315vw;
    height: 1.1272141706924315vw;
}
.profile-forms:after {
    width: 0.040257648953301126vw;
    right: -1.1272141706924315vw;
}
.currect-plan-listings ul li .current-plan-title {
    padding-right: 0.6038647342995169vw;
}
.currect-plan-listings ul li .current-plan-detail {
    padding-left: 0.6038647342995169vw;
}
.currect-plan-listings ul li {
	border-width: 0.08051529790660225vw;
}
ul.user-navbar li.nav-item:hover:after,
ul.user-navbar li.nav-item.active:after {
    height: 0.4025764895330113vw;
}
ul.tab-nav {
	border-width: 0.08051529790660225vw;
}
ul.tab-nav li {
    margin-right: 1.6103059581320451vw;
}
ul.tab-nav li a {
    border-width: 0.07320644216691069vw;
    letter-spacing: 0.007320644216691069vw;
    font-size: 1.171303074670571vw;
    line-height: normal;
    padding-top: 0.4025764895330113vw;
    padding-bottom: 0.4025764895330113vw;
    border-radius: 0.322061191626409vw;
    padding-left: 0.966183574879227vw;
    padding-right: 0.966183574879227vw;
}
ul.tab-nav li a .tab-icon {
    width: 2.1739130434782608vw;
    height: 2.1739130434782608vw;
	margin-right: 0.5636070853462157vw;
}
ul.tab-nav li a .tab-icon svg {
    width: 1.0466988727858293vw;
    height: 1.0466988727858293vw;
}
a.navigation-link svg {
	width: 0.966183574879227vw;
    height: 0.966183574879227vw;
    margin-right: 0.8051529790660226vw;
}
.dashboard-cards-img {
	height: 9.66183574879227vw;
	border-radius: 0.4025764895330113vw;
}
.dashboard-cards-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.dashboard-card {
    padding: 0.5636070853462157vw;
	border-radius: 0.4025764895330113vw;
}
a.navigation-link svg.pdf {
    width: 1.3687600644122384vw;
    height: 1.3687600644122384vw;
}
/* s */
/* .family-tree-card {
    width: 11.674718196457327vw;
} */
.popup-logo {
	width: 3.3816425120772946vw;
    height: 4.106280193236715vw;
}
.subscription-card {
    padding: 1.0466988727858293vw;
}
ul.subscription-details li .subscription-detail-icon svg {
    width: 1.0466988727858293vw;
    height: 1.0466988727858293vw;
}
.subscription-rate h1 sup {
    top: -1.5297906602254427vw;
}
.subscription-btn a.navigation-link {
    padding-top: 0.8051529790660226vw;
    padding-bottom: 0.8051529790660226vw;
}
.subscription-btn a.navigation-link svg {
    width: 2.0128824476650564vw;
    height: 2.0128824476650564vw;
    padding: 0.4830917874396135vw;
    border-radius: 100%;
    margin-left: 0.5636070853462157vw;
}
.current-subscription .card-footer .subscription-btn a.navigation-link {
    height: 4.106280193236715vw;
}
a.table-action svg {
    color: transparent;
    width: 1.288244766505636vw;
    height: 1.288244766505636vw;
	margin-right: 0.4025764895330113vw;
}
.filter-column-icon {
	padding: 0.4830917874396135vw 0.966183574879227vw;
	border-top-right-radius: 0.322061191626409vw;
    border-bottom-right-radius: 0.322061191626409vw;
}
.filter-column-icon svg {
    width: 1.2077294685990339vw;
    height: 1.2077294685990339vw;
}
.table > :not(caption) > * > * {
    padding: 0.644122383252818vw 0.644122383252818vw;
}
table.table th {
  border-width: 0.08051529790660225vw;
}
.masonry-card {
    padding: 0.5636070853462157vw;
    border-radius: 0.4025764895330113vw;
}
.masonry-image img {
    border-radius: 0.4025764895330113vw;
}
.masonry-card video {
    border-radius: 0.322061191626409vw !important;
    height: 16.908212560386474vw;
}
.masonry-card audio {
    width: 100%;
}
.masonry-frame{
    /* border-width: 0.7246376811594203vw; */
    border-width: 0.08051529790660225vw;
    padding: 0.7246376811594203vw;
	border-radius: 0.322061191626409vw;
}
.super-admin-counting-card-box {
	padding: 1.0466988727858293vw;
    border-radius: 0.8051529790660226vw;
}
.super-admin-counting-card-icon {
    width: 3.0595813204508855vw;
    height: 3.0595813204508855vw;
}
.super-admin-counting-card-icon svg {
width: 1.4492753623188406vw;
height: 1.4492753623188406vw;
}
.super-admin-counting-cards .row > * {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}
.authentication-form-icon.eye {
    left: auto;
    right: 0.8051529790660226vw;
}
.authentication-form-icon.eye svg {
width: 1.288244766505636vw;
height: 1.288244766505636vw;
}

.profile-user-image {
	width: 9.66183574879227vw;
    height: 9.66183574879227vw;
}
.profile-edit-icon-avator {
    padding: 9.66183574879227vw 0 0 0;
    height: 12.962962962962964vw;
}
.profile-user-image svg {
    width: 4.025764895330113vw;
    height: 4.025764895330113vw;
}
.user-thumb .dropdown .btn-secondary {
    width: 3.6231884057971016vw;
    height: 3.6231884057971016vw;
}
.dropdown-menu {
    min-width: 12.077294685990339vw;
    padding: 0.644122383252818vw 0;
    border-width:0.08051529790660225vw;
    border-radius: 0.322061191626409vw;
}
.dropdown-menu li a {
    padding-left: 1.2077294685990339vw;
    padding-right: 1.2077294685990339vw;
    padding-top: 0.5636070853462157vw;
    padding-bottom: 0.5636070853462157vw;
}
.user-thumb .dropdown .btn-secondary img.default-user {
    width: 1.2077294685990339vw;
    height: 1.2077294685990339vw;
    margin-top: 0.644122383252818vw;
}
.user-thumb ul.dropdown-menu li.logout {
    border-width:0.08051529790660225vw;
}
.user-thumb ul.dropdown-menu li.logout svg {
    width: 1.2077294685990339vw;
    height: 1.2077294685990339vw;
}
ul.dashbord-card-edit {
    column-gap: 0.8051529790660226vw;
}
button.dashbord-card-edit-icon {
    border-width: 0.08051529790660225vw;
    width: 2.4154589371980677vw;
    height: 2.4154589371980677vw;
}
button.dashbord-card-edit-icon svg, button.dashbord-card-edit-icon svg path {
    width: 1.2077294685990339vw;
    height: 1.2077294685990339vw;
}

.view-member-header-action ul li {
    width: 2.4154589371980677vw;
    height: 2.4154589371980677vw;
    margin: 0 0.4025764895330113vw;
}
.view-member-header-action ul li svg {
    width: 1.2077294685990339vw;
    height: 1.2077294685990339vw;
}
.view-member-image {
    width: 8.051529790660226vw;
    height: 8.051529790660226vw;
}
.view-family-member .modal-header {
    border-radius: 0.36603221083455345vw;
        padding: 0.7320644216691069vw;
}
.view-member-image img {
    border-width: 0.24154589371980675vw;
}
.view-family-member button.btn-close {
    margin-top: -1.5297906602254427vw;
    margin-right: -1.288244766505636vw;
}
.card-overlay-edit-icon {
    border-width: 0.08051529790660225vw;
    width: 1.8518518518518519vw;
    height: 1.8518518518518519vw;
}
.masonry-card-overlay {
    top: 0.785024154589372vw;
    padding: 0.4428341384863124vw;
}
li.editLifeStory {
    margin-bottom: 0.8051529790660226vw;
}
button.card-overlay-edit-icon svg, button.card-overlay-edit-icon svg path {
    width: 1.288244766505636vw;
    height: 1.288244766505636vw;
}
.masonry-frame:hover .masonry-card-overlay {
    right: 0.785024154589372vw;
}
textarea.form-control {
    line-height: 1.8518518518518519vw;
    padding-top: 0.8051529790660226vw;
    padding-bottom: 0.8051529790660226vw;
}
.footer-menu ul li {
margin-right: 0.7320644216691069vw;
}
.masonry-audio-frame .masonry-card-overlay {
    width: 7.971014492753623vw;
}
.masonry-text-frame .masonry-card-overlay {
    top: 0.13687600644122383vw;
}
.date-group {
    margin-right: -5px;
    margin-left: -5px;
    --bs-gutter-x: 0;
}
.date-group .col {
    padding-right: 5px;
    padding-left: 5px;
}
.popup-help-alert {
    padding: 0.36603221083455345vw 0.7320644216691069vw;
}
.subscription ul.nav-tabs {
    width: 11.067708333333334vw;
    border-radius: 4.025764895330113vw;
    margin-bottom: 1.4641288433382138vw !important;
}
.subscription ul.nav-tabs li.nav-item .nav-link {
    border-radius: 33px;
}

/* .add-family-member .modal-header .btn-close {
    margin-right: -3.2206119162640903vw;
} */

.small-btn {
    padding: 0.36603221083455345vw !important;
}
.small-btn svg { 
    width: 0.7320644216691069vw !important; 
    height:0.7320644216691069vw !important; 
    margin-right: 0.36603221083455345vw !important; 
}

}