@media only screen and (max-width: 991px) {
	.redirect_top_scrolling_desk_mode {
		display: none;
	}
	.redirect_top_scrolling_mode {
		position: fixed;
		bottom: 10px;
		right: 10px;
		top: auto;
		z-index: 10;
	}
	.redirect_top_scrolling_res_mode {
		width: 30px;
		height: 30px;
		background: #0009;
		border: 1px solid #fff;
		-moz-box-shadow: 0 0 1px rgba(247,247,247,.4);
		-webkit-box-shadow: 0 0 1px rgba(247, 247, 247, .4);
		box-shadow: 0 0 1px rgba(247, 247, 247, .4);
	}
	
	.redirect_top_scrolling_res_mode a {
		height: 100%;
		width: 100%;
		display: block;
	}
	
	.redirect_top_scrolling_res_mode a svg {
		fill: #fff;
		width: 27px;
		height: 27px;
	}
}

@media only screen and (min-width: 992px) {
	.redirect_top_scrolling_res_mode {
		display: none;
	}
	
	.redirect_top_scrolling_mode {
		position: fixed;
		bottom: 100px;
		right: 0;
		top: auto;
		z-index: 10;
	}

	.redirect_top_scrolling_mode p {
		background-color: #82a8de;
		font-size: 16px;
		color: #fff;
		width: 75px;
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 700;
		border: 1px solid #fff;
		margin-bottom: 0;
	}
	.redirect_top_scrolling_mode p.redirect_top_scrolling_desk_mode:hover {
		background: #9ec0ef;
	}
	.redirect_top_scrolling_mode p a {
		color: #fff;
		text-transform: uppercase;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}



/*===============================================
= Header CSS
===============================================*/
 

nav#site-navigation {
	position: sticky;
	width: 100%;
	top: 0;
	background-color: #fff !important;
	box-shadow: rgba(0, 0, 0, .25) 0 3px 11px 0 !important;
	-moz-box-shadow: rgba(0,0,0,.25) 0 3px 11px 0!important;
	-webkit-box-shadow: rgba(0, 0, 0, .25) 0 3px 11px 0 !important;
	 transition: 1s;
}

.page_scroll_down nav#site-navigation {
    position: fixed;
    transition: 1s;
}

.site_logo.active{

	width: 75% !important;
}
section.top_banner {
	width: 100%;
	margin: auto;
}
.main-nav .menu-item a{
	color:#fff;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	color: #82a8de !important;
}
.main-navigation .main-nav ul li a {
	padding-left: 12px;
	padding-right: 12px;
	line-height: 46px;
	letter-spacing: 0.03em;
}
.header_container{
	max-width: 1855px;
	width: 100%;
	margin: auto;
}
.site_text.d-flex {
	justify-content: space-between;
	width: 100%;
	gap:20px;
	height:85px;
}
.site_logo {
	width: calc(100% - 8px) !important;
	max-width: 288px !important;
	transition: 1s;
}
.site_logo:hover{
	transform: scale(1.06);
	transition: all .2s ease-out !important;
}
.top_banner_col.d-flex {
	gap: 100px;
}
.site_map a, .site_call a{
	font-size: 23px !important;
	font-weight: 700;
	color: #111111;
}

.default-cta {
	font-size: 16px;
	line-height: 1;
	background: #82a8de;
	font-weight: 700 !important;
	color: #ffffff;
	padding: 17px 12px;
	border: 2px solid #82a8de;
	transition: all 0.3s ease-in-out;
	font-weight: 600; 
}
.page-default-cta {
	transition: all .3s ease-in-out;
}
.page-default-cta a.default-cta:hover {
	background: #212E45;
	color: #fff;
}
.default-cta:hover{
	background-color:#9ec0ef;
	color:#fff;
	border: 2px solid #9ec0ef;
}

.top_banner_col.d-flex {
	padding: 10px 25px;
	align-items: center;
}
.site_map {
	margin-top:14px;
}
.site_call {
	margin-top:30px;
}

.page_scroll_down .header-btn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.page_scroll_down .site_call{
	margin-top:20px !important;

}
.page_scroll_down .site_logo img{
	max-width:216px !important;
}
.site_logo a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	transition: 1s;
}
.header-btn{
	margin-top:20px;
	margin-bottom:10px;
	display:flex;
	align-self:center;
}

.header-btn, 
.header-btn a.default-cta {
	max-width: 204px;
	width: 100%;
	text-align: center;
	line-height: 17px;
	font-size: 16px;
}

nav#site-navigation .inside-navigation.grid-container .main-nav ul li a svg {
    width: 10px;
}

.page_scroll_down .site_logo img {
    max-width: 216px !important;
}

.page_scroll_down section.top_banner .top_banner_col .site_text {
    height: auto;
}

.page_scroll_down section.top_banner .site_map {
    line-height: 2;
    margin-top: 0;
	display: flex;
	align-items: center;
}

.page_scroll_down section.top_banner .site_call {
    margin-top: 0 !important;
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	.site_map {
		width: 246px;
	}	
/* 	.top_banner_col.d-flex {
		padding: 10px 0px ;
	}	 */
	.site_call {
		margin-top: 30px;
		width: 170px;
	}
	.header-btn {
		width: 220px;
	}
	.site_map a, .site_call a {
		font-size: 20px !important;
	}
	.top_banner_col.d-flex {
		gap: 20px;
	}
}

@media only screen and (min-width: 1441px) and (max-width: 1680px) {
	.header-btn {
		width: 240px;
	}

}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
	.header-btn {
		width: 350px;
	}

}
.site-header {
	background-color: var(--base-3);
	display: none;
}

@media only screen and (max-width: 1024px) {
	.page_scroll_down .header-btn {
		margin-top: 0 !important;
	}
	.site_call {
		display:none;
	}
	.site_map {
		display:none;
	}	

	.site_text{
		justify-content: end !important;
	}
	.top_banner_col.d-flex {
		gap: 0px;
	}
	div#primary-menu {

		display: none;
	}
	.inside-navigation.grid-container {
		justify-content: space-between;
		width: 100%;
		max-width: 100%;
		flex-wrap: unset;
	}
	span.mobile-menu {
		display: none;
	}

	.header-btn {
		margin-top: 0px; 
		margin-bottom: 0px;
	}
	section.top_banner {
		width: 100%;
		max-width: 100%;
	}
	.top_banner_col.d-flex {
		height: auto;
		padding:0px;

	}
	.top_banner_col.d-flex {
		align-items: center;
		justify-content:space-between
	}
	.header_container {
		margin: unset; 
	}
	body .top_banner_col.d-flex {
		align-items: center;
		padding: 0px !important;
		height: auto;
		justify-content: space-between;
	}
	.header_container {
		width: 100%;
	}

	.site_logo {
		max-width: 250px !important;
	}
	.page_scroll_down .site_logo {
		max-width: 250px !important;
	}
	.top_banner_col .site_text {
		height: 75px;
	}
	
	body.page_scroll_down section.top_banner .site_map,
	body.page_scroll_down section.top_banner .site_call {
		display: none !important;
	}
	
}

@media only screen and (min-width: 576px) and (max-width: 1024px) {
	body .site_logo a {
		justify-content: left !important;
	}
}

@media only screen and (max-width: 600px) {
	.header-btn{
		display:none;
	}
	.site_text.d-flex {
		width: unset; 

	}
	.site_logo img {
		max-width: 250px;
		width: 100%;
	}

}

@media only screen and (max-width: 575px) {
	nav#site-navigation {
		position: sticky;
		width: 100%;
		top: 0px;
		left: 0;
		box-shadow: rgba(0, 0, 0, .25) 0 3px 11px 0 !important;
		-moz-box-shadow: rgba(0,0,0,.25) 0 3px 11px 0!important;
		-webkit-box-shadow: rgba(0, 0, 0, .25) 0 3px 11px 0 !important;
	}

	.mobile_site_call {
		position: absolute;
		left: 0;
		top: 0;
		width: 13.66667%;
		height: 100%;
		background-color: #3b598a;
		display: flex !important;
		align-self: anchor-center;
		align-items: center;
		justify-content: center;
		z-index: 30;
	}

	.mobile_site_call a {
		display: flex;
	}

	.mobile_site_call a svg {
		width: 26px;
		height: 26px;
		display: block;
		fill: #fff;
	}
	.main-navigation .inside-navigation.grid-container button.menu-toggle {
		padding-right: 15px;
	}
	.main-navigation .inside-navigation.grid-container .site_logo {
		padding-left: 16.66667%;
		max-width: fit-content !important;
	}
	.top_banner_col {
		justify-content: center !important;
	}
}

.site_logo a img {
    width: 100%;
    max-width: 100%;
	transition: 1s;
}

@media only screen and (min-width: 1025px) {
	.site_logo {
		margin-left: -7px;
		height: fit-content;
		margin-top: -7px;
	}

	.top_banner_col  .site_map {
		margin-left: -2.3px;
		max-width: fit-content;
        width: 100%;
	}

	.top_banner_col  .site_call {
		margin-left: 0;
		max-width: fit-content;
		width: 100%;
	}

	.top_banner_col  .header-btn {
		margin-right: 10px;
		justify-content: center;
		width: 100%;
	}
	.top_banner_col .header-btn a.default-cta.blue-color {
		max-width: 100%;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	
/* 	.top_banner_col  .site_call {
		margin-left: 20px !important;
	} */
}

ul#menu-main-header {
	width: 90%;
	max-width: 100%;
	margin: auto;
}


.inside-navigation.grid-container {
	width: 100%;
	max-width: 100%;
	padding: 0 !important;
}
div#primary-menu {
	width: 100%;
	background-color: #3b598a;
}

.gp-icon svg {
	height: 22px;
	width: 22px;
	top: 6px;
	position: relative;
	fill: currentColor;
	transition: transform .3s ease-out;
}

button.menu-toggle{
	line-height: normal;
}

.menu-item-has-children .dropdown-menu-toggle {
    padding-right: 12px !important;
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.inside-navigation.grid-container {  
		padding: 15px 40px 15px 40px !important;
	}		
}

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

	.inside-navigation.grid-container {
		padding: 10px 20px !important;
	}
}

.slideout-navigation .grid-container{
	flex-wrap: wrap !important;

}
aside#media_image-2 {
	order: 1;
}
.slideout_navigation_h5_txt {
    order: 2;
}
.slideout-navigation  .main-nav {
	order: 3;
}

.slideout-navigation .grid-container{
	padding:0px !important;
}
button.slideout-exit.has-svg-icon {
	text-align: end;
}

.referring_doctors_list ul {
	width: 270px !important;
}

.pay_online_list ul {
	width: 135px !important;
}

.patient_information_list ul {
    width: 200px !important;
}

.dental_implants_list ul {
    width: 250px !important;
}

.surgical_procedures_list ul {
    width: 240px !important;
}

.surgical_instructions_list ul {
    width: 240px !important;
}

.main-navigation .main-nav ul ul li.current_page_item {
    background-color: #c7d6e8 !important;
}

.main-navigation .main-nav ul ul li.current_page_item a {
    color: #3b598a !important;
}

@media only screen and (max-width: 575px) {
	body .top_banner_col.d-flex {
		height: 62px;
	}
	.site_logo img {
		max-width: 193px;
		width:fit-content; 
		height: 50px;
	}
	.inside-navigation.grid-container {
		padding: 0px 0px !important; 
	}
	.site_logo {
		width:fit-content !important;
		max-width: unset !important;
	}
}


@media only screen and (min-width: 1025px) {
	.main-navigation ul ul {
		width: 210px;
		background-color: #faf9f9;
	}
	
	.main-navigation .main-nav ul ul li:not(:last-child) {
		border-bottom: 1px solid #ececec !important;
	}
	
	.main-navigation .main-nav ul ul li a {
		color: #1f1f1f !important;		
		padding: 15px 30px 15px 15px;
		line-height: 1.6;
		font-size: 15px;
	}
	
	body .main-navigation .main-nav ul ul li a:hover {
		background-color: #c7d6e8 !important;
		color: #3b598a !important;
	}

	.main-navigation .main-nav ul li a:hover svg {
		transform: rotate(180deg);
	}
}


@media only screen and (min-width: 1025px) and (max-width: 1349px) {
	.main-nav ul#menu-main-header {
		width: 100%;
		padding: 0 25px;
	}
	.main-navigation .main-nav ul li a {
		padding-left: 8px;
	}
	.menu-item-has-children .dropdown-menu-toggle {
		padding-right: 8px !important;
		padding-left: 8px !important;
	}
}

@media only screen and (min-width: 1281px) and (max-width: 1320px) {
/* 	.top_banner_col .site_call {
        margin-left: 30vh;
	} */
}

@media only screen and (min-width: 1031px) and (max-width: 1193px) {
	.surgical_instructions_list ul {
		width: 206px !important;
	}
}

@media only screen and (min-width: 1194px) and (max-width: 1306px) {
	.referring_doctors_list ul {
		width: 185px !important;
	}
}

@media only screen and (min-width: 1350px) and (max-width: 1535px) {
	.main-nav ul#menu-main-header {
		width: 100%;
	}
	.main-navigation .main-nav ul li a {
		padding-left: 8px;
	}
	.menu-item-has-children .dropdown-menu-toggle {
		padding-right: 8px !important;
		padding-left: 8px !important;
	}
}

@media only screen and (min-width: 1601px) {
	.top_banner_col .site_call {
		margin-left: 40vh;
	}
}

/*===============================================
= Header CSS End
===============================================*/

/*===============================================
= Footer CSS
===============================================*/

.site-footer {
	border-top: 1px solid #ececec;
}

.inside-footer-widgets .widget_nav_menu ,.inside-footer-widgets .widget_custom_html{
	padding:0px !important;
}

.inside-footer-widgets .widget_nav_menu ul ,.inside-footer-widgets .widget_custom_html ul {
	padding:0px !important;
}

.footer-widgets-container {
	max-width: 1200px;
	width: 100%;
	margin: auto;
	padding: 0px 40px !important;
}
.inside-footer-widgets {
	flex-wrap: wrap;
	justify-content:space-between;
	gap: 40px 0;
}
.footer-widget-5 {
	max-width: 260px;
	width: 100%;
}
.footer-widget-1 {
	width: 100%;
}
.Social_icon a img {
	width: 23px;
	height: 23px;
}
.Social_icon a {
	width: 43px;
	height: 43px;
	background-color: #3b598a;
	display: flex;
	border-radius: 50px;
	align-items: center;
	justify-content: center;
}
.Social_icon {
	display: flex;
	justify-content: space-evenly;
}
.Social_icon a img {
	filter: invert(110);
}
.Social_icon a:first-child img {
	width: 30px;
	height: 30px;
}
.footer-widget-2  {
	max-width:280px;
	width:100%
}
.footer-widget-3 ,.footer-widget-4 {
	max-width:260px;
	width:100%
}

.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-2 aside.widget_custom_html,
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-3 aside.widget_custom_html {
    margin-bottom: 0;
}

.inside-footer-widgets>div {
	flex:unset !important;
}
.footer_icon {
	max-width: 250px;
	width: 100%;
	margin: auto;
}
.footer-widget-1{
	padding: 40px 40px 10px !important;
}
.Social_icon {
	margin-top: 20px;
}
.widget_nav_menu a ,.Hours_list ul li ,.Contact_url a {
	color: #1f1f1f;
	font-weight:400;
	margin:0 !important;
	padding:8px 0 !important;
	display: block;
}	

.widget_nav_menu a:hover,.Contact_url a:hover {
	color:#82a8de;
}
.widget-title ,.fotter_heading h5 {
	margin-bottom: 15px !important;
	font-size: 24px;
	line-height: 1.5;
	font-weight: 600;
	text-transform: none;
	color:#3b598a;
}
.widget ul li{
	margin:0;
}
.Contact_url a:first-child {
	color: #3b598a;
	font-weight: bold;
	line-height:2;
}
.Contact_url a {
	margin: 8px 0px !important;
	display: block;
	padding: 2px 0 !important;
	line-height: 2;
}
.footer_btn .default-btn .default-cta{
	padding: 17px 40px;
}
.footer_btn .default-btn {
	justify-content:left !important;
}

.Hours_list span{
	float: right;
	text-align: right;
	width: 59%;
	display:block
}
.Hours_list {
	padding-right: 15px;
}
.site-footer .footer-widgets-container .inside-footer-widgets {
	margin-left: -0px !important; 
}

.footer-widget-1:after ,.footer-widgets:after {
	content: "";
	background-color: #ececec;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: auto;
	top: auto;
}
.footer-widgets {
	position: relative;
}
.footer_icon {
	padding-bottom: 50px;
}
.footer_logo ,.Social_icon a{
	transition: all .2s ease-out !important;
}
.footer_logo:hover ,.Social_icon a:hover {
	transition: all .2s ease-out !important;
	transform: scale(1.06);
}

.inside-footer-widgets {
	padding-bottom: 40px;
}
@media only screen and (max-width: 575px) {
	.footer-widget-5 {
		max-width: 100% !important;
		width: 100%;
	}
	.Contact_url a:first-child {
		font-size:15px;
	}
	.Contact_url a:nth-child(2){
		max-width: 270px;
		width:100%;
	}
}
@media only screen and (max-width: 768px) {
	.footer-widget-4 {
		max-width: 100%; !important
	}
	.footer-widget-4 {
		order: 4 !important;
	}
	.footer-widget-5{
		order: 5 !important;

	}
	.inside-footer-widgets>div:not(:last-child) {
		margin-bottom:  0px !important;  
	}
	.footer_icon {
		max-width: 210px;
	}
	.Social_icon a {
		width: 33px;
		height: 33px;
	}
	.Social_icon a img {
		width: 20px;
		height: 20px;
	}
	.Social_icon a:first-child img {
		width: 25px;
		height: 25px;
	}
}
@media only screen and (max-width: 991px) {
	.footer-widgets-container {
		padding: 0px 15px !important;
	}
	.inside-site-info {
		padding: 30px 15px 15px !important;
	}
	
	.footer_payment_blk {
		padding: 40px 15px !important;
	}
}
@media only screen and (max-width: 1044px){
	.footer-widget-4 {
		order: 5;
	}
	.Hours_list {
		padding-right: 0px ;
	}
}
@media only screen and (min-width: 1045px) and (max-width: 1200px) {
	.footer-widget-2 ,.footer-widget-3 {
		max-width: 200px;
	}

}
.footer_payment_blk {
	max-width: 1200px;
	width: 100%;
	margin: auto;
	padding: 40px 40px  ;
}
.footer_payment_txt.mb-3 {
	text-align: center;
	font-weight: bold;
}
.footer_card{
	display:flex;
	justify-content: center;
	gap:20px 40px;
	flex-wrap:wrap;
}

.card_1,.card_2,.card_3,.card_4,.card_5 {
	width: 55px;
	height: 55px;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.footer_card {
		gap: 20px;
	}
}

.inside-site-info {
	background-color: #3b598a;
	color: #fff;
	font-size:11px;
}
.copy_right_down a {
	color: #fff;
}
.copy_right_down a:hover {
	color: #82a8de;
}
.copy_right_down {
	justify-content: center;
	margin-top: 8px;
	gap: 15px 30px;
	display: flex;
	flex-wrap: wrap;	
}
.inside-site-info {
	padding: 31px 40px;
}
.main-nav ul li a {
	color: #fff !important;
	font-size: 15px;
	font-weight: 400;
}

@media only screen and (max-width: 991px) {
	.copy_right_down {
		gap: 0 30px;
	}
	.copy_right_down a {
		padding: 6px 0;
		font-size: 12px;
		width: 100%;
	}
	.Web_copy_right p {
		font-size: 13px;
	}
}

/*===============================================
= Footer CSS End
===============================================*/

/*===============================================
= Mobile Menu Responsive CSS Start
===============================================*/

@media only screen and (max-width: 767px) {
	.slideout_navigation_h5_txt h5,
	.slideout_office_information_content_blk h5 {
		font-size: 20px;
	}
}

@media only screen and (max-width: 1024px) {
	#generate-slideout-menu .slideout-menu li a {
		padding: 0;
		letter-spacing: 0.03em;
		line-height: 1.6;
		font-weight: 400 !important;
		color: #272a2f !important; 
		font-size: 16px;
	}

	nav#generate-slideout-menu.slideout-navigation .grid-container .main-nav {
		margin-bottom: 20px;
		padding: 0 20px;
	}

	#generate-slideout-menu .slideout-menu li a {
		padding: 10px 0 10px 10px !important;
		border-top: 1px solid #ececec;
	}
	
	#generate-slideout-menu .slideout-menu > li:first-child a {
		border-top: 0 !important;
	}

	#generate-slideout-menu .slideout-menu > li:last-child {
		border-bottom: 1px solid #ececec;
	}
	
	#generate-slideout-menu .slideout-menu li.current_page_item a,
	#generate-slideout-menu .slideout-menu li > a:hover {
		background-color: #c7d6e8 !important;
	}
 
	#generate-slideout-menu .slideout-menu li.current_page_item a, 
	#generate-slideout-menu .slideout-menu li > a:hover {
		color: #3b598a !important;
	}
	
	#generate-slideout-menu .slideout-menu li ul li a:hover {
		background: transparent !important;
		color: #82a8de !important;
	}

	.slideout_navigation_h5_txt {
		padding: 0 20px;
		margin: 0 0 8px;
		text-align: center;
		width: 100%;
	}
	
	.slideout_navigation_h5_txt h5,
	.slideout_office_information_content_blk h5 {
		color: #1f1f1f;
		font-size: 24px;
		font-weight: 600;
	}
	.slideout_office_information_blk {
		order: 4;
		padding: 0 20px 60px;
		text-align: center;
	}
	.slideout_office_information_blk .slideout_office_information_content_blk h5 {
		padding: 2px 0;
		line-height: normal;
	}
	.slideout_office_information_blk .slideout_office_information_content_blk a {
		font-weight: 400;
		margin: 8px 0;
		color: #1f1f1f;
		padding: 2px 0;
	}
	.slideout_office_information_blk .slideout_office_information_content_blk a br {
		display: block !important;
	}
	.slideout_office_information_blk .Social_icon {
		gap: 10px;
		max-width: fit-content;
		margin: auto;
		margin-top: 20px;
	}
	.slideout_office_information_blk .default-btn a {
		max-width: 100% !important;
		width: 100%;
		color: #fff;
	}
	nav#generate-slideout-menu.slideout-navigation .grid-container button.slideout-exit.has-svg-icon {
		text-align: right;
		padding-bottom: 0;
		width: fit-content;
		margin: auto 0 auto auto;
	}
	
	#generate-slideout-menu .slideout-menu li ul {
		background-color: transparent !important;
		box-shadow: none;
		border: none;
	}
	
	#generate-slideout-menu .slideout-menu li ul li a {
		border: none;
		padding: 5px 12px !important;
	}
}
/*===============================================
= Mobile Menu Responsive CSS End
===============================================*/