/* Abstract Design */
.field-container {
	padding: 1em;
	border: 2px solid lightgrey;
	margin-bottom: 1em;
}

input[type="submit"] {
	margin-left: auto;
	transition: all 0.2s ease-in-out;
}

input[type="submit"]:hover {
	transition: all 0.2s ease-in-out;
	transform: scale(1.03);
}

.repeater-grid {
	display: grid;
	grid-template-columns: auto auto;
	column-gap: 1em;
	row-gap: 1em;
	margin-bottom: 1em;
}

.repeater-card-container {
	background-color: var(--brand-primary-color-light);
	padding: 1.5em;
	border-radius: 24px;
	border: 2px solid transparent;
}

.repeater-card-header {
	display: grid;
	grid-template-columns: auto auto;
}

.repeater-card-header p {
	justify-self: left;
}

.repeater-card-header button {
	justify-self: right;
	align-self: start;
}

.delete-button {
	background-color: transparent;
	border-color: transparent;
	width: fit-content;
}

.delete-button svg {
	fill: var(--brand-primary-color);
	width: 15px;
	height: 15px;
}

#add-button {
	background-color: white;
	color: var(--brand-primary-color);
	border: 2px solid var(--brand-primary-color);
}

.repeater-bottom-buttons {
	display: flex;
	justify-content: space-between;
	position: sticky;
	bottom: 0;
	background-color: white;
	z-index: 8;
}

.repeater-bottom-buttons input[type="submit"] {
	margin-left: unset;
}

@media only screen and (max-width: 767px) {
	.repeater-grid {
		grid-template-columns: auto;
	}
}

/* --------------- Temp Design ----------------------- */
input[type="submit"] {
	margin-left: auto;
}


.photo-grid {
	display: flex;
	flex-wrap: wrap;
	row-gap: 1em;
	column-gap: 1em;
	border-radius: 24px;
	margin-top: 1em;
	margin-bottom: 1.5em;
	justify-content: space-between;
}

.photo-grid-photo-container {
	background-color: var(--brand-primary-color-light);
	text-align: center;
	width: 200px;
	border-radius: 24px;
	position: relative;
	align-content: center;
	border: 2px solid transparent;
}

.photo-gallery-item-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.photo-gallery-item-toolbar svg {
	width: 15px;
	height: 15px;
	fill: var(--brand-primary-color);
	margin: 0.5em 1em;

}

.sortable-ghost {
	visibility: hidden;
}

.sortable-chosen {
	opacity: 100% !important;
	background-color: #faefee !important;
	border: 2px solid var(--brand-primary-color) !important;
}

body:has(.sortable-chosen) * {
	cursor: grabbing !important;
}

#sortablelist>div {
	cursor: grab;
}

.delete-button,
.delete-button * {
	cursor: pointer;
}

.delete-button {
	background-color: transparent;
	border-color: transparent;
	margin: 0;
	padding: 0;
}

.photo-grid-photo-container img {
	object-fit: scale-down;
	width: 100%;
	height: 200px;
	background-color: var(--brand-primary-color-light);
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 24px;
}

.new-image-form {
	padding: 1.5em;
	background-color: var(--brand-primary-color-light);
	border-radius: 24px;
	margin-bottom: 1em;
	margin-top: 2em;
}

.form-with-bg {
	padding: 1.5em;
	background-color: var(--brand-primary-color-light);
	border-radius: 24px;
	margin-bottom: 1em;
	margin-top: 2em;
}

input[type="text"] {
	width: 100%;
	padding: 0.5em 1em;
	border-radius: 10px;
	border: 2px solid var(--brand-primary-color-light);
}

@media only screen and (max-width: 767px) {
	.photo-grid {
		justify-content: center;
	}

}

/*Dashboard*/
.franchise-dashboard {
	background: #fff;
}

.franchie-inner {
	margin-top: 10px;
}

@media only screen and (max-width: 767px) {
	.franchie-inner {
		margin-top: 4em;
	}
}

.franchie-inner * {
	font-family: var(--wp--preset--font-family--inter) !important;
}

.welcome,
.fran-dashboard-hd {
	font-family: var(--wp--preset--font-family--inter) !important;
	text-align: center;
	font-size: clamp(27.894px, 1.743rem +((1vw - 3.2px)* 2.259), 40px);
	font-weight: 700;
	padding: 0;
	margin: 0 0 3rem 0;
}

.fran-default-pg-con {
	padding: 3rem 0;
}


/*Franchice Nav*/
.franchise-header {
	position: relative;
	padding-bottom: 58px;
	display: inline-block;
}

.franchise-nav {
	background: var(--brand-primary-color);
	position: fixed;
	width: 100%;
	z-index: 9;
	padding: 10px 20px;
}

.fran-nav-logo {
	width: 75px;
}


.fran-nav-btn {
	margin: 0 !important;
	padding: 0.5rem 1rem;
	border: 0;
	border-radius: 8px;
	background: #fff;
	color: #000 !important;
	font-weight: 700 !important;
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1) !important;
}

.franchise-nav-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	color: #fff;
}

.franchise-nav a {
	color: #fff;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
}

.franchise-nav a:hover {
	color: #fff;
}

/* franchise hamburger */
.fran-side-icon {
	aspect-ratio: 1;
	width: fit-content;
	border-radius: 50%;
	padding: 2px;
	border: 2px solid var(--brand-primary-color);
	height: 35px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 4px;
	display: none;
	position: absolute;
	right: 2rem;
	top: 1.5rem;
}

.fran-side-icon>div {
	height: 2px;
	width: 20px;
	background: var(--brand-primary-color);
}


/* franchise close btn */
.fran-side-icon.fran-close-btn>div:nth-child(2) {
	display: none;
}

.fran-side-icon.fran-close-btn>div:first-child {
	transform: rotate(45deg);
}

.fran-side-icon.fran-close-btn>div:nth-child(3) {
	transform: rotate(315deg);
	margin-top: -6px;
}



/*Form*/
.def-fran-from-con {
	padding: 5rem 1rem;
	width: 100%;
}

.gf-franchise-form {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 2rem;
	box-shadow: 0 0 10px #2125291f;
	border-radius: 8px;

}

.gf-franchise-form>div {
	display: grid;
	gap: 10px;
	margin-top: .8rem;
}

.gf-franchise-form label {
	font-weight: 600;
}

.gf-franchise-form input {
	padding: 0.6rem 0.3rem;
	outline: 0;
	border: 1px solid var(--brand-primary-color);
	font-size: 16px;
	color: #000;
	border-radius: 4px;
}

.gf-franchise-form button[type="submit"] {
	background-color: var(--brand-primary-color);
	border: 0;
	color: #fff !important;
	transition: opacity .4s linear;
	padding: 0.8rem;
	margin: 1.4rem 0 0 auto;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	width: 100%;
	border-radius: 4px;
	box-shadow: 0px 5px 10px #2125294a;
}

.gf-franchise-form button:hover {
	opacity: .8;
}

#form_error_text {
	display: none;
	background-color: lightpink;
	padding: 1em;
	border-radius: 24px;
	font-size: 90%;
}

.ip_address_container {
	display: none;
	background-color: lightgrey;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 32px;
	font-size: 90%;
	width: fit-content;
	justify-self: center;
	justify-items: center;
	align-items: center;
	grid-template-columns: 0.75fr 0.25fr;
	column-gap: 1em;
}

.ip_address_container svg {
	margin: 0.5em;
	cursor: pointer;
}

.ip_address_container p {
	cursor: text;
	margin: 0;
}

.franchise_login>.alert {
	background-color: lightpink !important;
	padding: 1em !important;
	border-radius: 24px !important;
	font-size: 90%;
}

/* Forms */
.editor-form input,
.editor-form label {
	display: block;
}

.editor-form input {
	margin-bottom: 1em;
}

/* Login */
.login-img-con {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

.login-img-con img {
	width: 200px;
	object-fit: contain;
}



/* location post list  */
.location_pages {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.location_page {
	padding: 1px 20px;
	border-radius: 24px;
	border: 2px solid lightgrey;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	padding: 2rem 20px;
}

.location_page:nth-child(odd) {
	background-color: var(--brand-primary-color-light);
}

.location_page .title {
	font-weight: 700;
	font-size: 18px;
	color: #000;
	text-decoration: none;
}

.edt-del-view {
	display: flex;
	min-width: 50%;
	gap: 10px;
	justify-content: flex-end;
	font-size: 16px;
}

.edt-del-view a {
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	color: #000;
}




/* Location Details */
/* Location Info */
.fran-loc-info-inner {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.all-tab-content {
	padding: 1rem 3rem 4rem 3rem;
	width: 100%;
	order: 2;
}

.fran-loc-general-info form {
	max-width: 700px;
	width: 100%;
}



/* Location Tab */
.fran-loc-tab {
	display: flex;
	flex-direction: column;
	max-width: 380px;
	min-width: 380px;
	width: 100%;
	min-height: calc(100vh - 70px);
	background: #fff;
	order: 1;
}

.fran-loc-tab-inner {
	width: 380px;
	position: fixed;
	height: 100%;
	background-color: #fff;
	border-right: 1px solid lightgrey;
}

.fran-loc-tab-inner>div {
	cursor: pointer;
	font-weight: 700;
	border-bottom: 1px solid lightgray;
}

.setting-hd {
	padding: 18px;
}

.setting-hd p {
	margin-bottom: 0;
}

.setting-hd span {
	font-size: 12px;
}

.fran-loc-tab-inner>div a {
	color: #000;
	font-weight: 500 !important;
	display: block;
	padding: 15px;
	text-decoration: none;
}

.fran-loc-tab .active>a,
.fran-loc-tab .frn-tab:hover>a,
.sub-fran-tab a:hover {
	color: #fff;
	background: var(--brand-primary-color);
}

.fran-pages-links {
	display: flex;
	gap: 30px;
}

.fran-pages-links a {
	color: #000;
	font-weight: 600;
}

.frn-hd-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}





/* Sub tab */
.sub-fran-tab {
	display: none;
}

.sub-fran-tab a {
	padding: 9px 9px 9px 30px !important;
}

/* tab ends here */


/* Location content Edit */
/* .fran-form-container form>div {
	display: grid;
	gap: 10px;
	margin-top: .8rem;
} */



/* Customized Home */
.fran-gallery-images {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.fran-gallery-images>div {
	width: 200px;
}

.fran-gallery-images img {
	aspect-ratio: 3/2;
	object-fit: cover;
	width: 100%;
}

.load-more-container {
	margin-top: 40px;
	display: flex;
	justify-content: center;
}

.load-more-container div {
	width: fit-content;
	margin: 0 auto;
}

.fran_mobile_banner_hd {
	margin: 80px 0 20px;
}


/* Pricing page */
.swm-lsn-prc-hd {
	margin: 2rem 0 1rem;
	font-size: 1.3rem;
}

.addi-lsn-prc-hd {
	margin: 6rem 0 1rem;
	font-size: 1.3rem;
}

.pricing-item-con {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 40px;
}

.pricing-item-con .pricing-item {
	padding: 1rem;
	box-shadow: 1px 4px 7px #005eb854;
	border-radius: 4px;
	cursor: pointer;
	transition: all .4s cubic-bezier(0.075, 0.82, 0.165, 1);
	background-color: #005eb803;
}

.pricing-item-con .pricing-item:hover {
	box-shadow: 1px 4px 10px #005fb893;
}


.pop-up-form-con {
	background-color: #fff;
	padding: 1rem;
	box-shadow: 1px 4px 7px #005eb854;
	border-radius: 2px;
}

.pricing-item h4 {
	/* color: rgb(0, 122, 165); */
	font-size: 20px;
}

.f-price {
	margin-bottom: .5rem;
}

.f-price span {
	margin-left: 10px;
	font-size: 16px;
	font-style: italic;
}

.price-status {
	opacity: .7;
	font-style: italic;
	font-size: 16px;
}

.price-active {
	color: #c77c04;
	font-weight: 600;
}

/* pop up form */
.franchise-dashboard.pricing .mfp-content {
	max-width: 800px !important;
}

.pop-up-form-con h3 {
	font-size: 1.5rem;
	text-align: center;
}

.radio-btn-con p {
	margin-top: 2rem;
	margin-bottom: .5rem;
	font-weight: 700;
}

.radio-wrap {
	display: flex;
	gap: 20px;
}

.frm-price-con {
	display: grid;
}

.frm-price-con label {
	font-weight: 700;
	margin-top: 2rem;
	margin-bottom: .5rem;
}

.fran-input-btn {
	padding: 0.5rem 1.4rem;
	margin-top: 1rem;
	border: 0;
	border-radius: 18px;
	background: var(--brand-primary-color);
	color: #fff;
}



/* Membership Pages */
.franchise-dashboard.membership .mfp-content {
	max-width: 960px !important;
}

.franchise-dashboard.membership .pop-up-form-con {
	padding: 2rem 1.5rem 3rem;
}

.frm-mem-con {
	display: grid;
	grid-template-columns: 80px auto;
}

.frm-tax-con {
	display: grid;
	grid-template-columns: 80px auto;
	margin-bottom: 15px;
}

.frm-mem-con label,
.frm-tax-con label {
	font-weight: 700;
}

.btn-right-con {
	display: grid;
}

.btn-right {
	margin: 20px 0 0 auto !important;
}


/* Team Member */

.draggable {
	cursor: move;
}

.team_upper_button {
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	gap: 20px;
}

.team_upper_button input {
	background: var(--brand-primary-color);
}



.fran-sgl-team-con {
	margin-bottom: 10px;
	border-radius: 4px;
	box-shadow: -1px 1px 10px #005eb854;
	width: 100%;
}

.fran-sgl-team-heading {
	display: grid;
	align-items: center;
	grid-template-columns: 6fr 120px 7fr 105px;
	gap: 0 1rem;
	font-weight: 700;
	padding: 10px 20px;
	margin: 30px auto 10px;
	width: 100%;
}

.fran-sgl-team {
	display: grid;
	align-items: center;
	grid-template-columns: 6fr 105px 7fr 105px;
	width: 100%;
	gap: 0 1rem;
	padding: 10px 20px;
}

.fran-sgl-team .img-con {
	display: flex;
	align-items: center;
	gap: 20px;
}

.fran-sgl-team .img-con img {
	border-radius: 50%;
	aspect-ratio: 1;
	object-fit: cover;
	max-width: 70px;
	width: 100%;
}

.team-posi,
.team-order {
	text-align: center;
}

/* confirm-delete */
.team-pop-img-con {
	display: flex;
}

.team-pop-img-con img {
	border-radius: 50%;
	width: 70px;
	margin: 0 auto;
	aspect-ratio: 1;
}

.close-pop-del-btn,
.delete-btn {
	padding: 0.5rem 1.4rem;
	border: 0;
	border-radius: 4px;
	background: #fff;
	color: #000;
	box-shadow: 0 0 10px #0000006c;
	width: fit-content;
}

.pointer {
	cursor: pointer;
}


/* update team member */
.t_pop_inner {
	max-width: 500px;
	width: 100%;
	border-radius: 8px;
	box-shadow: 0 0 10px #005eb85c;
	background-color: #fff;
	margin: 0 auto;
	padding: 2rem;
}

.update-team-member {
	display: none;
	margin-bottom: 10px;
}

.update-team-member .t_pop_inner {
	max-width: 100%;
	border-radius: 0;
	box-shadow: unset;
}

.update-team-member form {
	max-width: 100%;
}

.t-frm-del {
	display: flex;
	align-items: baseline;
	gap: 40px;
	justify-content: center;
}

.t-frm-del input {
	margin-top: 1rem;
}

.update-team-member textarea {
	height: 200px;
}

.t_pop_inner p {
	margin-top: 1rem;
	text-align: center;
}

.fran-add-new {
	padding: 0.5rem 1.4rem;
	margin: 1.5rem 0 0 auto;
	border: 0;
	border-radius: 4px;
	background: #0075ff;
	color: #fff;
	width: fit-content;
}

.image-preview {
	width: 100%;
	max-width: 200px;
	margin-bottom: 1rem;
}



/* Add new team member */
#team-edit-pop-up_0 {
	margin-top: 20px;
}

#team-edit-pop-up_0 .t_pop_inner {
	border-radius: 8px;
}


/* Hours */
#opening-hours-setting .fran-form-container {
	width: 100%;
}

.add-new-hour-grp {
	max-width: 1000px;
	width: 100%;
	margin-bottom: 20px;
}

.fran-sgl-hr {
	border-radius: 8px;
	padding: 1.6rem;
	box-shadow: 0 0 10px #005eb85c;
	margin-bottom: 6rem;
	max-width: 1000px;
	width: 100%;
}

.fran-sgl-hr form {
	display: grid;
}

.fran-hr-title {
	margin-top: 0;
	color: #0075ff;
}

.fran-hours-of-operation {
	grid-template-columns: 1fr 1fr;
	gap: 10px 50px !important;
}

.fran-hours-of-operation>div {
	display: grid;
	grid-template-columns: 110px auto;
}

.fran-hr-note {
	font-size: 13px;
	font-style: italic;
}

.fran-sgl-hr textarea {
	height: 250px;
}

.fran-sgl-hr .todays-hour-up-btn {
	margin: 2rem 0 0 auto;
}

.fran-hours-of-op-btn {
	grid-template-columns: 1fr 1fr;
}

.fran-hours-of-op-btn>div {
	display: grid;
	gap: 10px;
}

.fran-hours-del-up-con {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	margin-top: 2rem !important;
}

.fran-hours-del-up-con input {
	margin: 0;
}

.t_pop_add_new_inner {
	max-width: 1000px;
	width: 100%;
	border-radius: 8px;
	box-shadow: 0 0 10px #005eb85c;
	background-color: #fff;
	margin: 20px 0;
	padding: 2rem;
}

.hour_pop_up_new {
	display: none;
}






/* Events */
.img-con.fran-event-img img {
	aspect-ratio: 3;
	max-width: 80px;
}

.fran-sgl-event {
	min-height: 75px;
}

.fran-event-2-col {
	grid-template-columns: 1fr 1fr;
	gap: 20px !important;
}

.fran-event-2-col>div {
	display: grid;
	gap: 10px;
}

.slct-dy-txt {
	font-weight: 600;
}

.fran-events-from label {
	margin-top: 10px;
}

.select-days-chk {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.select-days-chk label {
	margin-top: 0;
}

.fran-event-img-n-name {
	display: grid;
}

.fran-event-img-n-name h3 {
	margin-top: 0 !important;
}

.fran-event-img-n-name img {
	margin: 0 auto;
	max-width: 180px;
}

#ui-datepicker-div {
	z-index: 99 !important;
}


.fran-event-img img {
	border-radius: 0 !important;
	aspect-ratio: unset !important;
	max-height: 80px;
}

.remove_event_img label {
	color: rgb(153, 17, 17);
	font-weight: bold;
}

.change-event-image label {
	color: green;
	font-weight: bold;
}


/* CTA Selection */
.fran-cta-select {
	grid-template-columns: 260px auto 120px;
}

.cta-selection-pop-inner {
	max-width: 100% !important;
}

.fran-cta-link {
	word-break: break-all;
}



/* iframe */
.fran-iframe-con {
	overflow-x: hidden;
	margin: 15px auto;
	height: 100%;
}

#website-design-iframe {
	margin-top: -30px;
	width: 100%;
	height: 2000px;
	margin-left: -100px;
}

#phase-iframe {
	margin-top: -30px;
	width: 100%;
	height: 1460px;
	margin-left: -100px;
}

#service-membership-iframe {
	margin-top: -30px;
	width: 100%;
	height: 4580px;
	margin-left: -100px;
}

@media only screen and (max-width: 1700px) {
	#website-design-iframe {
		margin-left: -20px;
	}

	#phase-iframe {
		margin-left: -20px;
	}

	#service-membership-iframe {
		margin-left: -20px;
	}
}





@media only screen and (max-width: 1366px) {

	/* general */
	.fran-loc-tab {
		max-width: 300px;
		min-width: 300px;
	}

	.fran-loc-tab-inner {
		width: 300px;
	}




	/* template */
	#website-design-iframe {
		height: 1800px;
	}

	#phase-iframe {
		height: 1360px;
	}
}

@media only screen and (max-width: 1200px) {
	#website-design-iframe {
		height: 1900px;
		margin-left: 0;
	}

	#phase-iframe {
		height: 1460px;
		margin-left: 0;
	}

	#service-membership-iframe {
		margin-left: 0;
	}
}


@media only screen and (max-width: 1100px) {

	/* nav */
	.fran-nav-btn {
		right: 20px;
	}

	/* General */
	.all-tab-content {
		padding: 2rem 1.5rem 4rem;
	}


	/* CTA Selection */
	.fran-cta-select {
		grid-template-columns: auto 120px;
	}

	.fran-cta-link {
		display: none;
	}

	/* Pricing */
	.pricing-item-con {
		grid-template-columns: 1fr 1fr;
	}

	/* team member */
	.fran-sgl-team-heading,
	.fran-sgl-team {
		grid-template-columns: 1fr 150px 105px;
	}

	.team-posi {
		display: none;
	}

	.fran-sgl-team .img-con {
		gap: 10px;
	}

	/* Iframe Template */
	#phase-iframe {
		height: 1400px;
	}

	#service-membership-iframe {
		height: 4515px;
	}



}


@media only screen and (max-width: 980px) {

	/* general */
	.frn-hd-container {
		flex-direction: column;
		align-items: flex-start;
	}

	.fran-pages-links {
		margin-bottom: 30px;
	}


	/* franchise nav */
	.franchise-nav-inner {
		gap: 7px;
		font-size: 16px;
	}

	/* sidebarbar */
	.fran-side-icon {
		display: flex;
	}

	.fran-loc-info-inner {
		flex-direction: column;
	}

	.fran-loc-tab {
		display: none;
		position: fixed;
		min-height: 100vh;
		z-index: 999;
		background-color: #fff;
	}

	.fran-loc-tab-inner {
		overflow-y: scroll;
		position: static;
	}

	.fran-loc-tab-inner>div a {
		padding: 12px;
		font-size: 16px;
	}

	.setting-hd {
		padding: 12px;
	}

	/* all content */
	.all-tab-content {
		padding: 1rem 1.5rem;
	}

	.fran-tab-con>div>h3:first-child {
		margin-top: 1rem !important;
	}

	/* button */
	.fran-add-new,
	.todays-hour-up-btn,
	.fran-input-btn,
	.close-pop-del-btn,
	.delete-btn {
		font-size: 14px;
		margin-top: 1rem !important;
	}

	/* Hours */
	.fran-hours-of-operation {
		grid-template-columns: auto;
	}

	/* Social Media */
	.social-media-from-con form>div {
		grid-template-columns: auto;
		gap: 5px;
	}

	.social-media-from-con form input {
		padding: .5rem 6px;
	}

	/* Iframe template */
	.fran-iframe-con {
		margin: 3.5rem -15px;
	}



}


@media only screen and (max-width: 767px) {
	.fran-nav-btn {
		position: static;
	}

	.franchise-nav-inner {
		flex-wrap: wrap;
		justify-content: center;
	}

	.franchise-header {
		padding-bottom: 89px;
	}
}


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

	/* nav  */
	.franchise-nav {
		padding: 16px;
	}

	.franchise-nav-inner {
		font-size: 14px;
	}

	/* Location page */
	.location_page {
		flex-direction: column;
		gap: 10px;
		padding: 1rem 15px;
	}

	.edt-del-view {
		justify-content: flex-start;
	}

	/* CTA Section */
	/* Team Member */
	.fran-loc-cta-settings .fran-cta-select {
		grid-template-columns: auto;
		gap: 10px;
	}

	.fran-loc-cta-settings .edt-del-view {
		justify-content: center;
	}



	.fran-sgl-team {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	.fran-sgl-team .img-con img {
		border-radius: 4px;
		aspect-ratio: 2 / 1;
	}

	.fran-sgl-team-heading {
		padding: 0;
		margin-top: 20px;
		grid-template-columns: 1fr 1fr;
	}

	.team-order {
		text-align: right;
	}


	.fran-sgl-team .edt-del-view {
		justify-content: center;
		grid-column: span 2;
	}

	.fran-loc-cta-settings .edt-del-view>div,
	.fran-sgl-team .edt-del-view>div {
		padding: .5rem 1rem;
		box-shadow: 0 0 10px #005eb854;
		border-radius: 4px;
		justify-content: space-around;
		align-items: center;
	}

	.fran-loc-cta-settings .edt-del-view>div:nth-child(2),
	.fran-sgl-team .edt-del-view>div:nth-child(2) {
		display: none;
	}

	/* Hours */
	.fran-hours-of-op-btn {
		grid-template-columns: auto;
	}

	.fran-hours-of-operation>div {
		grid-template-columns: auto;
	}

	/* Pricing */
	.pricing-item-con {
		grid-template-columns: auto;
		gap: 20px;
	}

	/* membership */
	.frm-tax-con,
	.frm-mem-con {
		grid-template-columns: auto;
		gap: 5px;
	}

	/* Events */
	.fran-event-2-col {
		grid-template-columns: auto;
		gap: 5px !important;
	}

}


@media only screen and (max-width: 450px) {
	.fran-loc-tab {
		max-width: 235px;
		min-width: 235px;
	}

	.fran-loc-tab-inner {
		width: 235px;
	}
}




@media only screen and (max-width: 410px) {

	#service-membership-iframe {
		margin-top: -56px;
		height: 4600px;
	}

	#phase-iframe {
		margin-top: -39px;
	}

}


@media only screen and (max-width: 360px) {

	.team_upper_button {
		gap: 10px;
	}

	.team_upper_button .fran-input-btn,
	.team_upper_button .fran-add-new {
		font-size: 12px;
		padding: 0.5rem 1rem;
	}

}