
@media (max-width: 767px) {
	.left-menu-block {
		min-height: initial;
		height: initial;
	}

	.reply_popup {
		width: 95%;
	}

	.header {
		height: 50px;
	}

	.new_table_add {
		padding-right: 15px;
	}

	table tr td {
		text-align: left;
	}

	.adminfamilysearch_table input[type=submit] {
		width: auto !important;
	}

	.family-pass-btn {
		margin-top: 10px;
	}

	.checked-btn {
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.popup_Add_newclass {
		width: 300px !important;
		left: 10px !important;
	}

	.sms-inputs {
		width: 50%;
	}
}

@media (max-width: 991px) {
	table {
		display: block !important;
		width: 100%;
		overflow-x: scroll;
		border: 0;
	}

	.new_table_add input[type=image] {
		padding-left: 0;
		padding-right: 5px;
		display: block;
		padding-bottom: 5px;
	}
}

@media (max-width: 767px) {
	table {
		display: block !important;
		width: 100%;
		overflow-x: scroll;
		border: 0;
	}

	.new_table_add input[type=image] {
		padding-left: 0;
		padding-right: 5px;
		display: block;
		padding-bottom: 5px;
	}
}

@media (max-width: 1280px) and (min-width: 1023px) {
}

@media (max-width: 1024px) and (min-width: 767px) {
	.header .logo {
		width: 13%;
		left: 0px;
		top: 24px;
	}

	.border-img img {
		vertical-align: super;
	}

	.choose-file {
		width: 77%;
	}

	.r-btn {
		width: 25%;
	}

	.main-box {
		height: 520px;
	}
}

@media (max-width: 768px) and (min-width: 639px) {
	.header .logo {
		width: 15%;
		left: 0px;
		top: 47px;
	}

	.border-img img {
		vertical-align: super;
	}

	.choose-file {
		width: 77%;
	}

	.r-btn {
		width: 25%;
	}

	.main-box {
		height: 748px;
	}
}

@media (max-width: 640px) and (min-width: 559px) {
	.header .logo {
		width: 20%;
		padding: unset;
		position: absolute;
		margin-left: unset;
		margin-right: unset;
		left: 13px;
		top: 2px;
	}

	.header nav {
		margin-top: 8px;
	}

	.header .navbar-toggler {
		margin-left: auto;
		margin-right: 13px;
	}

	.header nav {
		margin-top: 8px;
		position: absolute;
		left: 0px;
		right: 0px;
		margin-left: auto;
		margin-right: auto;
		z-index: 9;
		background: url(../images/header-texture.jpg) repeat top left;
	}

	.header .container .row .col-md-12 {
		display: -webkit-box;
	}

	.left-nav {
		padding-right: 0px;
	}

	.border-img img {
		vertical-align: top;
	}

	.left-menu-block {
		padding: 15px 0px 15px 0px;
	}

	.left-right-nav nav .navbar-toggler {
		margin-left: auto;
		margin-right: auto;
	}

	.main-box {
		text-align: center;
		height: unset;
		padding: 20px 0px 20px 0px;
	}

	.r-btn {
		width: 33%;
	}

	.checked-btn {
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.view-profile, #family-info .family-profile-info {
		width: 100%;
	}

	#family-info .family-profile-info {
		padding: 20px 15px;
	}

	.img-profile {
		margin-left: auto;
		margin-right: auto;
	}

	.profile-info, .profile-feature {
		text-align: center;
		width: 100%;
	}

	.table-block-1 {
		overflow: auto;
	}

	.family-password .for-input-pdngs {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.user-dashboard h4 {
		font-size: 32px;
		padding-top: 15px;
	}

	.for-mobile-head a {
		display: block !important;
		cursor: pointer;
	}

		.for-mobile-head a .edit-icon {
			width: 60%;
			margin-right: 0px;
			cursor: pointer;
		}

	.for-desktop-head, #mobile-view-btn {
		display: none !important;
	}

	.user-dashboard h4 {
		text-align: center;
	}

	#desktop-view-btn {
		display: block !important;
	}

	.user-description table tr {
		height: 20px;
	}

	.user-description .col-md-12 .d-flex {
		justify-content: center;
	}

	.user-dashboard .profile-btn {
		font-size: 16px;
	}

	.user-option .feature-list {
		padding: 7px 5px;
	}

	.user-dashboard .col-md-10 .d-flex {
		display: block !important;
	}

		.user-dashboard .col-md-10 .d-flex .user-opton-1 {
			width: 100%;
		}

	.user-description img {
		width: 5%;
	}

	.user-info-block {
		display: block !important;
	}

		.user-info-block .user-table {
			width: 100%;
		}

	.user-description table tr td:nth-child(1) {
		width: 31%;
	}

	.user-description table tr td:nth-child(2) {
		width: 65%;
	}

	.UserViewRegistration {
		padding-top: 0px !important;
	}

	.user-heading {
		margin-bottom: 0px !important;
	}

	.left-nav {
		padding-right: 0px;
	}

	.border-img img {
		vertical-align: top;
	}

	.header .logo {
		width: 20%;
		position: unset;
		float: left;
		padding: unset;
	}

	.header nav .navbar-toggler {
		margin-left: auto;
	}

	.header nav {
		margin-left: auto;
		margin-top: 13px;
	}

	.left-right-nav nav .navbar-toggler {
		margin-left: auto;
		margin-right: auto;
	}

	.left-menu-block {
		padding: 15px 10px;
	}

		.left-menu-block .navbar-dark .navbar-nav .nav-link {
			text-align: center !important;
		}

	.main-box {
		padding: 40px 0px 30px 0px;
		height: unset;
		overflow: unset;
	}
}

@media (max-width: 560px) and (min-width: 479px) {
	#desktop-view-menu {
		display: none;
	}

	#mobile-view-menu {
		display: block;
	}

		#mobile-view-menu .logo-block {
			width: 23%;
		}

		#mobile-view-menu .nav-block {
			width: 77%;
		}

			#mobile-view-menu .nav-block span, #mobile-view-menu .nav-block .fas {
				font-size: 14px;
			}

	.table-block-1 {
		overflow: auto;
	}

	.visitors {
		display: none;
	}

	.profile-info, .profile-feature {
		width: 100%;
		text-align: center;
	}

	.UserViewRegistration p {
		font-size: 13px;
	}

	.profile-info p strong {
		font-size: 14px;
	}

	.bnr-border-img img {
		vertical-align: top;
	}

	.choose-photo2 .mr-2 {
		width: 100%;
	}

	.user-dashboard .profile-info-page .ml-3 {
		margin-left: 0px !important;
	}

	.user-dashboard .profile-info-page p {
		text-align: center;
	}

	.user-dashboard h4 {
		font-size: 32px;
		padding-top: 15px;
	}

	.for-mobile-head a {
		display: block !important;
		cursor: pointer;
	}

		.for-mobile-head a .edit-icon {
			width: 60%;
			margin-right: 0px;
			cursor: pointer;
		}

	.for-desktop-head, #mobile-view-btn {
		display: none !important;
	}

	.user-dashboard h4 {
		text-align: center;
	}

	#desktop-view-btn {
		display: block !important;
	}

	.user-description table tr {
		height: 20px;
	}

	.user-description .col-md-12 .d-flex {
		justify-content: center;
	}

	.user-dashboard .profile-btn {
		font-size: 16px;
	}

	.user-option .feature-list {
		padding: 7px 5px;
	}

	.user-dashboard .col-md-10 .d-flex {
		display: block !important;
	}

		.user-dashboard .col-md-10 .d-flex .user-opton-1 {
			width: 100%;
		}

	.user-description img {
		width: 5%;
	}

	.user-info-block {
		display: block !important;
	}

		.user-info-block .user-table {
			width: 100%;
		}

	.user-description table tr td:nth-child(1) {
		width: 31%;
	}

	.user-description table tr td:nth-child(2) {
		width: 65%;
	}

	.UserViewRegistration {
		padding-top: 0px !important;
	}

	.user-heading {
		margin-bottom: 0px !important;
	}

	.left-nav {
		padding-right: 0px;
	}

	.border-img img {
		vertical-align: top;
	}

	.header .logo {
		width: 20%;
		position: unset;
		float: left;
		padding: unset;
	}

	.header nav .navbar-toggler {
		margin-left: auto;
	}

	.header nav {
		margin-left: auto;
		margin-top: 13px;
	}

	.left-right-nav nav .navbar-toggler {
		margin-left: auto;
		margin-right: auto;
	}

	.left-menu-block {
		padding: 15px 10px;
	}

		.left-menu-block .navbar-dark .navbar-nav .nav-link {
			text-align: center !important;
		}

	.main-box {
		padding: 40px 0px 30px 0px;
		height: unset;
		overflow: unset;
	}
}

@media (max-width: 480px) and (min-width: 413px) {
	#desktop-view-menu {
		display: none;
	}

	#mobile-view-menu {
		display: block;
	}

		#mobile-view-menu .logo-block {
			width: 23%;
		}

		#mobile-view-menu .nav-block {
			width: 77%;
		}

			#mobile-view-menu .nav-block span, #mobile-view-menu .nav-block .fas {
				font-size: 14px;
			}

	.table-block-1 {
		overflow: auto;
	}

	.visitors {
		display: none;
	}

	.profile-info, .profile-feature {
		width: 100%;
		text-align: center;
	}

	.UserViewRegistration p {
		font-size: 13px;
	}

	.profile-info p strong {
		font-size: 14px;
	}

	.bnr-border-img img {
		vertical-align: top;
	}

	.choose-photo2 .mr-2 {
		width: 100%;
	}

	.user-dashboard .profile-info-page .ml-3 {
		margin-left: 0px !important;
	}

	.user-dashboard .profile-info-page p {
		text-align: center;
	}

	.user-dashboard h4 {
		font-size: 32px;
		padding-top: 15px;
	}

	.for-mobile-head a {
		display: block !important;
		cursor: pointer;
	}

		.for-mobile-head a .edit-icon {
			width: 60%;
			margin-right: 0px;
			cursor: pointer;
		}

	.for-desktop-head, #mobile-view-btn {
		display: none !important;
	}

	.user-dashboard h4 {
		text-align: center;
	}

	#desktop-view-btn {
		display: block !important;
	}

	.user-description table tr {
		height: 20px;
	}

	.user-description .col-md-12 .d-flex {
		justify-content: center;
	}

	.user-dashboard .profile-btn {
		font-size: 16px;
	}

	.user-option .feature-list {
		padding: 7px 5px;
	}

	.user-dashboard .col-md-10 .d-flex {
		display: block !important;
	}

		.user-dashboard .col-md-10 .d-flex .user-opton-1 {
			width: 100%;
		}

	.user-description img {
		width: 5%;
	}

	.user-info-block {
		display: block !important;
	}

		.user-info-block .user-table {
			width: 100%;
		}

	.user-description table tr td:nth-child(1) {
		width: 31%;
	}

	.user-description table tr td:nth-child(2) {
		width: 65%;
	}

	.UserViewRegistration {
		padding-top: 0px !important;
	}

	.user-heading {
		margin-bottom: 0px !important;
	}

	.left-nav {
		padding-right: 0px;
	}

	.border-img img {
		vertical-align: top;
	}

	.header .logo {
		width: 20%;
		position: unset;
		float: left;
		padding: unset;
	}

	.header nav .navbar-toggler {
		margin-left: auto;
	}

	.header nav {
		margin-left: auto;
		margin-top: 13px;
	}

	.left-right-nav nav .navbar-toggler {
		margin-left: auto;
		margin-right: auto;
	}

	.left-menu-block {
		padding: 15px 10px;
	}

		.left-menu-block .navbar-dark .navbar-nav .nav-link {
			text-align: center !important;
		}

	.main-box {
		padding: 40px 0px 30px 0px;
		height: unset;
		overflow: unset;
	}
}

@media (max-width: 414px) and (min-width: 410px) {
	#desktop-view-menu {
		display: none;
	}

	#mobile-view-menu {
		display: block;
	}

		#mobile-view-menu .logo-block {
			width: 23%;
		}

		#mobile-view-menu .nav-block {
			width: 77%;
		}

			#mobile-view-menu .nav-block span, #mobile-view-menu .nav-block .fas {
				font-size: 14px;
			}

	.table-block-1 {
		overflow: auto;
	}

	.visitors {
		display: none;
	}

	.profile-info, .profile-feature {
		width: 100%;
		text-align: center;
	}

	.UserViewRegistration p {
		font-size: 13px;
	}

	.profile-info p strong {
		font-size: 14px;
	}

	.bnr-border-img img {
		vertical-align: top;
	}

	.choose-photo2 .mr-2 {
		width: 100%;
	}

	.user-dashboard .profile-info-page .ml-3 {
		margin-left: 0px !important;
	}

	.user-dashboard .profile-info-page p {
		text-align: center;
	}

	.user-dashboard h4 {
		font-size: 32px;
		padding-top: 15px;
	}

	.for-mobile-head a {
		display: block !important;
		cursor: pointer;
	}

		.for-mobile-head a .edit-icon {
			width: 60%;
			margin-right: 0px;
			cursor: pointer;
		}

	.for-desktop-head, #mobile-view-btn {
		display: none !important;
	}

	.user-dashboard h4 {
		text-align: center;
	}

	#desktop-view-btn {
		display: block !important;
	}

	.user-description table tr {
		height: 20px;
	}

	.user-description .col-md-12 .d-flex {
		justify-content: center;
	}

	.user-dashboard .profile-btn {
		font-size: 16px;
	}

	.user-option .feature-list {
		padding: 7px 5px;
	}

	.user-dashboard .col-md-10 .d-flex {
		display: block !important;
	}

		.user-dashboard .col-md-10 .d-flex .user-opton-1 {
			width: 100%;
		}

	.user-description img {
		width: 5%;
	}

	.user-info-block {
		display: block !important;
	}

		.user-info-block .user-table {
			width: 100%;
		}

	.user-description table tr td:nth-child(1) {
		width: 31%;
	}

	.user-description table tr td:nth-child(2) {
		width: 65%;
	}

	.UserViewRegistration {
		padding-top: 0px !important;
	}

	.user-heading {
		margin-bottom: 0px !important;
	}

	.left-nav {
		padding-right: 0px;
	}

	.border-img img {
		vertical-align: top;
	}

	.header .logo {
		width: 20%;
		position: unset;
		float: left;
		padding: unset;
	}

	.header nav .navbar-toggler {
		margin-left: auto;
	}

	.header nav {
		margin-left: auto;
		margin-top: 13px;
	}

	.left-right-nav nav .navbar-toggler {
		margin-left: auto;
		margin-right: auto;
	}

	.left-menu-block {
		padding: 15px 10px;
	}

		.left-menu-block .navbar-dark .navbar-nav .nav-link {
			text-align: center !important;
		}

	.main-box {
		padding: 40px 0px 30px 0px;
		height: unset;
		overflow: unset;
	}
}

@media (max-width: 411px) and (min-width: 374px) {
	#desktop-view-menu {
		display: none;
	}

	#mobile-view-menu {
		display: block;
	}

		#mobile-view-menu .logo-block {
			width: 23%;
		}

		#mobile-view-menu .nav-block {
			width: 77%;
		}

			#mobile-view-menu .nav-block span, #mobile-view-menu .nav-block .fas {
				font-size: 14px;
			}

	.table-block-1 {
		overflow: auto;
	}

	.visitors {
		display: none;
	}

	.profile-info, .profile-feature {
		width: 100%;
		text-align: center;
	}

	.UserViewRegistration p {
		font-size: 13px;
	}

	.profile-info p strong {
		font-size: 14px;
	}

	.bnr-border-img img {
		vertical-align: top;
	}

	.choose-photo2 .mr-2 {
		width: 100%;
	}

	.user-dashboard .profile-info-page .ml-3 {
		margin-left: 0px !important;
	}

	.user-dashboard .profile-info-page p {
		text-align: center;
	}

	.user-dashboard h4 {
		font-size: 32px;
		padding-top: 15px;
	}

	.for-mobile-head a {
		display: block !important;
		cursor: pointer;
	}

		.for-mobile-head a .edit-icon {
			width: 60%;
			margin-right: 0px;
			cursor: pointer;
		}

	.for-desktop-head, #mobile-view-btn {
		display: none !important;
	}

	.user-dashboard h4 {
		text-align: center;
	}

	#desktop-view-btn {
		display: block !important;
	}

	.user-description table tr {
		height: 20px;
	}

	.user-description .col-md-12 .d-flex {
		justify-content: center;
	}

	.user-dashboard .profile-btn {
		font-size: 16px;
	}

	.user-option .feature-list {
		padding: 7px 5px;
	}

	.user-dashboard .col-md-10 .d-flex {
		display: block !important;
	}

		.user-dashboard .col-md-10 .d-flex .user-opton-1 {
			width: 100%;
		}

	.user-description img {
		width: 5%;
	}

	.user-info-block {
		display: block !important;
	}

		.user-info-block .user-table {
			width: 100%;
		}

	.user-description table tr td:nth-child(1) {
		width: 31%;
	}

	.user-description table tr td:nth-child(2) {
		width: 65%;
	}

	.UserViewRegistration {
		padding-top: 0px !important;
	}

	.user-heading {
		margin-bottom: 0px !important;
	}

	.left-nav {
		padding-right: 0px;
	}

	.border-img img {
		vertical-align: top;
	}

	.header .logo {
		width: 20%;
		position: unset;
		float: left;
		padding: unset;
	}

	.header nav .navbar-toggler {
		margin-left: auto;
	}

	.header nav {
		margin-left: auto;
		margin-top: 13px;
	}

	.left-right-nav nav .navbar-toggler {
		margin-left: auto;
		margin-right: auto;
	}

	.left-menu-block {
		padding: 15px 10px;
	}

		.left-menu-block .navbar-dark .navbar-nav .nav-link {
			text-align: center !important;
		}

	.main-box {
		padding: 40px 0px 30px 0px;
		height: unset;
		overflow: unset;
	}
}

@media (max-width: 375px) and (min-width: 359px) {
	#desktop-view-menu {
		display: none;
	}

	#mobile-view-menu {
		display: block;
	}

		#mobile-view-menu .logo-block {
			width: 23%;
		}

		#mobile-view-menu .nav-block {
			width: 77%;
		}

			#mobile-view-menu .nav-block span, #mobile-view-menu .nav-block .fas {
				font-size: 14px;
			}

	.table-block-1 {
		overflow: auto;
	}

	.visitors {
		display: none;
	}

	.profile-info, .profile-feature {
		width: 100%;
		text-align: center;
	}

	.UserViewRegistration p {
		font-size: 13px;
	}

	.profile-info p strong {
		font-size: 14px;
	}

	.bnr-border-img img {
		vertical-align: top;
	}

	.choose-photo2 .mr-2 {
		width: 100%;
	}

	.user-dashboard .profile-info-page .ml-3 {
		margin-left: 0px !important;
	}

	.user-dashboard .profile-info-page p {
		text-align: center;
	}

	.user-dashboard h4 {
		font-size: 32px;
		padding-top: 15px;
	}

	.for-mobile-head a {
		display: block !important;
		cursor: pointer;
	}

		.for-mobile-head a .edit-icon {
			width: 60%;
			margin-right: 0px;
			cursor: pointer;
		}

	.for-desktop-head, #mobile-view-btn {
		display: none !important;
	}

	.user-dashboard h4 {
		text-align: center;
	}

	#desktop-view-btn {
		display: block !important;
	}

	.user-description table tr {
		height: 20px;
	}

	.user-description .col-md-12 .d-flex {
		justify-content: center;
	}

	.user-dashboard .profile-btn {
		font-size: 16px;
	}

	.user-option .feature-list {
		padding: 7px 5px;
	}

	.user-dashboard .col-md-10 .d-flex {
		display: block !important;
	}

		.user-dashboard .col-md-10 .d-flex .user-opton-1 {
			width: 100%;
		}

	.user-description img {
		width: 5%;
	}

	.user-info-block {
		display: block !important;
	}

		.user-info-block .user-table {
			width: 100%;
		}

	.user-description table tr td:nth-child(1) {
		width: 31%;
	}

	.user-description table tr td:nth-child(2) {
		width: 65%;
	}

	.UserViewRegistration {
		padding-top: 0px !important;
	}

	.user-heading {
		margin-bottom: 0px !important;
	}

	.left-nav {
		padding-right: 0px;
	}

	.border-img img {
		vertical-align: top;
	}

	.header .logo {
		width: 20%;
		position: unset;
		float: left;
		padding: unset;
	}

	.header nav .navbar-toggler {
		margin-left: auto;
	}

	.header nav {
		margin-left: auto;
		margin-top: 13px;
	}

	.left-right-nav nav .navbar-toggler {
		margin-left: auto;
		margin-right: auto;
	}

	.left-menu-block {
		padding: 15px 10px;
	}

		.left-menu-block .navbar-dark .navbar-nav .nav-link {
			text-align: center !important;
		}

	.main-box {
		padding: 40px 0px 30px 0px;
		height: unset;
		overflow: unset;
	}
}

@media (max-width: 375px) and (min-width: 359px) {
	#desktop-view-menu {
		display: none;
	}

	#mobile-view-menu {
		display: block;
	}

		#mobile-view-menu .logo-block {
			width: 23%;
		}

		#mobile-view-menu .nav-block {
			width: 77%;
		}

			#mobile-view-menu .nav-block span, #mobile-view-menu .nav-block .fas {
				font-size: 14px;
			}

	.table-block-1 {
		overflow: auto;
	}

	.visitors {
		display: none;
	}

	.profile-info, .profile-feature {
		width: 100%;
		text-align: center;
	}

	.UserViewRegistration p {
		font-size: 13px;
	}

	.profile-info p strong {
		font-size: 14px;
	}

	.bnr-border-img img {
		vertical-align: top;
	}

	.choose-photo2 .mr-2 {
		width: 100%;
	}

	.user-dashboard .profile-info-page .ml-3 {
		margin-left: 0px !important;
	}

	.user-dashboard .profile-info-page p {
		text-align: center;
	}

	.user-dashboard h4 {
		font-size: 32px;
		padding-top: 15px;
	}

	.for-mobile-head a {
		display: block !important;
		cursor: pointer;
	}

		.for-mobile-head a .edit-icon {
			width: 60%;
			margin-right: 0px;
			cursor: pointer;
		}

	.for-desktop-head, #mobile-view-btn {
		display: none !important;
	}

	.user-dashboard h4 {
		text-align: center;
	}

	#desktop-view-btn {
		display: block !important;
	}

	.user-description table tr {
		height: 20px;
	}

	.user-description .col-md-12 .d-flex {
		justify-content: center;
	}

	.user-dashboard .profile-btn {
		font-size: 16px;
	}

	.user-option .feature-list {
		padding: 7px 5px;
	}

	.user-dashboard .col-md-10 .d-flex {
		display: block !important;
	}

		.user-dashboard .col-md-10 .d-flex .user-opton-1 {
			width: 100%;
		}

	.user-description img {
		width: 5%;
	}

	.user-info-block {
		display: block !important;
	}

		.user-info-block .user-table {
			width: 100%;
		}

	.user-description table tr td:nth-child(1) {
		width: 31%;
	}

	.user-description table tr td:nth-child(2) {
		width: 65%;
	}

	.UserViewRegistration {
		padding-top: 0px !important;
	}

	.user-heading {
		margin-bottom: 0px !important;
	}

	.left-nav {
		padding-right: 0px;
	}

	.border-img img {
		vertical-align: top;
	}

	.left-nav {
		padding-right: 0px;
	}

	.border-img img {
		vertical-align: top;
	}

	.header .logo {
		width: 20%;
		position: unset;
		float: left;
		padding: unset;
	}

	.header nav .navbar-toggler {
		margin-left: auto;
	}

	.header nav {
		margin-left: auto;
		margin-top: 13px;
	}

	.left-right-nav nav .navbar-toggler {
		margin-left: auto;
		margin-right: auto;
	}

	.left-menu-block {
		padding: 15px 10px;
	}

		.left-menu-block .navbar-dark .navbar-nav .nav-link {
			text-align: center !important;
		}

	.main-box {
		padding: 40px 0px 30px 0px;
		height: unset;
		overflow: unset;
	}
}



@media (max-width: 320px) {
	.header .logo {
		width: 20%;
		padding: unset;
		position: absolute;
		margin-left: unset;
		margin-right: unset;
		left: 13px;
		top: 2px;
	}

	.header nav {
		margin-top: 8px;
	}

	.header .navbar-toggler {
		margin-left: auto;
		margin-right: 13px;
	}

	.header nav {
		margin-top: 8px;
		position: absolute;
		left: 0px;
		right: 0px;
		margin-left: auto;
		margin-right: auto;
		z-index: 9;
		background: url(../images/header-texture.jpg) repeat top left;
	}

	.header .container .row .col-md-12 {
		display: -webkit-box;
	}

	.left-nav {
		padding-right: 0px;
	}

	.border-img img {
		vertical-align: top;
	}

	.left-menu-block {
		padding: 15px 0px 15px 0px;
	}

	.left-right-nav nav .navbar-toggler {
		margin-left: auto;
		margin-right: auto;
	}

	.main-box {
		text-align: center;
		height: unset;
		padding: 20px 0px 20px 0px;
	}

	.r-btn {
		width: 33%;
	}

	.view-profile, #family-info .family-profile-info {
		width: 100%;
	}

	#family-info .family-profile-info {
		padding: 20px 15px;
	}

	.img-profile {
		margin-left: auto;
		margin-right: auto;
	}

	.profile-info, .profile-feature {
		text-align: center;
		width: 100%;
	}

	.table-block-1 {
		overflow: auto;
	}

	.family-password .for-input-pdngs {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.user-dashboard h4 {
		font-size: 32px;
		padding-top: 15px;
	}

	.for-mobile-head a {
		display: block !important;
		cursor: pointer;
	}

		.for-mobile-head a .edit-icon {
			width: 60%;
			margin-right: 0px;
			cursor: pointer;
		}

	.for-desktop-head, #mobile-view-btn {
		display: none !important;
	}

	.user-dashboard h4 {
		text-align: center;
	}

	#desktop-view-btn {
		display: block !important;
	}

	.user-description table tr {
		height: 20px;
	}

	.user-description .col-md-12 .d-flex {
		justify-content: center;
	}

	.user-dashboard .profile-btn {
		font-size: 16px;
	}

	.user-option .feature-list {
		padding: 7px 5px;
	}

	.user-dashboard .col-md-10 .d-flex {
		display: block !important;
	}

		.user-dashboard .col-md-10 .d-flex .user-opton-1 {
			width: 100%;
		}

	.user-description img {
		width: 5%;
	}

	.user-info-block {
		display: block !important;
	}

		.user-info-block .user-table {
			width: 100%;
		}

	.user-description table tr td:nth-child(1) {
		width: 31%;
	}

	.user-description table tr td:nth-child(2) {
		width: 50%;
	}

	.UserViewRegistration {
		padding-top: 0px !important;
	}

	.user-heading {
		margin-bottom: 0px !important;
	}

	.left-nav {
		padding-right: 0px;
	}

	.border-img img {
		vertical-align: top;
	}

	.header .logo {
		width: 20%;
		position: unset;
		float: left;
		padding: unset;
	}

	.header nav .navbar-toggler {
		margin-left: auto;
	}

	.header nav {
		margin-left: auto;
		margin-top: 13px;
	}

	.left-right-nav nav .navbar-toggler {
		margin-left: auto;
		margin-right: auto;
	}

	.left-menu-block {
		padding: 15px 10px;
	}

		.left-menu-block .navbar-dark .navbar-nav .nav-link {
			text-align: center !important;
		}

	.main-box {
		padding: 40px 0px 30px 0px;
		height: unset;
		overflow: unset;
	}
}
