@media only screen and (min-width: 1600px) and (max-width: 1800px) {
	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		max-width: 1440px;
	}

	.dentists_passion .dentists_passion_left {
		margin-left: calc(-1 * (100vw - 1440px) / 2) !important;
	}


	h1 {
		font-size: 70px !important;
	}

	h2 {
/* 		font-size: 40px !important; */
	}

	h3 {
		font-size: 25px !important;
	}

	h4 {
		font-size: 26px !important;
	}

	p {
		font-size: 22px !important;
	}

	.p_28 p {
		font-size: 26px !important;
	}

	.p_22 p {
		font-size: 20px !important;
	}
	body {
		padding-top: 145px;
	}
	.meet_staff_img_box .elementor-widget-container img{
		height:300px !important;
	}

	/* Button */

	.btn_wrap a.elementor-button {
		font-size: 20px;
		padding: 16px 28px;
	}

	.faq-page-section {
		padding-top:100px !important;
	}
	/* 	header */

	.header_inner_wrapper .elementor-widget-image img{
		width:80% !important;
	}	
	.header_menu ul.elementor-nav-menu li.menu-item{
		margin-left:30px !important;
	}
	.header_menu ul.sub-menu li.menu-item{
		margin-left:0px !important;
	}	
	.header_menu .elementor-nav-menu .elementor-item{
		font-size:18px !important;
	} 
	.menu-call-social-icon .elementor-icon-list-text{
		font-size:20px !important;
	}	
	.header_book_btn .elementor-button-text{
		font-size:20px !important;
	}
	.logo-box .elementor-widget-container{
		text-align:left !important;
	}

	/* Home Page */

	.home_hero_banner > .elementor-container {
		min-height: 840px !important;
	}

	.hero_banner_col {
		max-width: 980px;
	}

	.hero_banner_col > .elementor-widget-wrap {
		margin-bottom: 140px !important;
	}

	.hero_banner_content p {
		font-size: 30px !important;
	}

	.dental_expertise_col {
		max-width: 620px;
	}

	.dental_expertise_col > .elementor-widget-wrap {
		padding: 36px !important;
	}

	.dental_expertise_col .dental_expertise_box .elementor-icon-box-title {
		font-size: 30px !important;
	}

	.dental_expertise_box .elementor-icon-box-description,
	.feature_card .elementor-icon-box-description {
		font-size: 20px !important;
	}

	.dentistry_care_grid .dentistry-care {
		margin-right: 50px !important;
	}

	.feature_card > .elementor-widget-container {
		padding: 28px 44px !important;
		margin-bottom: 24px !important;
	}

	.feature_card:last-child > .elementor-widget-container {
		margin-bottom: 0 !important;
	}

	.feature_card .elementor-icon-box-title {
		margin-bottom: 16px !important;
	}

	.meet_team_container .meet_team_left {
		width: 78% !important;
	}

	.meet_team_container .meet_team_right {
		width: 22% !important;
	}

	.meet_staff_container > .elementor-container {
		column-gap: 50px;
		row-gap: 50px;
	}

	.meet_staff_inner_box {
		padding: 20px !important;
	}

	.meet_staff_inner_box .meet_staff_bio_box > .elementor-widget-wrap {
		padding: 16px 10px 10px 24px !important;
	}

	.staff_info h4 {
		font-size: 28px !important;
		padding-bottom: 12px;
	}

	.staff_info p {
		font-size: 17px !important;
	}

	.dentists_passion .dentists_passion_right > .elementor-widget-wrap {
		padding-left: 70px !important;
	}

	.dentists_reviews .elementor-widget-container {
		padding-top: 30px !important
	}

	.dentists_reviews .premium-testimonial-text-wrapper {
		font-size: 22px;
	}

	.company_logo img {
		max-width: 280px !important;
	}

	.contact_detail_box .elementor-icon-box-description {
		font-size: 17px !important;
	}

	.contact_detail_box .elementor-widget-container {
		padding: 12px 0 !important;
	}

	.contact_detail_box:last-child .elementor-widget-container {
		padding-bottom: 0 !important;
	}

	.book_appointment > .elementor-container {
		max-width: 1360px !important;
	}

	.faq_container {
		max-width: 1120px !important;
	}

	.faq_container .elementor-accordion-item {
		margin-bottom: 24px;
		padding: 22px 44px;
	}

	.faq_container .elementor-accordion-item a.elementor-accordion-title {
		font-size: 26px !important;
	}

	.faq_container .elementor-accordion-item .elementor-tab-content p {
		font-size: 18px !important;
	}

	.faq_container .elementor-accordion-icon, 
	.faq_container .elementor-accordion-icon svg {
		width: 48px !important;
		height: 48px !important;
	}
	.career-form-col h1{
		font-size:45px !important;
	}
	.career-see-what-col h2{
		font-size:35px !important;
	}
	.career-form-col .p-text .elementor-heading-title{
		font-size:20px !important;
	}
	.staff-welcome-content{
		padding:80px 0px !important;
	}

	.title-h1{
		font-size:40px !important;
	}
	.title-h2{
		font-size:30px !important;
	}	
	.onboarding-hero-right h2{
		font-size:28px !important;
	}
	.content-para{
		font-size:20px !important;
	}
	button{
		font-size:20px !important;
	}
	.font-content ul li{
		font-size:20px !important;
	}
	.checklist-text {
		font-size: 21px !important;
	}
	.feedback-body{
		font-size:21px !important;
	}
	.detail-contact > span{
		font-size:25px !important;
	}
	.staff-menu-item a{
		font-size:20px !important;
	}
	.dashboard-back-btn{
		left:410px !important;
	}
	.cards{
		padding:40px !important;
	}
	.clinical-video-title{
		font-size:24px !important;
	}
	.team-overview-title {
		font-size:40px !important;
	}
	.key-roles-title{
		font-size:32px !important;
	}
	.close-btn,
	.back-button{
		left: 31%;
	}	
	.heading-section h1{
		font-size:40px !important;
	}
	.notification-toggle span {
		font-size:32px !important;
	}
	.toggle-switch span{
		font-size:18px !important;
	}
	.staff-account-wrapper .notification-toggle{
		padding:30px !important;
	}
	.profile-info h2{
		font-size:32px !important;
	}
	.profile-card .edit-btn{
		font-size:20px !important;
	}
	.view-docs-btn{
		font-size:20px !important;
	}
	.certificates-card h3{
		font-size:28px !important;
	}

	/* 	section:first-of-type {
	padding:30px 100px 30px 40px !important;

} */

	.staff-role-section{
		padding: 80px 90px !important;
	}	
	.schedules-section {

		padding: 60px 150px 60px 40px !important;

	}
	.staff-role-card{
		padding: 50px 40px !important;
	}	
	.staff-role-card-title{
		font-size:20px !important;
	}


	section.onboarding-section {
		padding: 0 !important;
	}
	.staff-main{
		flex:auto !important;
	}
	.onboarding-btn{
		font-size:20px !important;
	}
	video.clinical-video{
		height:500px !important;
	}
	.progress-title-h3{
		font-size:30px !important;
	}
	section.reception-section {
		padding: 40px !important;
	}
	.column-card{
		min-height:350px !important;
	}
	.staff-card-title{
		font-size:30px !important;
	}
	.policy-content h2{
		font-size:30px !important;
	}
	.policy-modal-header h2{
		font-size:35px !important;
	}
	.hamburger { display: none; }

	.staff-welcome-description{
		font-size:24px !important;
	}

	/* .page-id-2873 html,
	.page-id-2873 body {
	height: 100% !important;
} */



	.login-img-col .elementor-widget-image,
	.login-img-col .elementor-widget-image .elementor-widget-container,
	.login-img-col .elementor-widget-image .elementor-widget-container img
	{
		height:100% !important;
	}
	.detail-contact h3{
		font-size:20px !important;
	}
	.detail-contact span{
		font-size:22px !important;
	}
	.team-table-header, .team-table-row{
		column-gap: 90px !important;
	}


	/* Check 1600px and add css here */
}
@media only screen and (min-width: 1598px) and (max-width: 1720px){
	.footer-col{
		margin:0px 50px !important;
	}

}

@media only screen and (max-width: 1599px) {
	
	.onboarding-document-btn {
		font-size: 20px !important;
	}
	body {
		padding-top: 120px;
	}
	.staff-account-wrapper .heading-section{
		padding: 60px 60px 50px !important;
	}
	.staff-account-wrapper .notification-toggle{
		padding: 30px 80px 30px 55px !important;
	}

	/* 	p {
	padding-bottom: 16px;
} */

	/* Header */

	.header_menu ul.elementor-nav-menu li.menu-item {
		margin-left: 30px;
	}
	.career-form #field_2_13 {
		font-size: 20px !important;

	}
	.onboarding-document-card-title{
		font-size:26px !important;
	}
	/* Home Page */

	.hero_banner_col {
		max-width: 880px;
	}

	.image_carousel .elementor-image-carousel-wrapper {
		margin: 0 -120px;
	}

	.dental_expertise_col {
		max-width: 520px;
	}

	.round_btn a.elementor-button {
		width: 100px;
		height: 100px;
	}

	.dentistry-care-icon {
		width: 66px;
		height: 66px;
		right: 20px;
	}

	.dentistry-care-icon svg {
		width: 34px;
		height: 34px;
	}

	.meet_staff_container > .elementor-container {
		column-gap: 40px;
		row-gap: 40px;
	}

	.staff_info h4 {
		font-size: 24px !important;
		padding-bottom: 10px;
	}

	/* 	.staff_info p .staff_post {
	font-size: 15px !important;
} */

	.dentists_passion .dentists_passion_left {
		margin-left: calc(-1 * (100vw - 1280px) / 2) !important;
	}

	.dentists_reviews .slick-list {
		padding-bottom: 20px !important;
	}

	.dentists_reviews a.carousel-arrow {
		top: calc(100% + 20px) !important;
	}

	.dentists_reviews a.carousel-next {
		right: calc(100% - 95px) !important;
	}

	.dentists_reviews a.carousel-arrow i::before {
		width: 18px;
		height: 18px;
	}

	.faq_container .elementor-accordion-item {
		margin-bottom: 20px;
		padding: 20px 40px;
	}

	.faq_container .elementor-accordion-icon, 
	.faq_container .elementor-accordion-icon svg {
		width: 44px !important;
		height: 44px !important;
	}
	
	.faq_container .elementor-accordion .elementor-tab-title {
    	color: #000;
    	font-family: "Proxima Nova";
    	font-size: 24px;
    	font-style: normal;
    	font-weight: 600 !important;
    	line-height: normal;
    	padding: 0px !important
	}
	
	.staff-welcome-description{
		font-size:22px !important;
	}
	/* 	=*=*=*= */

	.gap_36 > .elementor-container {
		column-gap: 30px;
	}
	.foo_menu.elementor-inner-column {
		width: 11% !important;
	}
	body .career-form .gform_body input[type=text],
	body .career-form .gform_body input[type=email],
	body .career-form .gform_body input[type=tel],
	body .career-form .gform_body input[type=number],
	body .career-form  select,
	body .career-form textarea { 
		border-radius: 15px !important;
		padding: 14px 20px !important;  
	}
	.career-form .gform_button { 
		font-size: 20px !important; 
	}
	body .career-form .gform_wrapper form .gform_body ul li.gfield#field_2_13 { 
		font-size: 20px; 
	}
	.service-text .service-title {
		font-size: 26px;

	}
	.service-text p{
		font-size:20px !important;
	}
	.contact_us_form .gform_wrapper{
		padding:50px !important;
	}
	body .contact-form .gform_wrapper form .gform_body ul li.gfield textarea{
		height:220px !important;
	}
	body .contact-form .gform_body input[type="text"],
	body .contact-form .gform_body input[type="email"],
	body .contact-form .gform_body input[type="tel"],
	body .contact-form .gform_body input[type="number"],
	body .contact-form select,
	body .contact-form  textarea{
		font-size:18px !important;
	}
	.services-wrapper {
		column-gap: 40px;
		row-gap: 40px;
	}
	.staff-cards-row{
		height:auto !important;
	}
	.staff-sidebar{
		padding:15px !important;
	}
	.staff-main{
		width: 100%;
		/*     max-width: calc(100% - 350px); */
		/* 		overflow-x:hidden; */
		/* 		box-sizing:border-box; */
		padding:40px !important;
	}
	.title-h1{
		font-size:38px !important;
	}
	.title-h2{
		font-size:30px !important;
	}	
	/* 	.content-para{
	font-size:21px !important;
} */
	button{
		font-size:20px !important;
	}
	.font-content ul li{
		font-size:20px !important;
	}
	.checklist-text {
		font-size: 21px !important;
	}
	.feedback-body{
		font-size:21px !important;
	}
	.detail-contact > span{
		font-size:20px !important;
	}
	.staff-menu-item a{
		font-size:20px !important;
	}
	.team-table-row {
		font-size: 20px !important;
	}
	.dashboard-back-btn{
		left:380px !important;
	}
	.team-table-header, .team-table-row{
		column-gap: 50px !important;
	}
	.cards{
		padding:40px !important;
	}
	.staff-welcome-content {
		padding: 80px 30px !important;
	}
	.staff-role-card {
		padding: 50px 30px !important;
		min-height:200px !important;
	}
	.staff-role-card-title {
		font-size: 20px !important;
	}
	.clinical-maps-subheadings{
		font-size:20px !important;
	}
	.steri-description{
		font-size:20px !important;
	}
	.step-by-step-cleaning-section > h2{
		font-size:35px !important;
	}
	.protocol-step > h3{
		font-size:28px !important;
	}
	.font-content ul li{
		font-size: 18px !important;
		margin-bottom: 14px;
	}	
	.equipment-description {
		font-size:20px !important;
	}

	.equipment-video-title{
		font-size:20px !important;
	}
	.schedules-description{
		font-size:20px !important;
	}

	/* 	section:first-of-type {
	padding:30px 100px 30px 40px !important;

} */

	.clinical-description{
		font-size:20px !important;
	}	
	.clinical-video-title {

		font-size: 24px !important;

	}
	.schedules-section {

		padding: 50px 120px 50px 40px !important;

	}
	.staff-header-left .staff-logo img{
		height:70px !important;
	}


	.staff-main{
		flex:auto !important;
	}
	.onboarding-btn{
		font-size:18px !important;
		padding: 17px 20px !important;
	}
	video.clinical-video{
		height:500px !important;
	}
	.progress-title-h3{
		font-size:28px !important;
	}
	section.reception-section {
		padding: 40px !important;
	}
	.column-card{
		min-height:350px !important;
	}
	.staff-card-title{
		font-size:28px !important;
	}
	.policy-content h2{
		font-size:30px !important;
	}
	.policy-modal-header h2{
		font-size:35px !important;
	}
	.shift-details-row {
		font-size: 22px !important;
	}
	button.dashboard-back-btn{
		padding-left:56px !important;
	}
	.staff-toggle-btn{
		display:none;
	}
	body .contact-form .gform_body input[type="text"],
	body .contact-form .gform_body input[type="email"],
	body .contact-form .gform_body input[type="tel"],
	body .contact-form .gform_body input[type="number"],
	body .contact-form select,
	body .contact-form textarea {

		padding: 20px 24px !important;

	}
	body .contact-form .gform_wrapper form .gform_body ul li.gfield{
		margin: 0 0px 30px !important;
	}	
	.career-form .gform_footer input[type=submit] {
		padding: 17px 50px !important;

		font-size: 20px !important;
	}	
	.login-form .um-field-label label{
		font-size:18px !important;
	}
	.reception-welcome-description{
		font-size:20px !important;
	}
	.card-desc {
		font-size: 20px !important;

	}
	.header-contact h2{
		font-size:26px !important;
	}
	.team-overview-title{
		font-size:38px !important;
	}
	.team-overview-description,.key-roles-description{
		font-size:20px !important;
	}
	.team-overview-section{
		padding: 50px 100px 70px 50px !important;
	}
	.key-roles-title{
		font-size: 32px !important;
	}
	.key-roles-card{
		padding: 50px !important;
	}

	.administration-videos-section h2 {
		font-size:32px !important;
	}
	.close-btn, .back-button {
		top: 433px !important;
		left: 30% !important;
	}
	.tab-button{
		padding: 15px 20px !important;
	}
	.heading-section h1{
		font-size:36px !important;
	}
	.notification-toggle span{
		font-size:32px !important;
	}
	.toggle-switch span {
		font-size: 18px !important;
	}
	.profile-info{
		justify-content:flex-start !important;
		gap:33px !important;
	}
	.profile-info p{
		font-size:20px !important;

	}

	.profile-info h2{
		font-size: 30px !important;
	}
	.certificates-card h3 {
		font-size: 24px !important;
		padding-bottom: 0px !important;
	}
	.profile-card{
		gap:40px !important;
		padding:20px !important;
		/* 		    height: fit-content !important; */
	}
	.profile-card .edit-btn {
		font-size: 18px !important;
		padding: 12px 8px !important;

	}
	.certificates-card{
		padding: 30px 20px !important;
	}
	.certificates-card ul{
		gap: 18px !important;
		margin-bottom: 30px !important;
	}
	.view-docs-btn{
		padding: 14px 30px !important;
		font-size: 20px !important;
	}
	.shift-roster-table>tbody>tr {
		font-size: 18px !important;
	}
	.shift-roster-wrapper {
		padding: 40px 20px 40px 20px !important;
	}
	.dropdown-btn{
		font-size:18px !important;
	}
	.shift-details-title {
		font-size: 30px;
		margin-bottom:40px !important;
	}
	.shift-details-section {
		margin-bottom: 30px !important;
	}
	.shift-details-section:nth-child(3) {
		margin-bottom: 40px !important;
	}
	.shift-details-wrapper{
		padding: 40px !important;
	}
	.shift-details-title{
		font-size:30px !important;
	}
	.leave-req-form .gform_wrapper.gravity-theme .gfield textarea.large{
		height:200px !important;
		padding: 13px !important;
	}
	.leave-req-form .gsection_title{
		font-size:20px !important;
	}
	.leave-req-form .gform_wrapper.gravity-theme .gfield input, .leave-req-form .gform_wrapper.gravity-theme .gfield select {
		padding: 13px !important;
	}
	/* Check 1367px and add css here */
}

@media only screen and (max-width: 1366px) {
	
	.onboarding-document-btn {
		font-size: 18px !important;
	}
	body {
		padding-top: 113px;
	}

	/* Header */

	.header_menu ul.elementor-nav-menu li.menu-item {
		margin-left: 28px;
	}
	.clinical-video-title {
		font-size: 20px !important;
	}

	/* Home Page */

	.hero_banner_col {
		max-width: 770px;
	}

	.image_carousel .elementor-image-carousel-wrapper {
		margin: 0 -100px;
		padding-bottom: 40px !important;
	}

	.dental_expertise_col {
		max-width: 480px;
	}

	.round_btn a.elementor-button {
		width: 90px;
		height: 90px;
	}

	.dentistry-care-icon {
		width: 60px;
		height: 60px;
		right: 16px;
	}

	.dentistry-care-icon svg {
		width: 30px;
		height: 30px;
	}

	.meet_staff_container > .elementor-container {
		column-gap: 30px;
		row-gap: 30px;
	}

	.staff_info h4 {
		font-size: 22px !important;
		padding-bottom: 6px;
	}

	.dentists_passion .dentists_passion_left {
		margin-left: calc(-1 * (100vw - 1121px) / 2) !important;
	}

	.dentists_reviews a.carousel-next {
		right: calc(100% - 80px) !important;
	}

	.dentists_reviews a.carousel-arrow i::before {
		width: 17px;
		height: 17px;
	}

	.company_logo {
		bottom: 15px;
	}

	.faq_container .elementor-accordion-item {
		margin-bottom: 16px;
		padding: 16px 32px;
		border-radius: 16px;
	}

	.faq_container .elementor-accordion-icon, 
	.faq_container .elementor-accordion-icon svg {
		width: 40px !important;
		height: 40px !important;
	}
	
	.faq_container .elementor-accordion .elementor-tab-title {
    color: #000;
    font-family: "Proxima Nova";
    font-size: 22px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    padding: 0px !important
}

	/* 	=*=*=*= */

	.foo_menu.elementor-inner-column {
		width: 13% !important;
	}
	.gap_36 > .elementor-container {
		column-gap: 25px;
	}
	.contact_us_form .gform_wrapper{
		padding:40px !important;
	}

	.service-text .service-title {
		font-size: 24px;

	}
	.services-wrapper .service-box {

		padding: 30px 40px;
	}
	.service-text p{
		font-size:18px !important;
	}
	body .contact-form .gform_wrapper form .gform_body ul li.gfield textarea {
		height: 200px !important;
	}
	body .contact-form .gform_wrapper form .gform_body ul li.gfield{
		margin:0px 0px 30px !important;
	}
	.service-button-wrapper {
		padding-top: 30px;
	}
	.schedules-section {

		padding: 50px 90px 50px 40px !important;

	}
	.schedules-description{
		margin-bottom:0px !important;
	}

	.title-h1{
		font-size:32px !important;
	}
	.title-h2{
		font-size:25px !important;
	}	
	.content-para{
		font-size:20px !important;
	}
	button{
		font-size:18px !important;
	}
	.checklist-text {
		font-size: 20px !important;
	}
	.feedback-body{
		font-size:20px !important;
	}
	.detail-contact > span{
		font-size:20px !important;
	}
	.header-contact h2 {
		font-size: 24px !important;
	}
	.onboarding-btn{
		font-size:18px !important;
	}
	.detail-contact > h3{
		font-size:18px !important;
	}
	.cards{
		padding:30px !important;
	}
	.staff-sidebar{
		max-width:300px !important;
	}
	.dashboard-back-btn {
		left: 332px !important;
	}
	.progress-title-h3{
		font-size:24px !important;
	}
	.card-desc,.support-help-subtitle {
		font-size:18px !important;
	}
	.staff-main section.onboarding-section{
		padding:0 !important;
	}
	section.reception-section {
		padding: 30px !important;
	}
	.staff-role-section{
		padding:70px 80px !important;
	}
	.staff-welcome-description{
		font-size:20px !important;
	}
	.onboarding-document-card-title{
		font-size:24px !important;
	}	
	.card-desc {
		padding-bottom: 40px !important;
	}	

	/* 	section:first-of-type {
	padding: 30px !important;
} */


	.font-content ul li {
		font-size: 18px !important;		
	}
	.column-card{
		min-height:385px !important;	
	}
	/* 	.script-card{
	min-height:180px !important;
} */
	video.clinical-video{
		height:450px !important;
	}
	.tracking-header span{
		font-size:18px !important;
	}
	.manuls-section, .protocols-section{
		min-height:370px !important;
	}
	.procedure-header > p{
		font-size:18px !important;
	}
	.essential-document-heading{
		padding-right:0 !important;
	}
	.essential-document-heading>span{
		font-size:20px !important;
	}
	.staff-main{
		padding:30px !important;
	}
	.staff-card-title{
		font-size:26px !important;
	}
	.staff-cards-row{
		gap:30px !important;
	}
	.staff-role-card-title{
		font-size:20px !important;
	}
	.checklist-item{
		padding:10px !important;
	}
	.policy-content h2{
		font-size:25px !important;
	}
	.policy-modal-header h2{
		font-size:30px !important;
	}
	.shift-main-flex{
		flex-direction:column;
	}
	.onboarding-btn {
		padding: 16px 12px !important;
	}
	button.dashboard-back-btn{
		padding-left:45px !important;
	}
	.career-form .gform_legacy_markup_wrapper div.validation_error{
		padding: 16px 15px;
	}
	/* 	section.staff-first-section{
	padding:0px !important;
} */

	.onboarding-content{
		padding:50px !important;
	}
	.login-form .um .um-form input[type=password],
	.login-form .um .um-form input[type=text]{
		padding:22px !important;
	}
	.login-form .um input[type=submit].um-button,
	.login-form a.um-button{
		margin-top:30px !important;
	}
	.steri-section{
		padding:30px !important;
	}
	.step-by-step-cleaning-section > h2 {
		font-size: 32px !important;
	}
	.protocol-step > h3 {
		font-size: 26px !important;
	}
	.equipment-section{
		padding:40px !important;
	}
	.equipment-video-grid{
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.equipment-video-card{
		padding: 24px 20px 18px !important;
	}
	.font-content ul li{
		margin-bottom:10px !important;
	}
	.team-overview-title {
		font-size: 36px !important;
	}
	.key-roles-title {
		font-size: 30px !important;
	}
	.team-overview-description, .key-roles-description {
		font-size: 19px !important;
	}
	.team-overview-section {
		padding: 50px 70px 70px 50px !important;
	}
	.progress-title-h3 {
		font-size: 24px !important;
	}
	.heading-section h1 {
		font-size: 34px !important;
	}
	.notification-toggle span {
		font-size: 28px !important;
	}
	.toggle-switch span {
		font-size: 18px !important;
	}
	.view-docs-btn{
		font-size:20px !important;
		padding:19px 30px !important;
	}
	.staff-header-left .staff-logo img {
		height: 60px !important;
	}
	.staff-account-wrapper .heading-section {
		padding: 40px !important;
	}
	.heading-section h1{
		padding-bottom: 15px !important;
	}
	.staff-account-wrapper .notification-toggle {
		padding: 30px !important;
	}
	.toggle-switch span{
		padding: 9px 18px !important;
	}
	.profile-info {
		gap:28px !important;
	}
		.leave-req-form .gform_wrapper.gravity-theme .gfield textarea.large{
		height:180px !important;
		
	}
	
	.team-table-header, .team-table-row {
		column-gap: 20px !important;
	}
	/* Check 1200px and add css here */
}

@media only screen and (max-width: 1199px) {
	body {
		padding-top: 106px;
	}

	/* Header */

	.header_menu ul.elementor-nav-menu li.menu-item {
		margin-left: 24px;
	}

	/* Home Page */

	.hero_banner_col {
		max-width: 640px;
	}

	.dental_expertise_col {
		max-width: 440px;
	}

	.dentistry-care-icon {
		width: 54px;
		height: 54px;
		top: -36px;
		right: 12px;
	}

	.dentistry-care-icon svg {
		width: 26px;
		height: 26px;
	}

	.meet_staff_container > .elementor-container {
		column-gap: 24px;
		row-gap: 24px;
	}

	.staff_info h4 {
		font-size: 20px !important;
		padding-bottom: 4px;
	}

	.staff_info p .staff_post {
		font-size: 15px !important;
	}

	.dentists_passion .dentists_passion_left {
		margin-left: calc(-1 * (100vw - 940px) / 2) !important;
	}

	.company_logo {
		bottom: 30px;
	}

	.faq_container .elementor-accordion-item {
		padding: 14px 28px;
	}

	.faq_container .elementor-accordion-icon, 
	.faq_container .elementor-accordion-icon svg {
		width: 36px !important;
		height: 36px !important;
	}
	
	.faq_container .elementor-accordion .elementor-tab-title {
    color: #000;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    padding: 0px !important
}

	/* 	=*=*=*= */

	.gap_36 > .elementor-container {
		gap: 25px;
	}
	.foo_menu.elementor-inner-column {
		width: 40% !important;
	}
	.foo_map.elementor-inner-column {
		width: 40% !important;
	}
	body .contact-form .gform_body input[type=text], 
	body .contact-form .gform_body input[type=email], 
	body .contact-form .gform_body input[type=tel],
	body .contact-form .gform_body input[type=number], body select, 
	body .contact-form textarea { 
		padding: 12px 20px !important;
	}
	.contact-form .gform_button {
		font-size: 18px !important;
	}
	body .contact-form .gform_wrapper form .gform_body ul li.gfield textarea{
		height:180px !important;
	}
	body .contact-form .gform_wrapper form .gform_body ul li.gfield {
		margin: 0px 0px 20px !important;
	}
	.contact-form .gform_footer input[type=submit] {
		padding: 9px 50px !important;
		font-size: 20px !important;
	}
	.services-wrapper {

		column-gap: 40px;
		row-gap: 40px;
	}
	.service-text .service-title {
		font-size: 22px;

	}
	.service-text p{
		font-size:18px !important;
	}
	.service-button-wrapper,.service-box .service-content {
		padding-top: 30px;
	}
	.services-wrapper {
		column-gap: 30px;
		row-gap: 30px;
	}
	.services-wrapper .service-box{
		padding:30px 40px !important;
	}
	.title-h1{
		font-size:30px !important;
	}
	.title-h2{
		font-size:25px !important;
	}	
	.content-para{
		font-size:18px !important;
		line-height:normal !important;	
	}
	button{
		font-size:18px !important;
	}
	.checklist-text {
		font-size: 18px !important;
	}
	.feedback-body{
		font-size:18px !important;
	}
	.detail-contact > span{
		font-size:18px !important;
	}
	.dashboard-back-btn {
		left: 332px !important;
	}
	.progress-title-h3{
		font-size:22px !important;
		width: 65% !important;
	}
	.overview-card > span{
		font-size:18px !important;
	}
	.equipment-video-grid{
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.manuls-section, .protocols-section {
		min-height: 422px !important;
	}
	video.clinical-video {
		height: 370px !important;
	}
	.onboarding-btn {
        font-size: 16px !important;
        padding: 16px 13px !important;
    }
	.staff-card-title{
		font-size:24px !important;
	}
	.staff-btn{
		padding:15px 30px !important;
	}
	/* 	.staff-cards-row{
	display:flex !important;
} */
	/* 	.staff-role-card{
	width:39% !important;
} */
	.staff-role-card-title{
		width:auto !important;
		font-size: 18px !important;
	}
	.staff-role-card{
		padding:30px !important;
	}
	.clinical-section{
		padding:40px 60px 40px 40px !important; 
	} 

	.staff-role-btn{
		padding:15px 30px !important;
		margin-top:20px !important;	
	}
	.essential-document-heading>span{
		font-size:18px !important;
	}
	.policy-content h2{
		font-size:22px !important;
	}
	.policy-modal-header h2{
		font-size:25px !important;
	}
	.policy-content p{
		font-size:18px !important;
	}
	section.onboarding-section {
		padding: 0 !important;
	}
	section.staff-first-section {
		/*         padding: 30px !important; */
	}
	.equipment-section{
		padding:30px !important;
	}
	.onboarding-content{
		padding:30px !important;
	}
	.staff-welcome-content {
		padding: 60px 20px !important;
	}
	.staff-welcome-description{
		font-size:18px !important;
	}
	.onboarding-document-card-title{
		font-size:22px !important;
	}
	.onboarding-content-box .title-h2{
		font-size:22px !important;
	}	
	.onboarding-content-box .title-h1{
		font-size:28px !important;
	}
	.clinical-cards-videos {

		grid-template-columns: auto auto !important;
		justify-content:center !important;

	}
	.patient-greeting-appointment-protocols{
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.column-card {
		min-height: auto !important;
	}
	
	.column-card .column-divider{
		width: 16% !important;
	}
	.protocol-step > h3 {
		font-size: 24px !important;
	}
	.step-by-step-cleaning-section > h2 {
		font-size: 30px !important;
	}
	.templates-list li, .downloadables-list li{
		margin-bottom:12px !important;
	}
	.templates-downloadables-container{
		grid-template-columns: 1fr !important;
	} 
	.overview-card button{
		padding: 14px 20px !important;
	}
	.schedules-section {
		padding: 50px 60px 50px 40px !important;
	}
	.progress-status-badge{
		padding:5px 12px !important;
	}	
	.training-tracker{
		padding:50px !important;
	}
	.contact-details{
		gap:20px !important;
	}
	.contact-info-card{
		padding:20px !important;
	}	
	.header-contact h2 {
		font-size: 22px !important;
	}
	.detail-contact > span {
		font-size: 17px !important;
	}
	.team-table-header, .team-table-row {
		column-gap: 0px !important;
	}
	.team-table-row {
		font-size: 19px !important;
	}
	.team-overview-title {
		font-size: 32px !important;
	}
	.key-roles-title {
		font-size: 28px !important;
	}
	.team-overview-section {
		padding: 50px 50px 60px !important;
	}
	.key-roles-card {
		padding: 50px !important;
	}
	.staff-header-center{
		max-width: 250px !important;
	}
	.administration-videos-section h2 {
		font-size: 30px !important;
	}
	.maintanace-procedures-section{
		grid-template-columns: repeat(1, 1fr) !important;
	}	
	.staff-account-wrapper .heading-section {
		padding: 30px !important;
	}	
	.heading-section h1 {
		font-size: 30px !important;
	}
	.heading-section p{
		font-size:20px !important;
	}
	.heading-section h1 {
		padding-bottom: 10px !important;
	}
	.staff-account-wrapper .notification-toggle {
		padding: 25px !important;
	}
	.notification-toggle span.heading{
		font-size: 26px !important;
	}
	.toggle-switch span {
		padding: 7px 15px !important;
	}
	.profile-info {
		gap: 20px !important;
	}
	.account-section{
		flex-direction:column !important;
	}
	.profile-card-wrapper,.certificates-card{
		width:auto !important;
	}
	
	/* Password Reset Page */
	.um-page-password-reset input[type=submit].um-button, .um input[type=submit].um-button:focus {
    	background: #77cab4 !important;
    	font-size: 20px !important;
    	padding: 15px 20px 15px 20px !important;
    	font-weight: 600 !important;
    	font-family: "Proxima Nova", Sans-serif !important;
	}
	
	.um-field-error {
    	margin: 12px 15px 0 15px !important;
    	font-family: "Proxima Nova", Sans-serif !important;
    	padding: 12px !important;
	}
	
	/* Check 1025px and add css here */
}
@media only screen and (max-width: 1066px){
	.progress-card-header{
		flex-direction:column !important;
		align-items:start !important;
	}
	.progress-title-h3{
		width:auto !important;		
	}
	.badge-error{
		margin-left:0px !important;
		margin-top:10px !important;
		width: fit-content !important;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1030px){
	.dentists_reviews a.carousel-arrow {
		top: calc(100% + -2px) !important;
	}
}

@media only screen and (max-width: 1024px) {
	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0 30px;
	}
	/* Targeting page with ID 751 */
	.page-id-751 .inner-contener > .elementor-container,
	.page-id-751 .elementor > .elementor-section.elementor-section-boxed > .elementor-container {
		padding: 0 !important; 
	}
	.career-see-what-col{
		background-color:#B2C7CB !important;
	}

	

	body {
		padding-top: 82px;
	}

	.contact_us_form .gform_wrapper{
		padding:30px !important;
	}
	/* 	.carrer-bg span.green {
	color: #fff;
} */
	/* Header */

	.header-wrapper .header_menu nav.elementor-nav-menu--dropdown {
		width: 100% !important;
		height: calc(100% - 82px) !important;
		border-top: 1px solid #0000004D;
		padding: 30px;
		overflow: auto;
		margin: 0 !important;
		position: fixed !important;
		top: initial !important;
		left: 0% !important;
		bottom: 0;
		transition: all 0.3s;	
	}

	.menu-box > .elementor-widget-wrap {
		flex-wrap: nowrap;
	}

	.header_menu ul.elementor-nav-menu li.menu-item {
		margin-left: 0;
		margin-bottom: 0px;
	}

	.header_menu .elementor-menu-toggle {
		outline: none;
	}

	/* Home Page */

	.hero_banner_col {
		max-width: 560px;
	}

	.dental_expertise_box .elementor-icon-box-icon {
		margin-top: 5px;
	}

	.feature_cards_wrapper > .elementor-widget-wrap {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 16px;
		row-gap: 16px;
	}

	.meet_staff_container > .elementor-container {
		grid-template-columns: repeat(1, 1fr);
	}

	.dentists_passion .dentists_passion_left {
		margin-left: 0 !important;
	}

	.get_in_touch .get_in_touch_left {
		max-width: 480px;
		margin: 0 auto;
	}

	.company_logo {
		bottom: 5px;
	}

	.faq_container .elementor-accordion-icon, 
	.faq_container .elementor-accordion-icon svg {
		width: 32px !important;
		height: 32px !important;
	}
	
	.faq_container .elementor-accordion .elementor-tab-title {
    color: #000;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    padding: 0px !important
}
	
	.feature_card{
		height:-webkit-fill-available !important;
	}
	.feature_card .elementor-widget-container{
		height:-webkit-fill-available !important;
	}
	/* =*=*=*= */

	body .contact-form .gform_wrapper form .gform_body ul li.gfield {
		padding: 0 15px !important;
		margin: 0 0px 15px !important;
		width: 100% !important;
	}
	/* 	.book_online{
	display:  block !important;
} */
	/* 	.head_menu .elementor-icon-list-items {
	flex-direction: column;
	gap: 6px;
}
	.head_soc .elementor-social-icons-wrapper {
	display: flex !important;
	flex-direction: column;
	gap: 6px !important;
}
	.menu-box .elementor-widget-wrap{
	flex-wrap: nowrap;
}
	.header-wrapper .menu-box {
	width: 60% !important;
}
	.menu-box .elementor-widget-wrap{
	flex-wrap: nowrap;
}
	.menu_bar .elementor-menu-toggle{
	padding: 0px !important;
	margin: 0px !important;
}
	.menu_bar {
	width: 9% !important;
} */
	.menu_sec {
		order: 2 !important;
	}
	/* 	.header-wrapper .menu-box {
	width: auto !important;
} */
	.menu_bar .elementor-menu-toggle{
		padding: 0px !important;
		margin: 0px !important;
		justify-content: flex-end;
	}
	.what-set-inner .elementor-column-gap-default{
		flex-direction:column-reverse !important;
	}
	.services-wrapper {

		column-gap: 25px;
		row-gap: 30px;
	}
	.service-text .service-title {
		font-size: 20px;

	}
	.service-text p{
		font-size:17px !important;
	}
	.service-button-wrapper,.service-box .service-content {
		padding-top: 20px;
	}
	.services-wrapper .service-box{
		padding:20px 30px !important;
	}
	body .contact-form .gform_wrapper form .gform_body ul li.gfield textarea {
		height: 130px !important;
	}
	body .contact-form .gform_body input[type=text],
	body .contact-form .gform_body input[type=email],
	body .contact-form .gform_body input[type=tel],
	body .contact-form .gform_body input[type=number],
	body .contact-form select,
	body .contact-form textarea { 
		padding: 10px 20px !important;
	}
	body .contact-form .gform_wrapper form .gform_body ul li.gfield {
		margin: 0px 0px 18px !important;
	}

	.staff-sidebar {
		max-width: 284px !important;
	}
	.title-h1{
		font-size:28px !important;
	}
	.title-h2{
		font-size:22px !important;
	}	
	/* 	.title-h2{
	font-size:20px !important;
}	 */
	/* 	.content-para{
	font-size:16px !important;
} */
	/* 	button{
	font-size:16px !important;
} */
	/*	.checklist-text {
	font-size: 16px !important;
}
	.feedback-body{
	font-size:16px !important;
} */
	/* 	.detail-contact > span{
	font-size:16px !important;
} */
	.dashboard-back-btn {
		left: 282px !important;
	}
	/* 		.progress-title-h3{
	font-size:20px !important;
} */
	/* 	.overview-card > span{
	font-size:16px !important;
} */
	.equipment-video-grid{
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.manuls-section, .protocols-section {
		min-height: 422px !important;
	}
	video.clinical-video {
		height: 300px !important;
	}
	.templates-downloadables-container{
		grid-template-columns: 1fr !important;
	}
	.column-card {
		min-height: auto !important;
	}
	.maintanace-procedures-section{
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.script-handler-section {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.script-card {
		min-height: auto !important;
	}
	.onboarding-hero{
		flex-wrap:wrap !important;
	}
	.manauls-protocols-section{
		display:block !important;
	}
	.manuls-section, .protocols-section {
		margin-top: 32px;
		min-height: auto !important;
	}
	.templates-list, .downloadables-list li{
		line-height:1 !important;
	}
	.staff-card-title{
		font-size:22px !important;
	}
	.font-content ul li{
		line-height:1 !important;
	}
	.protocol-steps-description ul li{
		line-height:1.6 !important;
	}
	.procedure-card ul li{
		line-height:1.6 !important;
	}
	.onboarding-document-card ul li{
		line-height:1.6 !important;
	}
	.policy-content h2{
		font-size:20px !important;
	}
	.clinical-cards-videos{
		grid-template-columns: 1fr !important;
	}
	.script-card{
		padding: 30px 25px !important;
	}
	.schedules-section {
		padding:30px !important;
	}
	.schedules-description {
		margin-bottom: 0px !important;
	}
	.team-overview-title {
		font-size: 28px !important;
	}
	.team-overview-section {
		padding: 25px !important;
	}
	.team-overview-description, .key-roles-description {
		font-size: 18px !important;
	}
	.key-roles-card {
		padding: 25px !important;
	}
	.key-roles-title {
		font-size: 24px !important;
	}
	.administration-videos-section h2 {
		font-size: 26px !important;
	}
		.leave-req-form .gform_wrapper.gravity-theme .gfield textarea.large{
		height:150px !important;
		
	}



	/* 	section:first-of-type{
	padding:50px !important;
} */

	.staff-role-section{
		padding:50px !important;
	}

	.protocol-content p{
		line-height:1 !important;
	}
	.clinical-map{
		padding-right:0 !important;
	}
	.shift-roster-table th, .shift-roster-table td {
		padding: 10px !important;
		overflow-x:auto !important;
	}
	.shift-details-row {
		font-size: 20px !important;
	}
	.staff-welcome-content {
		padding: 50px 20px !important;
	}
	.steri-description{
		padding-right:0px !important;
	}
	.onboarding-btn {
		padding: 16px 20px !important;
	}
	.step-by-step-cleaning-section > h2 {
		font-size: 26px !important;
	}
	.title-h1 {
		font-size: 26px !important;
	}
	.protocol-step {

		padding: 25px !important;

	}
	.download-link{
		font-size: 14px !important;
	}
	.equipment-description{
		margin: 10px 0 0px !important;
		padding-right:0px !important;		
	}
	.procedure-divider{
		margin:0px !important;
	}
	.equipment-video-tutorials .content-para {
		font-size: 18px !important;
	}
	.overview-card button {
		padding: 14px 10px !important;
	}
	.cards {
		padding: 25px !important;
	}
	.staff-header-center {
		max-width: 200px !important;
	}
	.staff-header-left .staff-logo img {
		height: 50px !important;
	}
	.staff-search-input{
		font-size:15px !important;
		padding: 8px 12px 8px 30px !important;
	}
	.logout-desktop{
		padding: 12px 14px !important;
		font-size:15px !important;
	}
	.staff-user-name{
		font-size:16px !important;
	}
	.staff-account-wrapper .heading-section {
		padding: 25px !important;
	}
	.heading-section h1 {
		font-size: 28px !important;
	}
	.notification-toggle span.heading {
		font-size: 24px !important;
	}
	.staff-account-wrapper .notification-toggle {
		padding: 20px !important;
	}
	.profile-info h2 {
		font-size: 24px !important;
	}
	.certificates-card h3{
		font-size: 22px !important;
	}
	.certificates-card .divider {
		margin-bottom: 20px !important;
	}
	.view-docs-btn {
		font-size: 18px !important;
		padding: 14px 25px !important;
	}
	.profile-info p {
		font-size: 18px !important;
	}
	/* 		.staff-account-wrapper {
	margin-top: 100px !important;
} */
	.shift-roster-table>tbody>tr {
		font-size: 16px !important;
	}
	.shift-details-subtitle{
		margin-bottom:12px !important;
	}
	.shift-details-title {
		margin-bottom: 30px !important;
	}
	.staff-sidebar {
		max-width: 250px !important;
	}
	.shift-details-wrapper {
		padding: 25px !important;
	}
	.shift-details-section:nth-child(3) {
		margin-bottom: 30px !important;
	}
	
	.wp-singular .elementor-2873 .elementor-element.elementor-element-ea3a5a3 > .elementor-widget-container {
    	margin: 0px 0px 31px 0px;
    	padding: 0px 0px 0px 0px;
	}
	
	.wp-singular .elementor-2873 .elementor-element.elementor-element-0dba825 > .elementor-element-populated {
        margin: 0px 0px 0px 0px;
        --e-column-margin-right: 0px;
        --e-column-margin-left: 0px;
        padding: 30px 30px 0px 30px;
    }
}
	/* Check 768px and add css here */
}


@media only screen and (max-width: 767px) {
	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0 20px;
	}

	.notfound-content {
		padding: 12vw 0;
	}
	.career-please-text h5{
		font-size:18px !important;
		line-height:123.077% !important;
	}
	.career-form #field_2_13 {
		font-size: 18px !important;
		line-height:123.077% !important;	
	}
	.services-wrapper .service-box,.service-box .service-image img {
		border-radius:10px !important;
	}
	body {
		padding-top: 70px;
	} 
	.contact_us_form .gform_wrapper{
		padding:20px !important;
	}
	.contact-form .gform_legacy_markup_wrapper .contact-form .gform_footer{
		padding:0px !important;
		margin:0px !important;		
	}
	.career-form .gform_footer input[type=submit] {
		padding: 15px 20px !important;
		width: fit-content !important;
		line-height:normal !important;

	}
	.schedules-section {
		padding: 20px !important;
	}
	
	.staff-account-link.icon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    display: none !important;
}
	/* Header */

	.header-wrapper .header_menu nav.elementor-nav-menu--dropdown {
		height: calc(100% - 70px) !important;
		padding: 30px 20px;
	}

	.header_menu ul.elementor-nav-menu li.menu-item {
		margin-bottom: 0px;
	}

	.header_menu ul.elementor-nav-menu li.menu-item:last-child {
		display: block;
		margin-bottom: 0;
	}
	.header_menu .facebook,.instagram,.call{
		display:block !important;
	}

	.menu-call-social-icon{
		display:none !important;
	}	


	.book_online a.elementor-item {
		display: inline-block;
		color: #FFFFFF !important;
		text-transform: capitalize !important;
		background-color: #77CAB4;
		border-radius: 50px !important;
		padding: 10px 20px !important;
	}

	/* Home Page */

	.image_carousel .elementor-image-carousel-wrapper {
		margin: 0 -140px;
	}

	.dental_expertise_box .elementor-icon-box-icon {
		margin-top: 2px;
	}

	.round_btn a.elementor-button {
		width: 70px;
		height: 70px;
	}

	.staff_info h4 {
		font-size: 20px !important;
	}

	.dentists_reviews a.carousel-arrow i::before {
		width: 16px;
		height: 16px;
	}

	.feature_cards_wrapper > .elementor-widget-wrap {
		display: grid;
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.faq_container .elementor-accordion-item {
		padding: 12px 20px;
		border-radius: 12px;
	}

	.faq_container .elementor-accordion-icon, 
	.faq_container .elementor-accordion-icon svg {
		width: 28px !important;
		height: 28px !important;
	}
	.feature_card{
		height:auto !important;
	}
	.feature_card .elementor-widget-container{
		height:auto !important;
	}
	.title-h2{
		font-size:20px !important;
	}	
	section.reception-section {
		padding: 25px !important;
	}
	.team-overview-title {
		font-size: 24px !important;
	}
	.key-roles-title {
		font-size: 20px !important;
	}
	.key-roles-card,.team-overview-section {
		padding: 20px !important;
	}
	.administration-videos-section h2 {
		font-size: 20px !important;
	}
	.video-title{
		font-size:18px !important;
	}
	/* =*=*=*=* */

	.slick-dots li button {
		width: 10px;
		height: 10px;
	}
	ul.slick-dots {
		gap: 5px;
	}
	.contact-form .gform_button{
		padding: 12px 48px !important;
		width: fit-content !important;
	}
	/* 	.header-wrapper .logo-box {
	width: 100% !important; 
}
	.menu_bar {
	width: auto !important;
} */
	/* 	.header-wrapper .menu-box {
	width: 100% !important;
} */
	/* 	.header-wrapper .menu-box {
	width: 50%!important;
}
	.header-wrapper .logo-box {
	width: 50%!important; 
}
	.header-wrapper .menu_bar nav.elementor-nav-menu--dropdown { 
	height: calc(100% - 147px) !important; 
} */

	.foo_map.elementor-inner-column {
		width: 100% !important;
	}
	.foo_menu.elementor-inner-column {
		width: 100% !important;
	}
	.contact-form .gform_button {
		padding: 10px 20px !important;
		line-height: 120% !important;
		font-size: 16px !important;
	}
	body .contact-form .gform_body input[type=text],
	body .contact-form .gform_body input[type=email],
	body .contact-form .gform_body input[type=tel], 
	body .contact-form .gform_body input[type=number],
	body .contact-form select,
	body .contact-form textarea {
		padding: 10px 18px !important;
		font-size: 16px !important;
	}
	body .contact-form .gform_wrapper form .gform_body ul li.gfield#field_2_13 {
		font-size: 18px;
	}
	.services-wrapper {

		column-gap: 20px;
		row-gap: 20px;
	}
	.service-text .service-title {
		font-size: 20px;

	}
	.service-text p{
		font-size:17px !important;
	}
	.service-button-wrapper,.service-box .service-content {
		padding-top: 20px;
	}
	.services-wrapper .service-box{
		padding:25px !important;
	}
	body .contact-form .gform_wrapper form .gform_body ul li.gfield {
		margin: 0px 0px 21px !important;
	}
	body .contact-form .gform_wrapper form .gform_body ul li.gfield textarea {
		height: 100px !important;
	}
	.faq_container .elementor-tab-title[aria-expanded="true"] .elementor-accordion-icon.elementor-accordion-icon-right svg {
		margin-top: 0px !important;
	}
	.dashboard-back-btn{
		left:0 !important;
	}
	.staff-main{
		width: 100%;
		max-width: 100%;
		overflow-x:hidden;
		box-sizing:border-box;
	}


	.onboarding-hero-right a, .onboarding-hero-right button{
		margin-top:50px !important;
	}
	.staff-main {
		padding: 20px !important;
	}
	.onboarding-document-card{
		min-height:auto !important;
		padding:20px !important;
	}
	.gform_footer input[type=submit]
	{
		margin-bottom:20px !important;
	}
	.shift-card{
		overflow-x:auto;
	}
	.shift-card{
		text-align:center;
	}
	.shift-card-header{
		gap:20px !important;
	}
	button.dashboard-back-btn{
		padding-left:30px !important;
	}

	.hamburger { display: block; font-size: 28px; }

	/* 	    .menu-toggle {
	display: block;
} */
	.staff-header-left .staff-logo img {
		height: 50px !important;
	}
	.staff-toggle-btn{
		display:block !important;
	}
	.staff-menu-item a {
		font-size: 18px !important;
	}

	/* 	    section.staff-first-section {
	padding: 20px !important;
} */
	.onboarding-content {
		padding: 20px !important;
	}
	.mobile-only-logout {
		display: block !important;
	}
	.logout-desktop {
		display: none !important;
	}
	.staff-welcome-content {
		padding: 30px 20px !important;
	}
	.staff-card-title {
		font-size: 20px !important;
	}
	.title-h1 {
		font-size: 24px !important;
	}
	.clinical-section {
		padding: 40px 20px 40px 20px !important;
	}
	.clinical-video-title {
		font-size: 18px !important;
	}
	.protocols-section .title-h2{
		font-size:20px !important;
	}
	.manuls-section .title-h2{
		font-size:20px !important;
	}
	.sterilization-checklist .title-h2{
		font-size:20px !important;
	}
	.equipment-video-card p{
		margin-bottom: 0px !important;
	}
	/* Show mobile sidebar logout */
	.mobile-logout {
		display: block !important;
	}
	.book_online{
		display:block !important;
	}
	.staff-role-card .title-h2{
		font-size:20px !important;
	}
	.staff-role-section {
		padding: 30px  !important;
	}
	.clinical-maps-heading .title-h2{
		font-size:22px !important;
	}
	.step-by-step-cleaning-section > h2 {
		font-size: 24px !important;
	}
	.protocol-step > h3 {
		font-size: 20px !important;
	}
	.font-content ul li {
		margin-bottom: 6px !important;
	}
	.equipment-section {
		padding: 25px !important;
	}
	.staff-account-link{
		padding:0px !important;
	}

	.staff-user-profile{
		gap:12px !important;
	}
	.heading-section h1 {
		font-size: 24px !important;
	}
	.staff-account-wrapper .heading-section {
		padding: 20px !important;
	}
	.notification-toggle span.heading {
		font-size: 20px !important;
	}
	.toggle-switch span {
		padding: 5px 10px !important;
	}
	.toggle-switch span {
		font-size: 16px !important;
	}
	.profile-card{
		flex-direction:column;
		gap:20px !important;
	}
	.profile-img,.profile-info{
		width:auto !important;
	}
	.profile-img{
		display:flex;
		justify-content:center;
	}

	.profile-card img{
		width:70% !important;

	}

	.profile-info h2 {
		font-size: 20px !important;
	}
	.profile-info {
		gap: 15px !important;
	}
	.certificates-card h3 {
		font-size: 20px !important;
	}
	.certificates-card ul {
		gap: 13px !important;
	}
	.contact{
		margin-right:0px !important;
	}
	/* 	.staff-account-wrapper {
	margin-top: 130px !important;
} */
	.shift-details-section {
		margin-bottom: 20px !important;
	}
	.shift-details-section:nth-child(3) {
		margin-bottom: 20px !important;
	}
	.calendar-wrapper h2{
		font-size:20px !important;
	}
	/* 	.mobile-save .edit-btn{
	display:block;
}
	.desktop-save .edit-btn{
	display:none;
} */

	.desktop-save { display: none !important; }
	.mobile-save { 
		display: block !important;
	}
	.mobile-save .edit-btn{
		float:right;		
	}
	button.dashboard-back-btn{
		top:70px !important;
	}
/* 	.staff-account-wrapper {
    margin-top: 30px;
} */
/* 	.staff-sidebar{
		height:90vh !important;
	} */
	/* 	    .staff-role-card {
	width: 39% !important;
} */

	/* 	   .staff-cards-row .staff-role-card {
	width: 39% !important;
} */
	/* 	input.staff-search-input {
	width: 250px !important;
	margin-right: 20px !important;
} */
	
	.equipment-video-grid {
        grid-template-columns: 1fr !important;
    }
	
	
	/* Check 480px and add css here */
}
@media only screen and (max-width: 740px){
	.staff-header {
		display: flex;
		flex-wrap: wrap;      /* allow second row */
		align-items: center;
		padding: 10px;
		gap: 8px;
		height:100px !important;
	}

	/* Row 1: logo (left) + user (right) sharing one row */
	.staff-header-left {
		order: 1;
		flex: 0 1 auto;       /* takes left side */
	}

	.staff-header-right {
		order: 1;
		flex: 0 0 auto;       /* stays on right */
	}

	/* Row 2: search bar full width under row 1 */
	.staff-header-center {
		order: 1;
		flex: 0 0 100%;       /* full width row */
		margin-top: 4px;
	}

	.staff-header-center input[type="search"],
	.staff-header-center input[type="text"] {
		width: 100%;
		box-sizing: border-box;
	}

	.staff-user-name{
		display:none !important;
	}
	.staff-header-left .staff-logo img {
		height: 50px !important;
	}
	button.dashboard-back-btn{
		/* 		padding-top:40px !important; */
	}
}
@media only screen and (max-width: 650px){

	.services-wrapper {
		display: grid;
		grid-template-columns: repeat(1, 1fr);

	}
	.staff-cards-row{
		flex-direction:column !important;
	}
	.staff-role-card {
		width: auto !important;
	}
	.staff-header-left .staff-logo img {
		height: 50px !important;
	}
	.staff-user-img{
		width:35px !important;
	}
	.staff-menu-item a {
		font-size: 16px !important;
	}
	.staff-user-profile{
		gap:12px !important;
	}
	.staff-toggle-btn{
		padding:9px !important;
	}

}
@media only screen and (max-width: 641px) {
   .leave-req-form .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: normal !important;
        min-height: 0px !important;
    }
}
@media only screen and (max-width: 504px){
	.profile-info .three-cols,
	.profile-info .two-cols{
		gap: 20px !important;
		flex-wrap:wrap;

	}
}

@media only screen and (max-width: 479px) {
	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0 20px;
	}
	.profile-info p {
		font-size: 16px !important;
	}
	.profile-card img {
		width: 100% !important;
	}
	.heading-section p {
		font-size: 18px !important;
	}
	.heading-section h1 {
		font-size: 22px !important;
	}
	.certificates-card ul li{
		font-size:16px !important;
	}

	h1 {
		font-size: 26px !important;
	}

	h2 {
		font-size: 18px !important;
	}
	
	.leave-form-title{
		font-size: 20px !important;
	}

	h3 {
		font-size: 20px !important;
	}

	/* Header */

	.header-wrapper .header_menu nav.elementor-nav-menu--dropdown {
		padding: 30px 15px;
	}

	/* Home Page */

	.company_logo img {
		max-width: 125px !important;
	}
	.meet_staff_img_box .elementor-widget-container img{
		height:350px !important;
		width:100% !important;
	}
	.about-chau-img .elementor-widget-container img{
		width:100% !important;
	}
	.login-img .elementor-widget-container img{
		width:100% !important;
	} 
	/* ==*=*=*=*  */

	.slick-list.draggable {
		padding-bottom: 8px;
	}
	.gform_button {
		padding: 8px 18px !important;
	}
	.head_soc {
		width: 100% !important;
	}
	.head_soc .elementor-widget-container {
		padding-top: 10px !important;
		padding-left: 0px !important;
	}
	.header-wrapper .menu_bar nav.elementor-nav-menu--dropdown {
		height: calc(100% - 165px) !important;
	}

	.footer_iner_one,
	.footer_iner_two {
		padding-inline: 15px !important;
	}
	.ca_forn_sec {
		background-image: linear-gradient(180deg, #B2C7CB 50%, #FFFFFF 44%) !important;
	}
	.carrer-bg span.green {
		color:#77CAB4 !important;
	}
	.faq_container .elementor-tab-content{
		padding:10px 10px 0px 0px !important;
		margin-top: 0px !important;
	}
	
	.faq_container .elementor-accordion-item.active .elementor-tab-content {
    	display: block;
		color: rgba(0, 0, 0, 0.80);
		font-family: "Proxima Nova";
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; /* 144.444% */
	}
	/* 	.title-h2{
	font-size:22px !important;
} */



	/* 	section:first-of-type{
	padding:20px !important;
} */




	.equipment-video-grid{
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.cards {
		padding: 20px !important;
	}
	.step-by-step-cleaning-section{
		padding:20px !important;
	}
	.protocol-step{
		padding:20px !important;
	}
	.font-content ul li {
		font-size: 17px !important;
	}
	.checklist-text{
		line-height:1.4 !important;
	}
	video.clinical-video {
		height: 400px !important;
	}
	.clinical-cards-videos {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.onboarding-content {
		padding: 20px !important;
	}
	.essential-document-section{
		padding: 20px !important;
	}
	.content-para {
		font-size: 17px !important;
		line-height:normal !important;
	}
	.overview-card > span{
		font-size: 16px !important;
	}
	/* 	.equiepment-title-desc {
	padding-left: 20px;
} */
	.staff-btn-schedule, .staff-btn-training-tracker{
		padding: 14px 35px !important;
	}
	.font-content ul li {
		margin-bottom: 7px !important;
	}
	/* 	    .title-h1 {
	font-size: 25px !important;
} */
	.detail-contact > span {
		font-size: 15px !important;
	}
	.staff-card h3::after{
		left:56px !important;
		width:50% !important;
		height:2px !important;
	}
	section.onboarding-section{
		padding:0 !important;
	}


	.staff-header {
		display: flex;
		flex-wrap: nowrap;      /* allow second row */
		align-items: center;
		padding: 10px;
		gap: 10px;
		height:100px !important;
	}

	/* Row 1: logo (left) + user (right) sharing one row */
	.staff-header-left {
		order: 1;
		flex: 0 1 auto;       /* takes left side */
	}

	.staff-header-right {
		order: 1;
		flex: 0 0 auto;       /* stays on right */
	}

	/* Row 2: search bar full width under row 1 */
	.staff-header-center {
		order: 1;
		flex: 0 0 100%;       /* full width row */
		margin-top: 4px;
/* 		display:none !important; */
	}

	.staff-header-center input[type="search"],
	.staff-header-center input[type="text"] {
		width: 100%;
		box-sizing: border-box;
	}

	.staff-user-name{
		display:none !important;
	}
	.staff-header-left .staff-logo img {
		height: 40px !important;
	}
	button.dashboard-back-btn{
		/* 		padding-top:41px !important; */
	}
	.onboarding-btn {
		padding: 10px 12px !important;
		font-size:17px !important;
	}
	.shift-card-header {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 20px;
	}
	
	/* Password Reset Page */
	.um-page-password-reset .um:not(.um-admin) {
    	width: 100%;
    	text-align: left;
    	box-sizing: border-box;
    	color: #666;
    	font-size: 15px;
    	margin-top: 160px !important;
    	padding-bottom: 50px !important;
    	-webkit-font-smoothing: antialiased !important;
    	-moz-osx-font-smoothing: grayscale!important;
	}
	
	.um-page-password-reset input[type=submit].um-button, .um input[type=submit].um-button:focus {
        background: #77cab4 !important;
        font-size: 18px !important;
        padding: 10px 15px 10px 15px !important;
        font-weight: 600 !important;
        font-family: "Proxima Nova", Sans-serif !important;
    }
	
	

	/* Check 375px and add css here */
}
@media only screen and (max-width: 425px) {
	.staff-header-center {
		order: 2;
	}
	.meet_staff_img_box .elementor-widget-container img{
		/* 		height:250px !important; */
	}
	
	.download-list-item {
        flex-direction: column;    /* Stacks title and link vertically */
        align-items: flex-start !important;   /* Aligns them both to the left */
    }

    .download-link {
        margin-left: 0 !important;            /* Removes the side margin on mobile */
        display: block;            /* Makes link behave like a block element */
        width: 100%;               /* Ensures it takes up the full width */
    }

}

@media only screen and (max-width: 374px) {
	.ca_forn_sec {
		background-image: linear-gradient(180deg, #B2C7CB 45%, #FFFFFF 44%) !important;
	}
	/* 	    .equiepment-title-desc {
	padding-left: 10px;
} */
	.manuals-links > ul > li > a, .protocols-links > ul > li > a {
		float: none !important;
		font-size: 16px !important;
	}
	.meet_staff_img_box .elementor-widget-container img{
		height:300px !important;
	}
	.about-chau-img .elementor-widget-container img{
		height:260px !important;
	}
	.download-link{
		float: none !important;
		font-size: 16px !important;
	}
	.staff-header-left .staff-logo img {
		height: 43px !important;
	}
	.staff-user-img {
		width: 30px !important;
	}
	a.logout {
		font-size: 14px;
	}
	.shift-details-wrapper {
		padding: 30px !important;
	}
	.shift-roster-table td:nth-child(3){
		width:350px !important;
	}
	.shift-roster-table td:nth-child(4){
		width:250px !important;
	}
	
	/* Password Reset Page */
	.um-field-block {
    	color: #777;
    	font-size: 18px !important;
    	text-align: start !important;
    	padding: 0px 10px !important;
	}

	/* Check 320px and add css here */
}
@media (min-width: 769px) {
	.search-popup {
		display: block !important;
	}

	/* Disable mobile class styles on desktop */
	.search-popup {
		all: unset !important;
	}
	
/*     .staff-account-page-mode .staff-sidebar,
    .staff-account-page-mode button.dashboard-back-btn {
        display: block !important;
    } */

}

@media (max-width: 767px) {
	.hamburger {
		display: block;
	}
	.staff-toggle-btn{
		order:1;
	}
		section.staff-welcome-section {
	margin-top: 117px !important;
}
			.staff-toggle-btn{
	display:block !important;
}
    .staff-account-page-mode .staff-sidebar,
    .staff-account-page-mode button.dashboard-back-btn {
        display: none !important;
    }


	/* Sidebar hidden by default */
	.staff-sidebar {
		position: fixed;
		top: 0;
		right: -260px;  /* default hidden position */
		width: 260px;
		height: 100%;
		/*     background: linear-gradient(180deg, #8cf5e8 0%, #86e5e8 100%); */
		transition: right 0.3s ease;
		z-index: 9999;
	}

	/* Sidebar open */
	.staff-sidebar.menu-open {
		right: 0;
	}

	/* Optional overlay */
	#sidebar-overlay {
		display: none;
	}

	#sidebar-overlay.active {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.4);
		z-index: 9998;
	}
	.staff-header-center.search-open {
		position: fixed;
		width: 100vw;
		height: 100vh;
		left: 0;
		top: 0;
	}

	.staff-header-center.search-open #ct-dashboard-search {
		background-color: rgba(0, 0, 0, 0.51); /* #00000082 */
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.close-popup{
		display:block !important;
	}
	.search-input-wrapper{
		width:unset !important;
	}
	.staff-user-img{
		width:40px !important;
		height:40px !important;
	}
	.shift-roster-table .roster-row td:nth-child(1) {
		min-width: 70px !important;
	}

	/* Time column */
	.shift-roster-table .roster-row td:nth-child(3) {
		min-width: 100px !important;
	}
	.shift-roster-table .roster-row td:nth-child(4) {
		min-width: 150px !important;
	}
	.staff-account-link.icon::after{
		display:none !important;
	}
	.meet_staff_container > .elementor-container {
		grid-template-columns: 1fr !important;
	}

}
@media only screen and (max-width: 425px){
	td.fc-event-container {
		display: none;
	}
	.staff-header-right{
		margin-left:44px !important;
	}
	
	.feature_cards_wrapper > .elementor-widget-wrap {
    	grid-template-columns: 1fr !important;
  	}
	
	.faq_container .elementor-accordion .elementor-tab-title {
    	color: #000;
    	font-family: "Proxima Nova";
    	font-size: 16px;
    	font-style: normal;
    	font-weight: 600 !important;
    	line-height: normal;
    	padding: 0px !important
	}	
	
	.elementor-tab-title a {
    	color: inherit;
		padding-right: 20px !important;
	}
	
	.manuals-links>ul>li,
    .protocols-links>ul>li,
    .downloadables-list>ul>li {
        flex-direction: column;    /* Stack text and link vertically */
        align-items: flex-start;   /* Align both to the left */
    }

    .manuals-links>ul>li>a,
    .protocols-links>ul>li>a,
    .downloadables-list>ul>li>a {
        padding-left: 0 !important;           /* Reset desktop padding */
        width: 100%;               /* 100% width as requested */
        display: block;            /* Ensures it behaves like a full-width block */
        white-space: normal;       /* Allows link text to wrap if it's very long */
    }
}

@media only screen and (max-width: 375px){
	.staff-header-right{
		margin-left:0px !important;
	}
	    .staff-account-wrapper {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 330px) {
	.staff-header-left .staff-logo img {
		height: 40px !important;
	}
	.staff-user-profile {
		gap: 9px !important;
	}
			    .staff-account-wrapper
 {
        margin-top: unset !important;
    }
	.staff-header-right{
		margin-left:unset !important;
	}
}

@media only screen and (max-width: 600px){
	.meet_staff_container > .elementor-container {
    	flex-direction: column !important;
  	}

  	.meet_staff_box {
    	width: 100% !important;
    	flex: 0 0 100% !important;
  	}
}