/*
    Theme Name: New Thein Design
    Description: Custom Design for IDW
    Author: Infinity Dental Web
    Author URI: http://www.infinitydentalweb.com/
    Version: 2.0.1

	Tags:

	Template: genesis
	Template Version: 2.0.1

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
	normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

figcaption {
    padding-bottom: 10px;
}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Float Clearing
--------------------------------------------- */

.archive-pagination:before,
.clearfix:before,
.entry:before,
.entry-pagination:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
    content: " ";
    display: table;
}

.archive-pagination:after,
.clearfix:after,
.entry:after,
.entry-pagination:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
    clear: both;
    content: " ";
    display: table;
}

/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
    font-size: 62.5%;
    /* 10px browser default */
    overflow-x: hidden;
}

body {
    background-color: #fff;
    color: #404040;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.625;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

::-moz-selection {
    background-color: #333;
    color: #fff;
}

::selection {
    background-color: #333;
    color: #fff;
}

a {
    text-decoration: none;
    font-weight: 300;
}

a img {
    margin-bottom: -4px;
    margin-bottom: -0.4rem;
}

a:hover {
    color: #81a192;
}

p {
    margin: 0 0 24px;
    margin: 0 0 2.4rem;
    padding: 0;
}

strong {
    font-weight: 600;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

blockquote,
blockquote::before {
    color: #999;
}

blockquote {
    margin: 40px 40px 24px;
    margin: 4rem 4rem 2.4rem;
}

blockquote::before {
    content: "\201C";
    display: block;
    font-size: 30px;
    font-size: 3rem;
    height: 0;
    left: -20px;
    position: relative;
    top: -10px;
}

.entry-content code {
    background-color: #333;
    color: #ddd;
}

cite {
    font-style: normal;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 16px;
    margin: 0 0 1.6rem;
}

h1 {
    font-size: 36px;
    font-size: 3.6rem;
}

h2 {
    font-size: 30px;
    font-size: 3rem;
}

h3 {
    font-size: 24px;
    font-size: 2.4rem;
}

h4 {
    font-size: 20px;
    font-size: 2rem;
}

h5 {
    font-size: 18px;
    font-size: 1.8rem;
}

h6 {
    font-size: 16px;
    font-size: 1.6rem;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
    max-width: 100%;
}

img {
    height: auto;
    width: auto;
    /* IE8 */
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 3px #eee inset;
    box-shadow: 1px 1px 3px #eee inset;
    color: #999;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 16px;
    padding: 1.6rem;
    /* width: 100%; */
}

input:focus,
textarea:focus {
    border: 1px solid #999;
    outline: none;
}

::-moz-placeholder {
    color: #999;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #81a192;
    cursor: pointer;
    padding: 16px 24px;
    padding: 1.6rem 2.4rem;
    text-transform: uppercase;
    width: auto;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover {
    background-color: #81a192;
}

.entry-content .button:hover {
    color: #fff;
}

.button {
    border-radius: 0;
    display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
    display: none;
}

#sec4-services-buttons .button {
    color: #5d5d5d;
    font-weight: 600;
    letter-spacing: 2px;
}

#sec4-services-buttons .button:hover {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 1px #cccccc;
    box-shadow: 0 0 10px 1px #cccccc;
}

/* Tables
--------------------------------------------- */

table {
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    width: 100%;
}

tbody {
    border-bottom: 1px solid #ddd;
}

th {
    font-weight: bold;
    text-transform: uppercase;
}

td {
    border-top: 1px solid #ddd;
    padding: 6px 0;
    padding: 0.6rem 10px;
}

/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.outer-wrap {
    margin: 0 auto;
    max-width: 1920px;
}

.site-inner,
.wrap {
    margin: 0 auto;
}

.site-inner {
    clear: both;
    padding-top: 40px;
    padding-top: 4rem;
    max-width: 70%;
}

.home .site-inner {
    max-width: 100%;
    padding: 0;
}

/* Column Widths and Positions
--------------------------------------------- */

/* Content */

.content {
    max-width: 800px;
}

.content-sidebar-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* Primary Sidebar */

.sidebar-primary {
    float: right;
    /*width: 360px;*/
    max-width: 300px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
    float: left;
}

/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
    float: left;
    margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
    width: 48.717948717948715%;
}

.one-third,
.two-sixths {
    width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
    width: 65.81196581196582%;
}

.one-fourth {
    width: 23.076923076923077%;
}

.three-fourths {
    width: 74.35897435897436%;
}

.one-sixth {
    width: 14.52991452991453%;
}

.five-sixths {
    width: 82.90598290598291%;
}

.first {
    clear: both;
    margin-left: 0;
}

/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* WordPress
--------------------------------------------- */

.search-form input[type="submit"] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
}

img.centered,
.aligncenter {
    display: block;
    margin: 0 auto 24px;
    margin: 0 auto 2.4rem;
}

img.alignnone {
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}

.alignleft {
    float: left;
    text-align: left;
}

.alignright {
    float: right;
    text-align: right;
}

img.alignleft,
.wp-caption.alignleft {
    margin: 0 24px 24px 0;
    margin: 0 2.4rem 2.4rem 0;
}

img.alignright,
.wp-caption.alignright {
    margin: 0 0 24px 24px;
    margin: 0 0 2.4rem 2.4rem;
}

.wp-caption-text {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
}

/* Genesis
--------------------------------------------- */

.breadcrumb {
    margin-bottom: 20px;
    margin-bottom: 2rem;
}

.archive-description {
    background-color: #fff;
    margin-bottom: 40px;
    margin-bottom: 4rem;
}

.archive-description {
    padding: 40px 40px 24px;
    padding: 4rem 4rem 2.4rem;
}

/* Titles
--------------------------------------------- */

.entry-title {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1;
    color: #027185;
    font-family: 'Italiana', serif;
}

.entry-title a,
.sidebar .widget-title a {
    color: #333;
}

.entry-title a:hover {
    color: #666;
}

.widget-title {
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    border-bottom: 3px solid #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sidebar .widget-title a {
    border: none;
}

.page-id-21 .sidebar li a,
.single-post .sidebar li a,
.archive.date .sidebar li a,
.archive.category .sidebar li a {
  color: #000000;
}
.page-id-21 .sidebar li a:hover,
.single-post .sidebar li a:hover,
.archive.date .sidebar li a:hover,
.archive.category .sidebar li a:hover {
  color:  #027185;
}

.page-id-21 .widget-wrap,
.single-post .widget-wrap, 
.archive.date .widget-wrap,
.archive.category .widget-wrap {
    margin-bottom: 50px;
}
.archive-title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}

/*
Widgets
---------------------------------------------------------------------------------------------------- */

/* Featured Content
--------------------------------------------- */

.featured-content .entry {
    border-bottom: 2px solid #f5f5f5;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    padding: 0 0 24px;
    padding: 0 0 2.4rem;
}

.featured-content .entry-title {
    border: none;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2;
}

.featured-content .entry-title a {
    border: none;
}

/*
Plugins
---------------------------------------------------------------------------------------------------- */

/* Gravity Forms
--------------------------------------------- */

div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 5px;
    padding: 0.5rem;
}

div.gform_wrapper .ginput_complex label {
    padding: 0;
}

div.gform_wrapper li,
div.gform_wrapper form li {
    margin: 16px 0 0;
    margin: 1.6rem 0 0;
}

div.gform_wrapper .gform_footer input[type="submit"] {
    font-size: 14px;
    font-size: 1.4rem;
}

div.gform_wrapper .gfield_required {
    color: #f15123;
}

/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
    background-color: #fff;
}

.site-header .wrap {
    padding: 0;
}

/* Title Area
--------------------------------------------- */

.title-area {
    float: left;
    font-weight: 700;
    padding: 16px 0;
    padding: 1.6rem 0;
}

.site-title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1;
    margin: 0 0 8px;
    margin: 0 0 0.8rem;
    text-transform: uppercase;
}

.site-title a,
.site-title a:hover {
    color: #333;
}

.site-description {
    color: #999;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 0;
}

#sitelogo img {
    max-height: 125px;
    width: auto;
}

/* Widget Area
--------------------------------------------- */

.widget-area {
    word-wrap: break-word;
}

.site-header .widget-area {
    float: right;
    text-align: right;
    width: 800px;
}

/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
    clear: both;
    line-height: 1.5;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.genesis-nav-menu ul {
    list-style-type: none;
}

.genesis-nav-menu .menu-item,
#menu-main-menu .menu-item {
    display: inline-block;
    text-align: center;
}

.genesis-nav-menu a,
#menu-main-menu a {
    border: none;
    color: #999;
    display: block;
    padding: 10px 15px;
    position: relative;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    color: #333;
}

.genesis-nav-menu .sub-menu .current-menu-item > a {
    color: #999;
}

.genesis-nav-menu > .menu-item > a {
    text-transform: uppercase;
}

.genesis-nav-menu .sub-menu,
#menu-main-menu .sub-menu {
    left: -9999px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    width: 200px;
    z-index: 99;
}

.genesis-nav-menu .sub-menu a,
#menu-main-menu .sub-menu a {
    background-color: #fff;
    border-bottom: solid 3px #fff;
    border-top: none;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.9rem;
    padding: 8px 15px;
    padding: .8rem 1.5rem;
    position: relative;
    width: 200px;
    text-align: left;
}

.genesis-nav-menu .sub-menu .sub-menu {
    margin: -54px 0 0 0;
}

.genesis-nav-menu .menu-item:hover {
    position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu,
#menu-main-menu .menu-item:hover > .sub-menu {
    left: auto;
    opacity: 1;
}

ul#menu-main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#menu-main-menu li a {
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    border-bottom: 3px solid #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#menu-main-menu li a:hover {
    color: #027185;
    border-bottom: solid 3px #027185;
}

#menu-main-menu li a ::-moz-selection {
    color: #027185;
}

#menu-main-menu li a ::selection {
    color: #027185;
}

.genesis-nav-menu .sub-menu .menu-item {
    position: relative;
}

#menu-main-menu ul.sub-menu > ul.sub-menu {
    position: absolute;
    visibility: hidden;
    width: 100%;
}

#menu-main-menu ul.sub-menu li:hover > ul.sub-menu {
    visibility: visible; /* shows the menu when list item is hovered */
    display: block;
    width: 100%;
    position: absolute; /* positions the list items of 3rd level menu */
    top: 0; /* lines up the menu with the list item */
    left: 100%; /* pushes the list item over to the right side */
    margin-top: 1px; /* aligning after borders */
    border-left: 1px solid transparent; /* just add a gap */
}

/* Site Header Navigation
--------------------------------------------- */

.site-header .sub-menu {
    border-top: 1px solid #eee;
}

.site-header .sub-menu .sub-menu {
    margin-top: -55px;
}

/* Primary Navigation
--------------------------------------------- */

.nav-primary {
    /*background-color: #333;*/
}

.nav-primary a:hover,
.nav-primary .current-menu-item > a {
    color: #fff;
}

.nav-primary .sub-menu a:hover {
    color: #333;
}

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
    background-color: #fff;
}

.nav-secondary .genesis-nav-menu {
    display: block;
    margin-top: 16px;
    margin-top: 1.6rem;
}

.nav-secondary .genesis-nav-menu li {
    display: inline-block;
}

.nav-secondary .genesis-nav-menu a {
    color: #959da4;
}

/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Entries
--------------------------------------------- */

.entry {
    margin-bottom: 40px;
    margin-bottom: 4rem;
    padding: 40px 40px 24px;
    padding: 4rem 4rem 2.4rem;
}

.entry-content a {
    color: #5d5d5d;
}

.entry-content a:hover {
    color: #333;
}

.entry-content .attachment a,
.entry-content .gallery a {
    border: none;
}

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
    margin-bottom: 26px;
    margin-bottom: 2.6rem;
}

.entry-content ol,
.entry-content ul {
    margin-left: 40px;
    margin-left: 4rem;
}

ul {
    list-style-type: none;
}

.entry-content ol li {
    list-style-type: decimal;
}

.entry-content ol ol,
.entry-content ul ul {
    margin-bottom: 0;
}

.entry-content .search-form {
    width: 50%;
}

.entry-meta {
    color: #999;
    font-size: 14px;
    font-size: 1.4rem;
}

.entry-meta a {
    border-bottom: 1px solid #ddd;
}

.entry-header .entry-meta {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}

.entry-footer .entry-meta {
    border-top: 2px solid #f5f5f5;
    margin: 0 -40px;
    margin: 0 -4rem;
    padding: 32px 40px 8px;
    padding: 3.2rem 4rem 0.8rem;
}

.entry-comments-link::before {
    content: "\2014";
    margin: 0 6px 0 2px;
    margin: 0 0.6rem 0 0.2rem;
}

.entry-categories,
.entry-tags {
    display: block;
}

/* Pagination
--------------------------------------------- */

.archive-pagination,
.entry-pagination {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 40px 0;
    margin: 4rem 0;
}

.archive-pagination li {
    display: inline;
}

.archive-pagination li a {
    background-color: #333;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 8px 12px;
    padding: 0.8rem 1.2rem;
}

.archive-pagination li a:hover,
.archive-pagination li.active a {
    background-color: #f15123;
}

.entry-pagination a {
    border-bottom: 1px solid #ddd;
}

/*
Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
    color: #999;
    margin-top: 40px;
}

.sidebar p:last-child {
    margin-bottom: 0;
}

.sidebar li {
    list-style-type: none;
    margin-bottom: 6px;
    margin-bottom: 0.6rem;
    word-wrap: break-word;
}

.sidebar ul > li:last-child {
    margin-bottom: 0;
}

/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
    background-color: #333;
    color: #999;
    clear: both;
    padding: 40px 0 16px;
    padding: 4rem 0 1.6rem;
}

.footer-widgets-1,
.footer-widgets-3 {
    width: 350px;
}

.footer-widgets-2 {
    width: 360px;
}

.footer-widgets-1 {
    margin-right: 40px;
    margin-right: 4rem;
}

.footer-widgets-1,
.footer-widgets-2 {
    float: left;
}

.footer-widgets-3 {
    float: right;
}

.footer-widgets a {
    border-bottom: 1px solid #666;
    color: #999;
}

.footer-widgets a:hover {
    color: #ddd;
}

.footer-widgets .widget {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}

.footer-widgets .widget-title {
    color: #fff;
}

.footer-widgets li {
    list-style-type: none;
    margin-bottom: 6px;
    margin-bottom: 0.6rem;
    word-wrap: break-word;
}

.footer-widgets .search-form input:focus {
    border: 1px solid #ddd;
}

/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
    background-color: #fff;
    color: #999;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 40px 0;
    padding: 4rem 0;
    text-align: center;
}

.site-footer p {
    margin-bottom: 0;
}

.fbox-title {
    font-weight: bold;
    color: #027185;
    font-size: 16px;
    font-size: 1.6rem;
}

.fbox-link,
.fbox-social,
.fbox-reviews {
    color: #027185 !important;
    font-weight: bold !important;
}

.fbox-link:hover,
.fbox-social:hover,
.fbox-reviews:hover {
    border-bottom: 1px solid #027185;
}

#footer-box-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    text-align: left;
}

.fbox-social-con,
.fbox-reviews-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/*-----------------------------------IDW CSS-------------------------------------------*/

.hide-for-desktop,
.mobile-only,
.show-for-tablet,
.show-at-1024,
.show-at-900,
.show-at-768,
.show-at-480 {
    display: none;
}

ul.social {
    list-style: none;
    overflow: auto;
}

ul.social li {
    margin: 20px;
    margin: 2rem;
    display: inline-block;
}

#headerContactCon {
    position: fixed;
    right: 0;
    top: 0;
    width: 60%;
    letter-spacing: 3px;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#headerPhoneCon {
    height: 40px;
    background-color: #027185;
}

#headerAddressCon {
    height: 40px;
    margin-left: 260px;
    background-color: #81a192;
}

#newPhone,
#existingPhone,
#headerAddress {
    float: left;
    font-size: 14px;
    color: #ffffff;
    padding: 10px 0 10px 25px;
}

#newPhone,
#headerAddress {
    margin-left: 40px;
}

#newPhone,
#existingPhone {
    text-transform: uppercase;
}

#headerLogo img {
    max-width: 70%;
    height: auto;
}

.headerLogo-text {
    text-transform: uppercase;
    font-size: 12px;
    color: #5d5d5d;
    margin-left: 15px;
}

#headerMenu {
    width: 50%;
    margin-top: 60px;
}

#sec-banner {
    background: url("images/home_hero_large.jpg") no-repeat top center, #ffffff;
    background-size: cover;
    margin: 0 35px 0 35px;
    height: 865px;

}

/* Mobile devices */
@media (max-width: 767px) {
  #sec-banner {
    background-image: none;
    background-color: #ffffff;
  }
}

#banner-conBox {
    width: 37%;
    margin: 140px 0 0 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.banner-conBox-text {
    background: #81a192;
    max-height: 450px;
    width: 650px;
    color: #ffffff;
    text-align: center;
    padding: 35px;
}

#banner-title div {
    text-transform: uppercase;
    font-family: 'Italiana', serif;
    font-size: 50px;
    line-height: 100%;
    font-weight: 100;
}


#banner-text {
    font-size: 17px;
    font-size: 1.7rem;
    font-family: 'Open Sans', sans-serif;
    margin: 20px auto 0 auto;
}

#banner-btnCon {
    width: 350px;
    margin: 25px 0 0 0;
}

.banner-space {
    font-size: 10px;
}

#sideNumsCon {
    position: fixed;
    top: 15%;
    left: 0;
}

.sideNums {
    opacity: 0;
    height: 75px;
    color: #000000;
    font-size: 2.2rem;
    font-weight: 600;
    font-family: 'Times New Roman', serif;
    padding-left: 37px;
    -webkit-transition: all 1000ms;
    -o-transition: all 1000ms;
    transition: all 1000ms;
}

.sideNumLine {
    display: none;
    font-size: 2.2rem;
    -webkit-transition: all 750ms;
    -o-transition: all 750ms;
    transition: all 750ms;
}

.mPS2id-highlight .sideNums {
    height: 125px;
    font-size: 4.5rem;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding-left: 30px;
}

.mPS2id-highlight .sideNumLine {
    display: inline;
    font-size: 4.5rem;
    font-weight: 700;
    padding-right: 15px;
    vertical-align: 5%;
}

.horizNumsCon {
    display: none;
}

.horizNumsCon a {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.horizNums {
    color: #5a5a5a;
}

.horizNumNum {
    height: 75px;
    font-size: 2.2rem;
    font-weight: 600;
    font-family: 'Times New Roman', serif;;
    padding: 0 25px;
}

.horizNumLine {
    height: 75px;
    font-size: 4.5rem;
    font-weight: 700;
    padding-right: 10px;
}

.horizNumHi {
    height: 75px;
    font-size: 4.5rem;
    font-weight: 700;
    font-family: 'Times New Roman', serif;;
    padding: 0 10px;
}

.headerCon.wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 999;
    height: 160px;
}

#sec2-specialArea {
    position: relative;
}

.sec2-quote {
    padding: 30px 45px;
    background-color: #fff;
    width: 30%;
    text-align: left;
    height: 300px;
    margin-left: -100px;
    margin-top: 50px;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.sec-2-img {
    text-align: left;
    margin-left: 111px;
}

.slide-header {
    font-family: "Times New Roman", serif;
    font-weight: 300;
}

.sec2-quote-text {
    font-size: 15px;
    font-siee: 1.5rem;
    padding-top: 20px;

}

.sec-btn {
    color: #ffffff;
    background-color: #81a192;
    font-size: 1.8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 2rem 0;
    max-width: 425px;
    text-align: center;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.sec-btn a {
    color: #ffffff;
}

.sec-btn:hover {
    color: #81a192;
    background: #ffffff;
}

#footerMenuCon {
    width: 100%;
    margin-top: 6rem;
    margin-bottom: 8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

#footerMenuCon .colTop {
    font-size: 16px;
    text-align: left;
    line-height: 200%;
    font-weight: bold;
}

#footerMenuCon .colItem {
    font-size: 14px;
    text-align: left;
    line-height: 200%;
}

#idw-footer {
    color: #5a5a5a;
    width: 75%;
    margin: 0 auto;
}

#idw-footer a {
    color: #5a5a5a;
    font-weight: normal;
}

#footerLogo img {
    max-width: 150px;
}

#inner-bannerCon {
    background: url("images/inner-banner-large.jpg") no-repeat center;
    background-size: cover;
    min-height: 250px;
    margin-top: 160px;
}

#inner-banner-tagline {
    font-size: 3.7rem;
    color: #ffffff;
    font-family: 'Italiana', serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    max-width: 600px;
    padding: 5rem 0 0 5rem;
    line-height: 100%;
}

.sidebar-outerBox {
    max-width: 360px;
    padding: 15px;
    background: white;
    margin: auto auto 25px;
}

.sidebar-innerBox {
    border: solid #81a192 2px;
    padding: 15px;
    text-align: center;
    font-family: 'Times New Roman', serif;
    color: #404040;
}

.sidebar-inner {
    max-width: 340px;
    width: 100%;
    margin: auto;
}

#sidebar-sec1 {
    background: #027185 center;
    background-size: cover;
    max-width: 360px;
    max-height: 660px;
    text-align: center;
}

#sidebar-appt-btn {
    font-family: 'open sans', sans-serif;
    text-transform: uppercase;
    border: solid #4396a5 2px;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: 1px;
    padding: 15px 10px;
    max-width: 290px;
    text-align: center;
    line-height: 125%;
    cursor: pointer;
    background-color: #4396a5;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

#sidebar-appt-btn a {
    color: #fff;
}

#sidebar-appt-btn:hover {
    background: #027185;
}

#sec-sidebar-btn {
    font-family: 'open sans', sans-serif;
    padding: 1.5rem 0;
    font-size: 15px;
    font-size: 1.5rem;

}

#sb1-textA img {
    padding-top: 30px;
}

#sb1-btn1 img {
    margin: auto;
}

#sb1-textB {
    padding: 30px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#sb1-textB p {
    color: white;
}

#sb2-textA h2 {
    color: #027185;
    font-size: 3.4rem;
    font-weight: 100;
}

#sb2-textB {
    font-size: 2.1rem;
}

.entry-title {
    text-transform: uppercase;
    font-size: 5rem;
    letter-spacing: 2px;
}

.entry-content li {
    list-style-image: url("images/list_check.png");
}

.entry-content h3 {
    color: #027185;
    text-transform: uppercase;
}

.entry-content a {
    color: #027185;
}

.content_img_sideBySide {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: center;
    padding: 15px 0;
}

.contentHR {
    border: none;
    border-top: 2px solid #d3d3d3;
    width: 100%;
    margin: 2rem auto;
}

#SEOFooterMenu #menu-footermenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

#SEOFooterMenu #menu-footermenu li {
    padding: 0 15px;
}

.wdpu-head {
    text-align: center;
    color: #027185;
    font-family: 'Italiana', serif;
}

.popupOuter {
    width: 100%;
    text-align: center;
}

.popupSideBySide {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: center;
    padding: 15px 0;
}

#popup .popupSideBySide .headShot {
    width: 260px;
    height: 300px;
}

#popup .popupSideBySide .teethShot {
    width: 260px;
    height: 100px;
}

/*
Home Page
---------------------------------------------------------------------------------------------------- */

.home section {
    padding: 70px 0;
    padding: 7rem 0;
}

.home section:nth-child(even) {
    background: #F5F7FA;
}

.secCon {
    width: 60% !important;
}

/* About
 ------------------------------------------------------------ */

#sec-1 {
    background: url("images/about_bg_large.jpg") no-repeat;
    background-size: cover;
    margin: 35px 0;
}

#sec1-headerCon {
    width: 100%;
    line-height: normal;
}

#sec1-conBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70%;
    margin: 0 auto;
}

#sec1-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 85%;
    padding-top: 40px;
    margin-bottom: 2.2rem;
}

#sec1-imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

#sec1-imgs img {
    height: 100%;
    width: auto;
    margin: 0 20px;
}

#sec1-imgs #sec1-ABOI img {
    height: 80%;
    width: auto;
}

#sec1-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 80%;
    padding-left: 50px;
    padding-top: 15px;
}

#sec1-textA,
#sec1-textB {
    font-size: 2.2rem;
    line-height: 175%;
    font-family: "Times New Roman", serif;
}

p.home-dr-text {
    font-size: 2.2rem;
    line-height: 175%;
    font-family: "Times New Roman", serif;
    margin-bottom: 2.2rem;
}

#sec1-textA.home-dr-text {
/*     margin-top: -40px; */
}

#sec1-btnCon {
    clear: both;
    text-align: center;
    padding: 2rem 3rem;
    margin: 5rem 0;
    min-width: 300px;
}

/*
Our Office
---------------------------------------------------------------------------------------------------- */

#sec-2 {
    background: url("images/office_bg.jpg") no-repeat center;
    background-size: cover;

}

#sec2-conBoxA {
    background-color: rgba(226, 234, 241, .9);
    width: 92%;
    margin: 5rem auto;
    padding: 25px;
}

#sec2-conBoxB {
    width: 100%;
    margin: auto;
    border: solid 2px #d2d2d2;
    opacity: 1;
}

#sec2-headerCon {
    width: 100%;
}

#sec2-header {
    display: block;
    margin: 6rem auto auto;
    padding-bottom: 5.5rem;
}

#sec2-specialArea {
    position: relative;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

#sec2-btnCon {
    clear: both;
    margin: 2rem auto;
}

#sec2-btn {
    border: solid #027185 4px;
    color: #027185;
    font-size: 2rem;
    text-transform: uppercase;
    padding: 2.5rem 4rem;
}

#sec2-btn-mobile {
    border: solid #027185 4px;
    color: #027185;
    font-size: 2.2rem;
    text-transform: uppercase;
    padding: 2.5rem 1rem;
}

/*Cosmetic Dentistry
---------------------------------*/

#sec-3 {
    background-size: cover;
    background: url("images/surgeon_bg_large.jpg") no-repeat center;
    margin-top: 35px;
}

#sec-3-one {
    background-size: cover;
    background: url("images/surgeon_bg_large.jpg") no-repeat center;
    margin-top: 35px;
}
#sec3-headerCon {
    width: 100%;
    text-align: center;
}

#sec3-textA {
    max-width: 820px;
    text-align: center;
    font-size: 18px;
    margin: 15px auto;
    font-family: 'Open Sans', sans-serif;
}

#sec3-conBoxB {
    /* background: url("images/surgeon_images_large.png") no-repeat center; */
      background: url("images/dr_thein_clients casestudy.png") no-repeat center;
    padding-top: 285px;
    padding-bottom: 325px;
}

#sec3-conBoxC {
    background-color: #ffffff;
    width: 485px;
    margin: auto;
    padding: 20px;
}

#sec3-conBoxD {
    border: solid 2px #d2d2d2;
    text-align: center;
    width: 100%;
    height: 100%;
}

#sec3-textB {
    font-size: 18px;
    margin: 24px 35px 0 35px;
    font-family: 'Open Sans', sans-serif;
}

#sec3-btnCon {
    clear: both;
    margin: 25px auto;
    width: 70%;
}

/*Our Services ---------------------*/

#sec-4 {
    background-size: cover;
    background: url("images/services_bg.jpg") no-repeat center;
    margin-top: 35px;
}

#sec4-conBoxA {
    background-color: rgba(226, 234, 241, .9);
    width: 92%;
    padding: 25px;
    margin: 5rem auto;
}

#sec4-conBoxB {
    width: 100%;
    margin: auto;
    border: solid 2px #d2d2d2;
    padding: 20px 20px 40px;
}

#sec4-headerCon {
    width: 100%;
}

#sec4-textA {
    font-size: 18px;
    color: #5a5a5a;
    text-align: center;
    max-width: 620px;
    margin: auto auto 1rem;
    font-family: 'Open Sans', sans-serif;
}

#sec4-menu li a {
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 15px 25px;
    margin: 15px 5px;
    font-family: 'Open Sans', sans-serif;
}

#sec4-menu li a:hover {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px #a9a9a9;
    box-shadow: 0 0 20px #a9a9a9;
}

#sec4-specialArea {
    width: 100%;
}

#sec4-services-buttons {
    display: none;
}

div#n2-ss-4 .n2-ss-layer .slide-title {
    font-family: 'Italiana', sans-serif !important;
    text-transform: uppercase !important;
}

p.n2-font-1304-paragraph.n2-ow {
    padding-top: 20px;
    text-align: center !important;
}

p.n2-font-1304-paragraph.n2-ow a {
    text-transform: uppercase !important;
    color: #81a192 !important;
    border-bottom: 1px solid #81a192 !important;
    font-family: 'Open Sans', sans-serif !important;
}

p.n2-font-1304-paragraph.n2-ow a:hover {
    color: rgb(102, 102, 102) !important;
    border-bottom: 1px solid rgb(102, 102, 102) !important;
}

#sec-5 {
    background: url("images/about_bg_large.jpg") no-repeat;
    background-size: cover;
    margin: 35px 0;
}

#sec5-conBox {
    width: 60%;
    margin: 0 auto;
}

#sec-5 .wrap {
    margin-top: 5rem;
}

#sec5-headerCon {
    width: 100%;
}

.sec5-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    padding-top: 20px;
    line-height: 175%;
}

.sec5-text {
    max-width: 60%;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'Open Sans', serif;
    padding: 0 40px;
}

.sec5-img-caption {
    text-align: left;
    padding: 0 0 10px 0;
    width: 100%;
    font-size: 13px;
    line-height: 175%;
}

#sec5-btnCon {
    clear: both;
    margin: 2rem auto 10rem auto;
    max-width: 300px;
}

#sec5-conBox h2 {
    text-transform: uppercase;
    font-family: 'Italiana', serif;
    font-size: 56px;
    line-height: 90%;
    font-weight: 100;
}

.sec5-img {
    max-width: 425px;
}

.sidebar h5 {
    color: #fff;
    font-size: 30px;
    font-family: 'Times New Roman', serif;
    font-weight: 300;
}

.sec-title {
    font-size: 43px;
    text-transform: uppercase;
    font-family: 'Italiana', serif;
    text-align: center;
    letter-spacing: 5px;
    font-weight: 100;
    padding: 15px 0;
}

#sec5-conBox h2 {
    text-align: center;
}

#sec-6 {
    background-size: cover;
    background: url("images/testimonials_bg.jpg") no-repeat center;
    margin-top: 35px;
}

.sec6-specialArea {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.sec6-specialArea iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#sec6-conBoxA {
    background-color: rgba(226, 234, 241, .9);
    width: 92%;
    padding: 25px;
    margin: 5rem auto;
}

#sec6-conBoxB {
    margin: auto;
    border: solid 2px #d2d2d2;
    padding: 20px;
}

#sec6-conBoxB-inner {
    width: 80%;
    margin: 0 auto;
}

#sec6-headerCon {
    width: 100%;
}

.sec6-specialArea {
    height: 100%;
    text-align: center;
}

.sec6-specialAreaMobile {
    display: none;
}

/* Call to Action Section ---------------------------------*/
#sec-CTA {
    margin-top: 35px;
    padding: 0;
}

#sec-CTA .secCTA-SEO {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #ffffff;
    font-weight: normal;
    margin-bottom: -25px;
}

#sec-CTA-first {
    margin-top: 35px;
    padding: 0;
}

#sec-CTA-first .secCTA-SEO {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #ffffff;
    font-weight: normal;
    margin-bottom: -25px;
}
#secCTA-conBoxA {
    background: #027185;
    text-align: center;
    max-width: 1500px;
    padding: 40px 0;
    position: relative;
    z-index: 2;
    margin: auto auto -50px;
}

#secCTA-conBoxA h1,
#secCTA-conBoxA .secCTA-conBoxA-text {
    color: #fff;
    font-family: 'Times New Roman', serif;
    font-weight: 300;
    padding: 20px;
    width: 100%;
    margin: 0 auto;
}

.secCTA-conBoxA-text {
    font-size: 30px;
}

#secCTA-conBoxB {
    height: 500px;
    background: url("images/BDC-map-large.jpg") no-repeat top center;
    background-size: cover;
}

#secCTA-btnCon {
    clear: both;
    text-align: center;
    margin: 0 auto;
    color: #027185;
    background-color: #ffffff;
    border: 2px #027185 solid;

}

#secCTA-btnCon:hover {
    background: #027185;
    color: #ffffff;
    border: 2px #ffffff solid;
}

#secCTA-btnCon h1,
#secCTA-btnCon div {
    width: 70%;
    margin: 0 auto;
}

.underline-text {
    text-decoration: underline;
}

#secCTA-btn {
    color: #ffffff;
}

body .popupSideBySide p {
    margin: 0;
}

.smile-gallery-old img {
    max-width: 150px;
}

.style3 {
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
}

.style6 {
    font-family: 'Italiana', serif;
    font-size: 18px;
    font-weight: bold;
}

/*---------------------Smile Gallery Page-----------------------------------------*/

.sg-thumbnail {
    width: 200px;
    height: 265px;
    overflow: hidden;
    margin-bottom: 20px;
}

.sg-thumbnail img {
    width: 200px;
    height: auto;
}

/*---------------------Mobile Menu-----------------------------------------*/
:root {
    --mobile-nav-bar-bg: none;
    --mobile-nav-bar-text: #404040;
    --mobile-menu-bg: #ffffff;
    --mobile-menu-top-level: #027185;
    --mobile-menu-links: #027185;
}

.hamb {
    width: 28px;
    height: 5px;
    background: var(--mobile-nav-bar-text);
    margin-bottom: 3px;
}

svg path {
    fill: #404040;
    fill: var(--mobile-nav-bar-text);
}

#navbar {
    height: 45px;
    width: 100%;
    top: 0;
    left: -100%;
    position: fixed;
    z-index: 9999;
    background: var(--mobile-nav-bar-bg);
    display: none;
}

.toggle {
    text-decoration: none;
    font-size: 30px;
    color: black;
    -webkit-transition: all 0.15s ease-out 0;
    -o-transition: all 0.15s ease-out 0;
    transition: all 0.15s ease-out 0;
    position: fixed;
    top: 10px;
    left: 20px;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
}

.slidebar-left {
    position: fixed;
    overflow: scroll;
    top: 80px;
    bottom: 0;
    left: -2440px;
    -webkit-transition: all 0.15s ease-out 0;
    -o-transition: all 0.15s ease-out 0;
    transition: all 0.15s ease-out 0;
    width: 100%;
    padding: 30px;
    background: var(--mobile-menu-bg);
    z-index: 999;
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    text-align: left;
}

.slidebar-right {
    position: fixed;
    overflow: scroll;
    top: 80px;
    bottom: 0;
    right: -2440px;
    -webkit-transition: all 0.15s ease-out 0;
    -o-transition: all 0.15s ease-out 0;
    transition: all 0.15s ease-out 0;
    width: 100%;
    padding: 30px;
    background: var(--mobile-menu-bg);
    z-index: 999;
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    text-align: center;
}

.slidebar-left ul,
.slidebar-right ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.slidebar-left li a,
.slidebar-right li a {
    color: var(--mobile-menu-top-level);
    font-family: "Open Sans", sans-serif;
    font-size: 22px;
    margin: 0 0 16px;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

.slidebar-left li .sub-menu a:hover,
.slidebar-right li .sub-menu a:hover {
    color: var(--mobile-menu-links);
}

.slide-out-left {
    left: 0;
}

.slide-out-right {
    right: 0;
}

.slidebar-left li,
.slidebar-right li {
    padding-left: 10px;
}

.slidebar-left .sub-menu li a,
.slidebar-right .sub-menu li a {
    font-weight: normal;
    color: var(--mobile-menu-links);
}

.slidebar-left li:hover > .sub-menu,
.slidebar-right li:hover > .sub-menu {
    height: auto;
    visibility: visible;
}

#mobile-phone {
    position: fixed;
    top: 30px;
    right: 30px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#mobile-phone svg {
    width:30px;
}

.icom-color {
    fill:#404040;
}

#mobile-menu {
    top: 30px;
}

#mobile-menu,
#mobile-phone {
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    color: #404040;
    letter-spacing: 1px;
}

span#mobile-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-menu-text.hide-at-480 {
    padding-left: 10px;
}

.call-button {
    background-color: var(--mobile-nav-bar-text);
    border-radius: 8px;
    padding: 5px 20px;
    margin-top: 20px;
}

#close-menu {
    color: var(--mobile-menu-text);
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#close-phone {
    color: var(--mobile-menu-text);
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

.stickyNav {
    position: fixed !important;
    z-index: 999;
    width: 100%;
}

.slidebar-left li.x.menu-item-has-children:before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f102";
    color: #027185;
    font-size: 20px;
    font-weight: 900;
    margin-right: 8px;
    position: relative;
    bottom: -1px;
}

.slidebar-left li.menu-item-has-children:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f103';
    color: #027185;
    font-size: 20px;
    font-weight: 900;
    margin-right: 8px;
    position: relative;
    bottom: -1px;
}

.slidebar-left li:not(.menu-item-has-children) {
    padding-left: 32px;
}

.slidebar-left li.menu-item-has-children a {
    color: #027185;
}

/*Inner Page Style*/

.tag-wrap {
    display: none;
}

.reviews-container {
    max-width: 1000px;
}

.entry-title-inner {
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #027185;
}

.demand-force-container #D3cpWidget {
    max-width: 600px !important;
}

.d3cp_seal_expl_center {
    height: auto !important;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
}

@media only screen and (max-width: 1600px) {
    #banner-conBox {
        margin: 70px 0 0 140px;
    }
}
@media only screen and (max-width: 1550px) {
    #secCTA-conBoxA {
        width: 95%;
        position: relative;
        z-index: 2;
        margin: auto auto -200px;
    }


}



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

    #headerMenu {
        width: 60%;
    }

    .headerLogo-text {
        margin-left: 0;
    }

    #sec-banner {
        height: 650px;
        padding: 50px 0 70px 0;
        padding: 5rem 0 7rem 0;
    }

    #banner-title div {
        font-size: 50px;
        margin-bottom: -10px;
    }

    #banner-conBox {
        margin-left: 90px;
    }

    #banner-text {
        width: 100%;
        margin: 30px auto 0 auto;
    }

    .banner-conBox-text {
        max-height: 450px;
        max-width: 442px;
    }

    #sec-1,
    #sec-5 {
        background: url("images/about_bg_large.jpg") no-repeat center;
        background-size: cover;
    }

    #sec5-conBox {
        width: 75%;
    }

    #sec6-header {
        max-width: 800px;
        padding-right: 80px;
    }
}

@media only screen and (max-width: 1340px) {
    #newPhone,
    #headerAddress {
        margin-left: 0;
    }

    #headerAddressCon {
        margin-left: 160px;
    }

    #headerLogo {
        margin-left: 10px;
        text-align: center;
    }

    #headerMenu .nav-primary {
        margin-right: 10px;
    }

    #banner-conBox {
        padding-left: 15px;
    }

    #sec1-textA,
    #sec1-textB {
        font-size: 20px;
        font-size: 2rem;
    }

    .sec-2-img {
        margin-left: 40px;
    }

    .sec2-quote {
        padding: 15px 30px;
        margin-top: 20px;
        margin-right: 35px;
    }

    .sec2-quote-text {
        font-size: 15px;
        font-size: 1.5rem;
    }

    #sec4-menu {
        max-width: 900px;
        margin: auto;
    }

    #sec5-right {
        width: 53%;
    }

    #sec6-header {
        max-width: 750px;
        padding-right: 130px;
    }
}

@media only screen and (max-width: 1200px) {
    .site-inner,
    .wrap {
        max-width: 100%;
    }

    .content {
        max-width: 620px;
    }

    #headerPhoneCon #newPhone,
    #headerPhoneCon #existingPhone {
        font-size: 14px;
        letter-spacing: 2px;
    }

    #headerMenu {
        width: 60%;
    }

    #headerMenu .nav-primary {
        margin-right: 0;
    }

    #banner-btn {
        font-size: 2rem;
        padding: 2.5rem 6rem;
    }

    #banner-conBox {
        margin-left: 80px;
    }

    #banner-text {
        width: 100%;
    }

    #sec1-textA {
        width: 100%;
    }

    #sec1-textB {
        width: 100%;
    }

    #sec3-conBoxA {
        max-width: 850px;
        margin: auto;
    }

    #sec3-conBoxB {
        background: url("images/surgeon_images_medium.png") no-repeat center;
        padding-top: 275px;
        padding-bottom: 275px;
        margin: auto;
    }

    .home .slider-text {
        top: 36px;
        left: 52%;
        width: 325px;
    }

    .sec-btn {
        padding: 2.5rem 4rem;
    }

    #idw-footer {
        width: 95%;
    }

}

@media only screen and (max-width: 1024px) {
    .hide-at-1024 {
        display: none;
    }

    .show-at-1024 {
        display: block;
    }

    .content,
    .sidebar-primary,
    .site-inner,
    .title-area,
    .wrap {
        width: 100%;
    }

    .site-inner,
    .home section .wrap,
    .site-footer .wrap {
        padding-left: 5%;
        padding-right: 5%;
    }

    .entry,
    .sidebar .widget,
    .site-header {
        padding: 0;
    }

    .genesis-nav-menu,
    .site-description,
    .site-header .title-area,
    .site-title {
        text-align: center;
    }

    #headerLogo img {
        max-width: 44%;
        height: auto;
    }

    .headerLogo-text {
        margin-left: 0;
    }

    #sec-banner {
        height: 570px;
    }

    #banner-conBox {
        margin-left: 0;
        width: 43%;
    }

    #banner-title div {
        font-size: 50px;
    }

    .banner-conBox-text {
        padding: 50px 30px;
    }

    .secCon {
        width: 92% !important;
    }

    #sitelogo {
        margin-top: 40px;
    }

    .hide-for-mobile {
        display: none !important;
    }

    .hide-for-desktop {
        display: block;
    }

    .horizNumsCon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #headerContactCon {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    #headerPhoneCon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #headerAddressCon {
        margin-left: 260px;
    }

    #newPhone {
        margin-left: 0;
    }

    #headerLogo {
        padding-top: 45px;
        float: none;
        text-align: center;
        margin: 0;
        padding-bottom: 0;
    }

    #headerMenu {
        float: none;
        width: 66%;
    }

    #headerMenu .nav-primary {
        margin-top: 25px;
    }

    #menu-main-menu {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    #menu-main-menu li a {
        font-size: 14px;
    }

    #banner-btnCon {
        padding: 1rem 0.3rem;
        width: 320px
    }

    #sec1-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 2.2rem;
    }

    #sec1-imgs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        width: 70%;
        margin: 0 auto;
    }

    #sec1-conBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #sec1-textA {
        padding: 0;
        margin: 0 auto;
        width: 70%;
        text-align: center;
    }

    #sec3-conBoxA {
        margin: auto;
    }

    #sec4-menu li a {
        letter-spacing: 1px;
        font-size: 1.4rem;
        margin: 5px 5px 25px;
        padding: 5px 15px;
    }

    #sec5-conBox {
        width: 95%;
    }

    #footerMenuCon {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 3rem;
        margin-bottom: 2rem;
    }

    .footerMenuSections {
        padding: 15px;
    }

    #footerMenuCon .colTop {
        font-size: 14px;
        line-height: 150%;
    }

    #footerMenuCon .colItem {
        font-size: 12px;
        line-height: 150%;
    }

    .content-sidebar .content {
        float: none;
        margin: 0 10px 0 0;
    }

    .sidebar-primary {
        margin: auto;
        max-width: 310px;
    }

    #inner-bannerCon {
        min-height: 0;
    }

    #inner-banner-tagline {
        font-size: 4.5rem;
        padding: 8rem 0 8rem 5rem;
        margin-bottom: 0;
    }

    .mob-btn {
        display: block;
        text-align: center;
    }

    #inner-banner-tagline {
        max-width: 100%;
    }
}

@media only screen and (max-width: 900px) {
    .hide-at-900 {
        display: none;
    }

    .show-at-900 {
        display: block;
    }

    #sec1-btn {
        font-size: 2rem;
        padding: 2.5rem 6rem;
    }

    #sec2-conBoxB {
        padding: 15px;
    }

    #sec2-btnCon {
        margin-top: 4rem;
    }

    #sec2-btn {
        font-size: 2rem;
        padding: 2.5rem 4rem;
    }

    #sec3-conBoxA {
        margin: auto;
        padding: 0;
    }

    #sec5-header {
        max-width: 600px;
    }

    #sec5-left-inner {
        max-width: none;
        width: 100%;
    }

    #sec5-right {
        width: 100%;
    }

    #sec5-right-inner {
        max-width: none;
        width: 100%;
    }

    .content-sidebar-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

}

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

    .headerCon .wrap {
        height: 100px;
    }

    /*---------------Mobile Nav Appears-----------------*/
    .nav-primary,
    #headerMenu {
        display: none;
    }

    .headerCon.wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: fixed;
        background: #fff;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        z-index: 999;
        height: 100px;
    }

    #headerLogo {
        margin: 0 auto;
        padding-top: 1%;
    }

    #headerLogo img {
        max-width: 35%;
        height: auto;
    }

    #navbar,
    .show-at-768,
    .show-for-tablet {
        display: block;
    }

    .hide-at-768,
    #headerContactCon .hide-at-768,
    #headerContactCon #headerPhoneCon,
    #headerContactCon #headerAddressCon {
        display: none;
    }

    .alignleft,
    .alignright {
        max-width: 60%;
    }

    /*----------------mobile colums----------*/
    .five-sixths,
    .four-sixths,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thirds {
        margin: 0;
        width: 100%;
    }

    #sitelogo {
        margin-top: 0;
    }

    #sec-banner {
        margin: 58px 0 0 0;
    }

    #sec-banner .sec-btn {
        width: 300px;
        padding: 20px 3px;
        padding: 2rem 0.3rem;
    }

    #banner-conBox {
        margin: 50px 0;
    }

    #banner-title div {
        font-size: 40px;
    }

    #banner-text {
        font-size: 15px;
        font-size: 1.5rem;
    }

    .horizNumNum {
        font-size: 1.4rem;
        padding: 0 15px;
    }

    .horizNumLine {
        font-size: 3rem;
        font-weight: 700;
        padding-right: 5px;
    }

    .horizNumHi {
        font-size: 3rem;
        padding: 0 10px;
    }

    .sec-title {
        font-size: 38px;
        font-size: 3.8rem;
    }

    #sec1-header {
        margin-top: 30px;
    }

    #sec1-text {
        width: 500px;
        margin-top: 20px;
    }

    #sec1-img1 {
        max-height: 300px;
        width: auto;
    }

    #sec1-imgs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }

    #sec1-ABOI {
        max-height: 100px !important;
        width: auto;
    }

    #sec1-img2 {
        margin: auto;
    }

    #sec1-text {
        padding: 25px;
    }

    #sec1-textA {
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }

    #sec1-textA,
    #sec1-textB {
        font-size: 18px;
        font-size: 1.8rem;
    }

    #sec1-btnCon {
        margin: 0 2rem;
    }

    #sec2-specialArea {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sec2-quote {
        width: 80%;
        height: 200px;
        margin: -30px auto 0 auto;
    }

    .sec-2-img {
        max-width: 90%;
        height: auto;
        margin: 0 auto;
    }

    #sec2-btnCon {
        padding: 1rem 5rem;
        max-width: 300px;
    }

    #sec3-conBoxB {
        background: url("images/surgeon_images_medium.png") no-repeat center;
    }

    #sec3-conBoxC {
        max-width: 450px;
        width: auto;
        padding: 20px;
    }

    #sec3-textB {
        margin: auto;
        padding: 35px 35px 0 35px;
    }

    #sec4-menu {
        margin-top: 35px;
    }

    #sec4-menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #sec-5 {
        background: url("images/about_bg_medium.jpg") no-repeat center;
        background-size: cover;
    }

    #sec5-header {
        display: none;
    }

    #sec5-conBox {
        width: 100%;
    }

    #sec5-header-mobile {
        display: block;
        margin: auto;
    }

    #sec5-right-inner {
        width: 50%;
        margin: 0 auto;
    }

    #sec6-header {
        display: none;
    }

    #sec6-header-mobile {
        display: block;
        margin: auto;
    }

    .sec6-specialArea {
        margin-bottom: 20px;
    }

    #secCTA-conBoxA {
        height: auto;
    }

    #secCTA-conBoxA .secCTA-conBoxA-text {
        width: 90%;
        font-size: 33px;
    }

    #secCTA-tablet-txt img {
        margin: 1rem;
    }

    #secCTA-btnCon {
        margin-top: 0;
        padding: 20px;
    }

    .idw-icon-menu,
    .idw-icon-phone {
        padding: 10px;
    }

    .menubar-btn-inner {
        display: none;
    }

    #inner-banner-tagline {
        font-size: 3.5rem;
        padding: 6rem 0 6rem 5rem;
        margin-bottom: 0;
    }

    .home .slider-text {
        top: 60%;
        left: 12%;
        width: 76%;
    }

    .sec-btn {
        padding: 1rem 4rem;
        text-align: center;
        margin: 0 auto;
        line-height: 105%;
        font-size: 17px;
        font-size: 1.7rem;
    }

    #idw-footer {
        width: 100%;
    }

    #footer-box-con-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }

    #footer-box-con-mobile p,
    #footer-box-con-mobile a {
        font-size: 20px;
        font-size: 2rem;
    }

    #fbox-3-mobile a {
        border-bottom: 1px solid #027185;
    }

    #fbox-3-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }

    #fbox-3-mobile,
    #fbox-2-mobile {
        margin: 10px auto;
    }

    #inner-bannerCon {
        margin-top: 80px;
    }

    .tag-wrap {
        display: block;
        line-height: 0;
    }

}

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

    .sec5-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left;
    }

    .sec5-text {
        padding: 0;
        max-width: 90%;
    }

    .sec5-img {
        padding-top: 10px;
    }

    .sec5-img-caption {
        font-size: 12px;
    }

    #mobile-menu {
        top:35px;
    }

}

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

    .sec6-specialAreaMobile {
        display: block;
    }

    .sec-title {
        font-size: 30px;
        padding: 20px 0;
        margin: 0;
    }

    .sec-btn {
        padding: 20px 0;
    }

    .headerCon.wrap {
        width: 100%;
        background-color: #fff;
    }

    .sidebar-primary {
        max-width: 310px;
    }

    .hide-at-480 {
        display: none;
    }

    .show-at-480 {
        display: block;
    }

    .entry-content .alignleft,
    .entry-content .alignright {
        display: block;
        float: none;
        max-width: 100%;
    }

    .not-for-mobile,
    #tabletHeaderMenu,
    #tabletHeaderPhone,
    #sec2-header,
    #sec4-header,
    #secCTA-tablet-txt,
    #sec4-narrow-slider,
    #sec6-narrow-slider {
        display: none;
    }

    .mobile-only {
        display: block;
        margin: auto;
    }

    #mobileHeaderMenu,
    #mobileHeaderPhone {
        display: block;
        padding-top: 55px;
    }

    #tabletHeaderLogo img {
        display: block;
        margin: auto;
        max-width: 55%;
    }

    .home section {
        padding: 1rem 0;
    }

    #sec-banner {
        margin: 0 auto;
/*         background-size: auto 400px;
        height: 760px;
        background-position-x: -309px;
        background-position-y: 93px; */
		background: none;
		height: 330px !important;
    }

    .banner-conBox-text {
        background: none;
        color: #404040;
        padding: 0;
        max-height: none;
        max-width: none;
    }

    #mobile-banner-conBox {
        display: block;
        text-align: center;
    }

    #mobile-banner-header {
        padding: 1rem 0;
    }

    #banner-conBox {
        width: 100%;
        margin: 0 auto;
    }

    #banner-title {
        margin-top: 60px !important;
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }

    #banner-title-mobile h1,
    #banner-title-mobile div {
        display: inline-block;
        text-align: center;
        font-size: 35px;
        font-size: 3.5rem;
        letter-spacing: 2px;
        margin-top: 10px;
    }

    #sec-banner .sec-btn {
        margin: 15px auto 0 auto;
        width: 240px;
		font-size: small;
    }

    #sec-1 {
        background: url("images/about_bg_mobile.jpg") no-repeat;
        background-size: cover;
    }

    #sec1-content {
        width: 100%;
    }

    #sec1-imgs {
        width: 100%;
    }

    #sec1-imgs img {
        max-height: 250px;
        width: auto;
    }

    #sec1-textA {
        font-size: 2rem;
        line-height: 190%;
    }

    #sec1-btnCon {
        margin: 1.5rem 0 0 0;
    }

    #sec1-btn {
        padding: 2.5rem 4rem;
    }

    #sec1-conBox,
    #sec1-text {
        width: 100%;
    }

    #sec1-textA {
        padding: 25px 0 0 0;
    }

    #sec2-header-mobile,
    #sec2-btn-mobile {
        padding: 5px;
    }

    .sec2-quote {
        width: 90%;
        padding: 10px 25px;
        margin-top: -10px;
    }

    #sec2-specialArea iframe {
        background-color: #fff;
        border: 8px solid #fff;
        width: 100%;
        height: auto;
    }

    #sec2-btnCon {
        padding: 1.5rem 4rem;
    }

    #sec2-conBoxB,
    #sec4-conBoxB,
    #sec6-conBoxB {
        border: none;
        padding: 0;
    }

    #sec-3,
    #sec-4,
    #sec-5,
    #sec-6 {
        margin-top: 10px;
    }

    #sec3-conBoxB {
        background: url("images/surgeon_images_xsmall.png") no-repeat center;
        max-width: 475px;
        margin: auto;
        padding-top: 235px;
    }

    #sec3-conBoxC {
        max-width: 350px;
    }

    #sec3-textB {
        padding: 25px 10px;
    }

    #sec3-btnCon {
        clear: both;
        margin: 0 auto 25px auto;
    }

    #sec3-btn {
        font-size: 1.8rem;
        padding: 2rem 2rem;
    }

    .sec4-slider {
        display: none;
    }

    #sec4-services-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 300px;
        margin: 0 auto;
        text-align: center;
    }

    #sec-5 {
        background: url('/images/about_bg_mobile.jpg') no-repeat;
        background-size: cover;
    }

    #sec-5 .wrap {
        margin-top: 0;
    }

    .sec5-text {
        max-width: 100%;
    }

    .sec6-specialArea {
        margin-bottom: 40px;
    }

    #secCTA-mobile-txt {
        padding: 15px 5px;
    }

    #secCTA-btnCon .sec-btn .cta-btnCon {
        padding: 15px 1px;
        width: 245px;
        font-size: 18px;
        font-size: 1.8rem;
    }

    #secCTA-btnCon a {
        padding: 1rem 0.1rem;
    }

    #secCTA-conBoxA {
        background: url("images/CTA_bg_mobile.jpg");
        background-size: cover;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #secCTA-conBoxB {
        height: 300px;
        margin-top: 0px;
        background: url("images/BDC-map-mobile.png") no-repeat center;
        background-size: cover;
    }

    #footer-box-con-mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #footer-box-con-mobile p,
    #footer-box-con-mobile a {
        font-size: 14px;
        font-size: 1.4rem;
    }

    div#fbox-1-mobile img {
        max-height: 150px;
        width: auto;
    }

    #inner-banner-tagline {
        font-size: 2.5rem;
        /*padding: 3rem 0 3rem 2rem;*/
        margin-bottom: 0;
    }

    .entry-title {
        font-size: 4rem;
    }

    #D3cpWidget, .d3cp_feature_wrap, .d3cp_feature_sum {
        width: 350px !important;
    }
}


/* ==========================================================
   BOSTON DENTAL CARE
   MODERN DESKTOP HEADER
========================================================== */


/* ----------------------------------------------------------
   COMPLETE HEADER
---------------------------------------------------------- */

.bdc-header {
    width: 100%;
    position: relative;
    z-index: 9999;
    background: #ffffff;
    font-family: "Open Sans", sans-serif;
    box-shadow: 0 3px 18px rgba(21, 58, 68, 0.07);
}


/* ==========================================================
   TOP BAR
========================================================== */

.bdc-topbar {
    width: 100%;
    background: #edf6f8;
    border-top: 3px solid #027185;
    border-bottom: 1px solid #d9e7ea;
}


.bdc-topbar-inner {
    width: 100%;
    max-width: 1600px;
    min-height: 66px;

    margin: 0 auto;
    padding: 7px 32px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    box-sizing: border-box;
}


/* ----------------------------------------------------------
   ADDRESS
---------------------------------------------------------- */

.bdc-top-address {
    display: flex;
    align-items: center;
    gap: 10px;

    color: #355b65 !important;
    text-decoration: none !important;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.15px;

    white-space: nowrap;

    transition: color 0.2s ease;
}


.bdc-top-address:hover {
    color: #027185 !important;
}


.bdc-location-icon {
    width: 8px;
    height: 8px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #027185;

    font-size: 10px;
}


/* ==========================================================
   RIGHT CONTACT ACTIONS
========================================================== */

.bdc-top-actions {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 10px;
}


/* ----------------------------------------------------------
   PHONE BOXES
---------------------------------------------------------- */

.bdc-phone-action {
    min-width: 190px;
    min-height: 50px;

    padding: 7px 18px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    background: #ffffff;

    border: 1px solid #cadde1;
    border-radius: 7px;

    box-sizing: border-box;

    text-decoration: none !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease,
        background-color 0.2s ease;
}


.bdc-phone-action:hover {
    background: #ffffff;
    border-color: #027185;

    transform: translateY(-1px);

    box-shadow: 0 5px 14px rgba(2, 113, 133, 0.10);
}


/* Label */

.bdc-action-label {
    display: block;

    margin-bottom: 2px;

    color: #61777e;

    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.15px;

    text-transform: uppercase;
}


/* Phone Number */

.bdc-action-number {
    display: block;

    color: #027185;

    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.15px;
}


/* ==========================================================
   BOOK APPOINTMENT CTA
========================================================== */

.bdc-book-action {
    min-width: 230px;
    min-height: 50px;

    padding: 0 27px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #027185;

    border: 1px solid #027185;
    border-radius: 7px;

    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.45px;

    white-space: nowrap;

    box-shadow: 0 5px 15px rgba(2, 113, 133, 0.17);

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}


.bdc-book-action:hover {
    background: #015e70;
    border-color: #015e70;

    color: #ffffff !important;

    transform: translateY(-1px);

    box-shadow: 0 7px 19px rgba(2, 113, 133, 0.24);
}


/* ==========================================================
   MAIN WHITE HEADER
========================================================== */

.bdc-main-header {
    width: 100%;
    background: #ffffff;
}


.bdc-main-inner {
    width: 100%;
    max-width: 1600px;
    min-height: 90px;

    margin: 0 auto;
    padding: 8px 32px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 60px;

    box-sizing: border-box;
}


/* ==========================================================
   LOGO
========================================================== */

.bdc-logo {
    flex: 0 0 340px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}


.bdc-logo > a {
    display: block;
    text-decoration: none !important;
}


.bdc-logo img {
    display: block;

    width: 100%;
    max-width: 300px;
    height: auto;

    margin: 0;
}


.bdc-doctor-name {
    margin-top: 5px;
    padding-left: 5px;

    color: #536970;

    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.35px;

    white-space: nowrap;
}


/* ==========================================================
   NAVIGATION
========================================================== */

.bdc-navigation {
    flex: 1;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    min-width: 0;
}


/* Remove Genesis default backgrounds */

.bdc-navigation .nav-primary {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
}


.bdc-navigation .nav-primary .wrap {
    width: 100%;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Main UL */

.bdc-navigation .genesis-nav-menu {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center;
    justify-content: flex-end;

    gap: 0px;

    background: transparent !important;
}


/* Main LI */

.bdc-navigation .genesis-nav-menu > li {
    float: none !important;
    display: block;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* Main Links */

.bdc-navigation .genesis-nav-menu > li > a {
    position: relative;

    display: block;

    padding: 16px 10px !important;

    background: transparent !important;

    border: 0 !important;

    color: #2f4c56 !important;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.3px;

    text-transform: uppercase;
    text-decoration: none !important;

    white-space: nowrap;

    transition: color 0.2s ease;
}


.bdc-navigation .genesis-nav-menu > li > a:hover {
    color: #027185 !important;
}


/* ----------------------------------------------------------
   CURRENT MENU ITEM
---------------------------------------------------------- */

.bdc-navigation .genesis-nav-menu > .current-menu-item > a,
.bdc-navigation .genesis-nav-menu > .current-menu-ancestor > a {
    color: #027185 !important;
}


/* ----------------------------------------------------------
   MODERN UNDERLINE
---------------------------------------------------------- */

.bdc-navigation .genesis-nav-menu > li > a::after {
    content: "";

    position: absolute;

    left: 17px;
    right: 17px;
    bottom: 7px;

    height: 2px;

    background: #027185;

    transform: scaleX(0);
    transform-origin: center;

    transition: transform 0.22s ease;
}


.bdc-navigation .genesis-nav-menu > li > a:hover::after,
.bdc-navigation .genesis-nav-menu > .current-menu-item > a::after,
.bdc-navigation .genesis-nav-menu > .current-menu-ancestor > a::after {
    transform: scaleX(1);
}


/* ==========================================================
   DROPDOWN MENU
========================================================== */

.bdc-navigation .genesis-nav-menu .sub-menu {
    background: #ffffff !important;

    border: 1px solid #e3ebed;

    box-shadow: 0 8px 25px rgba(24, 61, 71, 0.12);
}


.bdc-navigation .genesis-nav-menu .sub-menu a {
    background: #ffffff !important;

    color: #36545d !important;

    font-size: 13px;

    text-transform: none;

    border-bottom: 1px solid #edf1f2;
}


.bdc-navigation .genesis-nav-menu .sub-menu a:hover {
    background: #f4f9fa !important;

    color: #027185 !important;
}


/* ==========================================================
   RESPONSIVE - SMALL DESKTOP
========================================================== */

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

    .bdc-topbar-inner,
    .bdc-main-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    .bdc-topbar-inner {
        gap: 18px;
    }


    .bdc-top-address {
        font-size: 11px;
    }


    .bdc-phone-action {
        min-width: 165px;
        padding-left: 14px;
        padding-right: 14px;
    }


    .bdc-book-action {
        min-width: 195px;

        padding-left: 18px;
        padding-right: 18px;

        font-size: 13px;
    }


    .bdc-action-number {
        font-size: 14px;
    }


    .bdc-logo {
        flex-basis: 270px;
    }


    .bdc-logo img {
        max-width: 250px;
    }


    .bdc-main-inner {
        gap: 30px;
    }


    .bdc-navigation .genesis-nav-menu {
        gap: 3px;
    }


    .bdc-navigation .genesis-nav-menu > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;

        font-size: 12px;
    }


    .bdc-navigation .genesis-nav-menu > li > a::after {
        left: 10px;
        right: 10px;
    }
}


/* ==========================================================
   RESPONSIVE - TABLET
========================================================== */

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

    .bdc-top-address {
        display: none;
    }


    .bdc-topbar-inner {
        justify-content: flex-end;
    }


    .bdc-main-inner {
        gap: 15px;
    }


    .bdc-logo {
        flex-basis: 230px;
    }


    .bdc-logo img {
        max-width: 215px;
    }


    .bdc-doctor-name {
        font-size: 9px;
    }


    .bdc-navigation .genesis-nav-menu > li > a {
        font-size: 11px;

        padding-left: 7px !important;
        padding-right: 7px !important;
    }
}


/* ==========================================================
   MOBILE
   Existing website mobile header/menu remains responsible
   for screens 768px and below.
========================================================== */

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

    /* =====================================
       MODERN MOBILE HEADER
    ===================================== */

    .bdc-header {
        display: block !important;
        background: #ffffff;
        box-shadow: 0 4px 18px rgba(20, 60, 70, 0.08);
    }


    /* TOP ADDRESS STRIP */

    .bdc-topbar {
        background: #eef7f8;
        border-top: 3px solid #027185;
        border-bottom: 1px solid #dbe8ea;
    }

    .bdc-topbar-inner {
        min-height: 0;
        padding: 9px 12px 12px;

        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .bdc-top-address {
        width: 100%;
        justify-content: center;

        font-size: 12px !important;
        font-weight: 600;
        text-align: center;
        white-space: normal;

        color: #355b65 !important;
    }


    /* CONTACT BUTTON GRID */

    .bdc-top-actions {
        width: 100%;

        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }


    /* PHONE CARDS */

    .bdc-phone-action {
        min-width: 0;
        min-height: 58px;

        padding: 8px 8px;

        align-items: center;
        text-align: center;

        border-radius: 10px;
        border: 1px solid #d4e2e5;

        background: #ffffff;

        box-shadow: 0 2px 8px rgba(2, 113, 133, 0.05);
    }

    .bdc-action-label {
        font-size: 9px;
        letter-spacing: 0.8px;
    }

    .bdc-action-number {
        margin-top: 3px;

        font-size: 14px;
        font-weight: 700;
    }


    /* BOOK APPOINTMENT */

    .bdc-book-action {
        grid-column: 1 / -1;

        width: 100%;
        min-width: 0;
        min-height: 50px;

        border-radius: 10px;

        font-size: 14px;
        font-weight: 700;

        background: #027185;
        color: #ffffff !important;

        box-shadow: 0 5px 14px rgba(2, 113, 133, 0.18);
    }


    /* =====================================
       LOGO AREA
    ===================================== */

    .bdc-main-inner {
        min-height: 0;

        padding: 13px 15px;

        display: flex;
        flex-direction: column;
        gap: 7px;
    }

    .bdc-logo {
        width: 100%;
        flex: none;

        align-items: center;
    }

    .bdc-logo img {
        max-width: 210px;
        width: 100%;
        margin: 0 auto;
    }

    .bdc-doctor-name {
        width: 100%;

        margin-top: 4px;
        padding: 0;

        font-size: 9px;
        letter-spacing: 0.25px;

        text-align: center;
        white-space: normal;
    }


    /* Desktop menu hidden on mobile */
    .bdc-navigation {
        display: none !important;
    }

}



/* FINAL DESKTOP MENU ALIGNMENT FIX */
@media screen and (min-width: 769px) {

    .bdc-navigation #menu-main-menu {
        width: auto !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 6px !important;
        margin-left: auto !important;
    }

    .bdc-navigation #menu-main-menu > li {
        flex: 0 0 auto !important;
    }

    .bdc-navigation #menu-main-menu > li > a {
        padding: 14px 12px !important;
        white-space: nowrap;
    }

}
/* =========================================
   FIX RIGHT-SIDE DROPDOWN MENU
========================================= */

@media screen and (min-width: 769px) {

    /* Every main menu item becomes dropdown anchor */
    .bdc-navigation #menu-main-menu > li {
        position: relative !important;
    }

    /* Standard dropdown positioning */
    .bdc-navigation #menu-main-menu > li > .sub-menu {
        top: 100% !important;
        left: 0 !important;
        right: auto !important;

        width: 240px !important;

        background: #ffffff !important;
        z-index: 99999 !important;
    }

    /* LAST MENU ITEM - OTHER
       Keep dropdown inside screen */
    .bdc-navigation #menu-main-menu > li:last-child > .sub-menu {
        left: auto !important;
        right: 0 !important;
    }

    /* Dropdown links */
    .bdc-navigation #menu-main-menu .sub-menu li {
        width: 100% !important;
        text-align: left !important;
    }

    .bdc-navigation #menu-main-menu .sub-menu li a {
        width: 100% !important;
        padding: 12px 18px !important;
        white-space: normal !important;
        line-height: 1.35 !important;
        box-sizing: border-box !important;
    }

}
/* REMOVE OLD EMPTY INNER BANNER SPACE */
#inner-bannerCon {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
/* ==========================================================
   FINAL MODERN MOBILE HEADER
========================================================== */

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

    /* ============================
       HEADER
    ============================ */

    .bdc-header {
        display: block !important;
        width: 100%;
        background: #ffffff;
        box-shadow: 0 3px 14px rgba(20, 55, 65, 0.08);
    }


    /* ============================
       ADDRESS STRIP
    ============================ */

    .bdc-topbar {
        background: #eef7f8 !important;
        border-top: 3px solid #027185;
        border-bottom: 1px solid #dce9eb;
    }

    .bdc-topbar-inner {
        width: 100%;
        min-height: 0 !important;

        padding: 7px 12px 10px !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 8px !important;
    }

    .bdc-top-address {
        display: flex !important;

        width: 100%;

        justify-content: center;
        align-items: center;

        font-size: 11px !important;
        font-weight: 600;

        text-align: center;

        white-space: normal !important;

        margin: 0 !important;
    }


    /* ============================
       PHONE CARDS
    ============================ */

    .bdc-top-actions {
        width: 100%;

        display: grid !important;
        grid-template-columns: 1fr 1fr;

        gap: 7px !important;
    }

    .bdc-phone-action {
        width: 100%;
        min-width: 0 !important;
        min-height: 52px !important;

        padding: 7px 5px !important;

        display: flex;
        align-items: center;
        justify-content: center;

        border: 1px solid #d4e2e5;
        border-radius: 9px;

        background: #ffffff;

        text-align: center;

        box-shadow: none !important;
    }

    .bdc-action-label {
        font-size: 8px !important;
        letter-spacing: 0.7px !important;
        line-height: 1.2;
    }

    .bdc-action-number {
        margin-top: 3px;

        font-size: 13px !important;
        line-height: 1.2;

        white-space: nowrap;
    }


    /* ============================
       BOOK BUTTON
    ============================ */

    .bdc-book-action {
        grid-column: 1 / -1;

        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;

        padding: 0 15px !important;

        border-radius: 9px;

        background: #027185 !important;

        color: #ffffff !important;

        font-size: 13px !important;
        font-weight: 700;

        box-shadow: 0 4px 12px rgba(2, 113, 133, 0.15) !important;
    }


    /* ============================
       LOGO AREA
    ============================ */

    .bdc-main-header {
        background: #ffffff;
    }

    .bdc-main-inner {
        width: 100%;

        min-height: 0 !important;

        padding: 11px 55px 10px 14px !important;

        display: flex !important;
        flex-direction: row !important;

        align-items: center !important;
        justify-content: space-between !important;

        position: relative;

        gap: 8px !important;
    }

    .bdc-logo {
        width: auto !important;
        flex: 1 1 auto !important;

        align-items: flex-start !important;
    }

    .bdc-logo img {
        display: block;

        width: auto !important;
        max-width: 190px !important;

        margin: 0 !important;
    }

    .bdc-doctor-name {
        width: auto !important;

        margin: 3px 0 0 2px !important;
        padding: 0 !important;

        font-size: 7px !important;

        text-align: left !important;

        white-space: nowrap;
    }


    /* Desktop navigation hidden */
    .bdc-navigation {
        display: none !important;
    }


    /* ==================================================
       OLD MOBILE NAV - CLEANUP
    ================================================== */

    #navbar {
        display: block !important;

        position: absolute !important;

        width: auto !important;
        height: auto !important;

        top: auto !important;
        left: auto !important;
        right: 13px !important;

        background: transparent !important;

        z-index: 10000;
    }


    /* Hamburger */
    #mobile-menu {
        position: absolute !important;

        top: 10px !important;
        right: 12px !important;
        left: auto !important;

        padding: 8px !important;

        width: 40px;
        height: 40px;

        display: flex !important;

        align-items: center;
        justify-content: center;

        border: 1px solid #d8e4e6;
        border-radius: 8px;

        background: #ffffff;

        box-shadow: 0 2px 8px rgba(30, 60, 70, 0.08);
    }


    /* Hide word "Menu" */
    #mobile-menu .mobile-menu-text {
        display: none !important;
    }


    /* Hamburger bars */
    #mobile-menu .hamb {
        width: 20px !important;
        height: 2px !important;

        margin-bottom: 4px !important;

        background: #027185 !important;

        border-radius: 2px;
    }


    /* REMOVE old floating phone icon */
    #mobile-phone {
        display: none !important;
    }


    /* ============================
       SLIDE OUT MENU
    ============================ */

    .slidebar-left {
        top: 0 !important;

        padding: 70px 24px 30px !important;

        background: #ffffff !important;

        box-shadow: 4px 0 20px rgba(20, 55, 65, 0.12);

        z-index: 99999 !important;
    }

    .slidebar-left li a {
        color: #244b57 !important;

        font-size: 17px !important;
        font-weight: 500 !important;

        text-transform: none !important;

        margin-bottom: 8px !important;
    }

    #close-menu {
        top: 20px !important;
        left: 20px !important;
    }

}
/* =========================================================
   MOBILE HEADER + HERO POLISH
   Only for tablets/phones
========================================================= */
@media screen and (max-width: 768px) {

    /* =========================
       CENTER LOGO
    ========================= */

    .bdc-main-inner {
        position: relative !important;
        min-height: 95px !important;
        padding: 12px 55px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .bdc-logo {
        width: 100% !important;
        flex: none !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        text-align: center !important;
    }

    .bdc-logo > a {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

    .bdc-logo img {
        display: block !important;

        width: auto !important;
        max-width: 205px !important;

        margin: 0 auto !important;
    }

    .bdc-doctor-name {
        width: 100% !important;

        margin: 4px 0 0 !important;
        padding: 0 !important;

        text-align: center !important;

        font-size: 8px !important;
        letter-spacing: 0.25px !important;
        white-space: normal !important;
    }


    /* =========================
       MOBILE HERO SECTION
    ========================= */

    #sec-banner {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 18px 14px 24px !important;

        background: #f5f9fa !important;

        box-sizing: border-box !important;
    }


    /* Hero content wrapper */
    #banner-conBox {
        width: 100% !important;

        margin: 0 auto !important;
        padding: 0 !important;

        display: block !important;
    }


    /* Green hero card */
    .banner-conBox-text {
        width: 100% !important;
        max-width: 100% !important;
        max-height: none !important;

        margin: 0 auto !important;
        padding: 30px 20px !important;

        background: #81a192 !important;

        border-radius: 18px 18px 0 0 !important;

        color: #ffffff !important;
        text-align: center !important;

        box-shadow: 0 8px 25px rgba(34, 70, 80, 0.10);

        box-sizing: border-box !important;
    }


    /* Doctor name */
    #banner-title {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;
    }

    #banner-title div,
    #banner-title h1,
    #banner-title-mobile h1,
    #banner-title-mobile div {
        margin: 0 !important;

        color: #ffffff !important;

        font-size: 34px !important;
        font-weight: 600 !important;
        line-height: 1.05 !important;
        letter-spacing: 0.5px !important;

        text-align: center !important;
    }


    /* Supporting text */
    #banner-text {
        width: 100% !important;

        margin: 18px auto 0 !important;

        color: #ffffff !important;

        font-size: 14px !important;
        line-height: 1.55 !important;

        text-align: center !important;
    }


    /* Hero image */
    #sec-banner img {
        display: block;

        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 0 auto !important;
    }

}
@media screen and (max-width: 768px) {

    /* MOBILE HERO - remove blank space */
    #sec-banner {
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 14px 12px 0 !important;
        background: #f7faf9 !important;
    }

    #banner-conBox {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #banner-title {
        margin-top: 0 !important;
        margin-bottom: 12px !important;
    }

    .banner-conBox-text {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 28px 18px 24px !important;

        background: #81a192 !important;
        border-radius: 16px 16px 0 0 !important;

        box-sizing: border-box !important;
    }

    #banner-title-mobile h1,
    #banner-title-mobile div {
        font-size: 30px !important;
        line-height: 1.05 !important;
        letter-spacing: 0.5px !important;
        margin: 0 !important;
    }

    #banner-text {
        margin-top: 14px !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    /* Make image sit directly under text card */
    #sec-banner img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;

        border-radius: 0 0 16px 16px !important;
    }

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

    /* Kill all old mobile hero spacing */
    #sec-banner {
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 12px !important;
        background: #f7faf9 !important;
    }

    #banner-conBox {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #mobile-banner-conBox {
        margin: 0 !important;
        padding: 0 !important;
    }

    #mobile-banner-header {
        margin: 0 !important;
        padding: 0 !important;
    }

    #banner-title {
        margin: 0 0 12px 0 !important;
        padding: 0 !important;
    }

    .banner-conBox-text {
        margin: 0 !important;
        padding: 28px 18px !important;
        background: #81a192 !important;
        border-radius: 16px 16px 0 0 !important;
    }

    #banner-text {
        margin: 14px 0 0 !important;
        padding: 0 !important;
    }

    /* Remove vertical spacing created by generic home section rule */
    .home #sec-banner {
        padding-top: 12px !important;
        padding-bottom: 0 !important;
    }

    /* Next image/section must start immediately */
    #sec-banner + section,
    #sec-banner + div {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}
/* =========================================================
   MOBILE + TABLET: MEET DR. THEIN SECTION
========================================================= */

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

    #sec-1 {
        background: #f7faf9 !important;
        padding: 28px 16px !important;
    }

    #sec-1 .wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #home-drthein-container {
        width: 100% !important;
        max-width: 760px !important;
        margin: 0 auto !important;
    }

    #home-drthein-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;

        background: #ffffff !important;
        border-radius: 18px !important;
        overflow: hidden !important;

        box-shadow: 0 10px 30px rgba(28, 63, 72, 0.10) !important;
    }

    /* Image area */
    #home-drthein-imgs {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
    }

    #home-drthein-img1 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        object-fit: cover !important;
    }

    /* Content area */
    #home-drthein-text {
        width: 100% !important;
        padding: 30px 26px 32px !important;
        box-sizing: border-box !important;

        color: #3f4d52 !important;
    }

    #home-drthein-text h2 {
        margin: 0 0 18px !important;

        color: #244b57 !important;
        font-size: 30px !important;
        line-height: 1.12 !important;
        font-weight: 700 !important;
    }

    #home-drthein-text h2 span {
        display: block !important;
        margin-top: 6px !important;

        color: #61777e !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        font-weight: 600 !important;
    }

    #home-drthein-text p {
        margin-bottom: 18px !important;

        font-size: 16px !important;
        line-height: 1.75 !important;

        color: #4b5d63 !important;
    }

    #home-drthein-text ul {
        margin: 8px 0 24px 0 !important;
        padding-left: 20px !important;
    }

    #home-drthein-text li {
        margin-bottom: 9px !important;

        color: #445a61 !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    /* Button */
    #home-drthein-text .home-drthein-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-height: 48px !important;

        padding: 13px 20px !important;

        background: #027185 !important;
        color: #ffffff !important;

        border-radius: 9px !important;

        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: 0.4px !important;

        text-decoration: none !important;
        text-transform: none !important;

        box-shadow: 0 5px 14px rgba(2, 113, 133, 0.18) !important;
    }

    #home-drthein-text .home-drthein-btn:hover {
        background: #015d6d !important;
        color: #ffffff !important;
    }

}


/* =========================================================
   PHONE ONLY
========================================================= */

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

    #sec-1 {
        padding: 18px 12px 24px !important;
    }

    #home-drthein-content {
        border-radius: 18px !important;
    }

    #home-drthein-text {
        padding: 24px 18px 26px !important;
    }

    #home-drthein-text h2 {
        font-size: 27px !important;
        line-height: 1.08 !important;
    }

    #home-drthein-text h2 span {
        font-size: 15px !important;
    }

    #home-drthein-text p {
        font-size: 25px !important;
        line-height: 1.65 !important;
    }

    #home-drthein-text li {
        font-size: 14px !important;
    }

    #home-drthein-text .home-drthein-btn {
        width: 100% !important;
        box-sizing: border-box !important;

        text-align: center !important;
    }

}
/* Better mobile readability */
@media screen and (max-width: 576px) {

    #home-drthein-text p {
        font-size: 17px !important;
        line-height: 1.7 !important;
        margin-bottom: 20px !important;
    }

    #home-drthein-text li {
        font-size: 16px !important;
        line-height: 1.55 !important;
        margin-bottom: 8px !important;
    }

    #home-drthein-text h2 {
        font-size: 28px !important;
        line-height: 1.12 !important;
    }

    #home-drthein-text h2 span {
        font-size: 17px !important;
        line-height: 1.4 !important;
    }
}
@media screen and (min-width: 577px) and (max-width: 1024px) {

    #home-drthein-text p {
        font-size: 17px !important;
        line-height: 1.75 !important;
    }

    #home-drthein-text li {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
}
/* FORCE MOBILE DR THEIN TEXT SIZE */
@media only screen and (max-width: 768px) {

    #home-drthein-text p,
    #home-drthein-text p i,
    #home-drthein-text i p,
    #home-drthein-text > i {
        font-size: 17px !important;
        line-height: 1.7 !important;
    }

    #home-drthein-text p {
        margin-bottom: 22px !important;
    }

}
#home-drthein-text p,
#home-drthein-text p i,
#home-drthein-text i p {
    font-family: Arial, sans-serif !important;
    font-style: normal !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    color: #4b5d63 !important;
}
@media only screen and (max-width: 768px) {

    /* Reduce spacing in Meet Dr. Thein content */
    #home-drthein-text h2 {
        margin-bottom: 8px !important;
    }

    #home-drthein-text h2 span {
        margin-bottom: 0 !important;
    }

    #home-drthein-text p {
        margin-top: 0 !important;
        margin-bottom: 12px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #home-drthein-text p + p {
        margin-top: 0 !important;
    }

    #home-drthein-text br {
        line-height: 0 !important;
    }
}
/* Clean Dr. Thein typography */
#home-drthein-text .drthein-subtitle {
    display: block;
    margin-top: 5px;

    font-size: 18px;
    line-height: 1.35;

    font-style: italic;
    font-weight: 600;

    color: #61777e;
}

#home-drthein-text p {
    margin: 0 0 16px !important;

    font-family: "Open Sans", sans-serif !important;
    font-style: normal !important;

    font-size: 17px !important;
    line-height: 1.7 !important;

    color: #4b5d63 !important;
}

#home-drthein-text h2 {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

#home-drthein-text h2:not(:first-child) {
    margin-top: 25px !important;
}

.drthein-benefits {
    margin: 0 0 24px 20px !important;
}

.drthein-benefits li {
    margin-bottom: 7px;

    font-family: "Open Sans", sans-serif;
    font-style: normal;

    font-size: 16px;
    line-height: 1.5;
}
/* DESKTOP ONLY - CTA SECTION WIDTH FIX */
@media screen and (min-width: 1025px) {

    #sec-CTA-first {
        width: calc(100% - 120px) !important;
        max-width: 1500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

}
/* ==================================================
   MODERN DESKTOP DROPDOWN MENU
   Boston Dental Care
   ================================================== */

@media only screen and (min-width: 1025px) {

    /* Main navigation */
    .genesis-nav-menu {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 34px !important;
    }

    .genesis-nav-menu > li {
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Main menu links */
    .genesis-nav-menu > li > a {
        padding: 18px 0 !important;
        white-space: nowrap !important;
    }


    /* ==============================
       DROPDOWN BOX
       ============================== */

    .genesis-nav-menu > li > .sub-menu {
        position: absolute !important;

        top: 100% !important;
        left: 50% !important;
        right: auto !important;

        transform: translateX(-50%) translateY(8px) !important;

        width: 290px !important;
        min-width: 290px !important;

        margin: 0 !important;
        padding: 8px !important;

        background: #ffffff !important;

        border: 1px solid #e5ecee !important;
        border-radius: 8px !important;

        box-shadow:
            0 12px 35px rgba(25, 55, 65, 0.13) !important;

        opacity: 0 !important;
        visibility: hidden !important;

        transition:
            opacity .18s ease,
            transform .18s ease,
            visibility .18s ease !important;

        z-index: 99999 !important;
    }


    /* ==============================
       SHOW ON HOVER
       ============================== */

    .genesis-nav-menu > li:hover > .sub-menu {
        opacity: 1 !important;
        visibility: visible !important;

        transform:
            translateX(-50%) translateY(0) !important;
    }


    /* ==============================
       DROPDOWN ITEMS
       ============================== */

    .genesis-nav-menu > li > .sub-menu > li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        position: relative !important;
    }


    .genesis-nav-menu > li > .sub-menu > li > a {

        display: flex !important;
        align-items: center !important;

        width: 100% !important;

        min-height: 48px !important;

        padding: 11px 15px !important;

        margin: 0 !important;

        box-sizing: border-box !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 5px !important;

        color: #315562 !important;

        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;

        letter-spacing: .5px !important;

        white-space: normal !important;

        transition:
            background .15s ease,
            color .15s ease,
            padding .15s ease !important;
    }


    /* Divider */
    .genesis-nav-menu > li > .sub-menu > li:not(:last-child) {
        border-bottom: 1px solid #edf1f2 !important;
    }


    /* ==============================
       HOVER EFFECT
       ============================== */

    .genesis-nav-menu > li > .sub-menu > li:hover > a {

        background: #eef7f8 !important;

        color: #027185 !important;

        padding-left: 20px !important;
    }


    /* Small teal indicator */

    .genesis-nav-menu > li > .sub-menu > li > a::before {

        content: "";

        width: 3px;
        height: 0;

        background: #027185;

        border-radius: 3px;

        margin-right: 0;

        transition:
            height .15s ease,
            margin-right .15s ease;
    }


    .genesis-nav-menu > li > .sub-menu > li:hover > a::before {

        height: 20px;

        margin-right: 9px;
    }


    /* ==============================
       REMOVE 3RD LEVEL FLYOUT
       ============================== */

    .genesis-nav-menu .sub-menu .sub-menu {

        display: none !important;

        opacity: 0 !important;

        visibility: hidden !important;
    }


    /* ==============================
       ACTIVE MAIN MENU
       ============================== */

    .genesis-nav-menu > li:hover > a,
    .genesis-nav-menu > .current-menu-item > a,
    .genesis-nav-menu > .current-menu-ancestor > a {

        color: #027185 !important;
    }


    /* ==============================
       KEEP EDGE MENUS ON SCREEN
       ============================== */

    .genesis-nav-menu > li:last-child > .sub-menu {

        left: auto !important;
        right: 0 !important;

        transform: translateY(8px) !important;
    }

    .genesis-nav-menu > li:last-child:hover > .sub-menu {

        transform: translateY(0) !important;
    }

}
/* ==========================================================
   BOSTON DENTAL CARE
   MODERN DESKTOP DROPDOWN + ACCORDION MENU
   Implant Dentistry + Other
========================================================== */

@media only screen and (min-width: 1025px) {

    /* ---------- MAIN NAV ---------- */

    .genesis-nav-menu {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 34px !important;
    }

    .genesis-nav-menu > li {
        position: relative !important;
        margin: 0 !important;
    }

    .genesis-nav-menu > li > a {
        position: relative !important;
        padding: 18px 0 !important;
        white-space: nowrap !important;
        transition: color .2s ease !important;
    }

    .genesis-nav-menu > li:hover > a {
        color: #027185 !important;
    }


    /* ---------- UNDERLINE ---------- */

    .genesis-nav-menu > li > a::after {
        content: "";
        position: absolute;

        left: 50%;
        bottom: 8px;

        width: 0;
        height: 2px;

        background: #027185;

        transform: translateX(-50%);
        transition: width .2s ease;
    }

    .genesis-nav-menu > li:hover > a::after,
    .genesis-nav-menu > li.current-menu-item > a::after,
    .genesis-nav-menu > li.current-menu-ancestor > a::after {
        width: 100%;
    }


    /* =================================
       FIRST DROPDOWN
       ================================= */

    .genesis-nav-menu > li > .sub-menu {

        position: absolute !important;

        top: calc(100% - 2px) !important;
        left: 50% !important;
        right: auto !important;

        width: 330px !important;
        min-width: 330px !important;

        padding: 8px !important;
        margin: 0 !important;

        background: #ffffff !important;

        border: 1px solid #e3eaec !important;
        border-radius: 10px !important;

        box-shadow:
            0 16px 40px rgba(25, 60, 70, .14) !important;

        transform:
            translateX(-50%) translateY(8px) !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transition:
            opacity .18s ease,
            transform .18s ease,
            visibility .18s ease !important;

        z-index: 99999 !important;
    }


    /* IMPORTANT:
       Small invisible hover bridge prevents
       dropdown disappearing while moving mouse */

    .genesis-nav-menu > li > .sub-menu::before {
        content: "";

        position: absolute;

        top: -12px;
        left: 0;

        width: 100%;
        height: 12px;
    }


    /* Open main dropdown */

    .genesis-nav-menu > li:hover > .sub-menu,
    .genesis-nav-menu > li:focus-within > .sub-menu {

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform:
            translateX(-50%) translateY(0) !important;
    }


    /* =================================
       CATEGORY ROWS
       ================================= */

    .genesis-nav-menu > li > .sub-menu > li {

        display: block !important;

        width: 100% !important;

        position: relative !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-bottom: 1px solid #edf1f2 !important;
    }

    .genesis-nav-menu > li > .sub-menu > li:last-child {
        border-bottom: 0 !important;
    }


    .genesis-nav-menu > li > .sub-menu > li > a {

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 50px !important;

        padding: 12px 15px !important;

        box-sizing: border-box !important;

        background: transparent !important;

        color: #365762 !important;

        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;

        letter-spacing: .4px !important;

        white-space: normal !important;

        border: 0 !important;
        border-radius: 6px !important;

        transition:
            background .16s ease,
            color .16s ease,
            padding .16s ease !important;
    }


    /* Category hover */

    .genesis-nav-menu > li > .sub-menu > li:hover > a {

        background: #edf7f8 !important;

        color: #027185 !important;

        padding-left: 19px !important;
    }


    /* =================================
       + / − INDICATOR
       ================================= */

    .genesis-nav-menu
    > li
    > .sub-menu
    > li.menu-item-has-children
    > a::after {

        content: "+";

        flex: 0 0 25px;

        margin-left: 12px;

        text-align: center;

        color: #027185;

        font-size: 20px !important;
        font-weight: 300 !important;
        line-height: 1 !important;

        transition: transform .2s ease;
    }


    .genesis-nav-menu
    > li
    > .sub-menu
    > li.menu-item-has-children:hover
    > a::after {

        content: "−";
    }


    /* =================================
       CHILD SERVICES
       SAME BOX ACCORDION
       ================================= */

    .genesis-nav-menu
    > li
    > .sub-menu
    > li
    > .sub-menu {

        position: static !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;

        transform: none !important;

        display: block !important;

        width: 100% !important;
        min-width: 0 !important;

        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 8px !important;

        box-sizing: border-box !important;

        overflow: hidden !important;

        background: #f7fafb !important;

        border: 0 !important;
        border-radius: 0 0 6px 6px !important;

        box-shadow: none !important;

        opacity: 0 !important;
        visibility: hidden !important;

        transition:
            max-height .28s ease,
            opacity .18s ease,
            padding .28s ease !important;
    }


    /* Expand on hover OR keyboard focus */

    .genesis-nav-menu
    > li
    > .sub-menu
    > li:hover
    > .sub-menu,

    .genesis-nav-menu
    > li
    > .sub-menu
    > li:focus-within
    > .sub-menu {

        max-height: 700px !important;

        padding: 6px 8px 9px !important;

        opacity: 1 !important;
        visibility: visible !important;
    }


    /* Individual service rows */

    .genesis-nav-menu
    > li
    > .sub-menu
    > li
    > .sub-menu
    > li {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
    }


    /* Individual service links */

    .genesis-nav-menu
    > li
    > .sub-menu
    > li
    > .sub-menu
    > li
    > a {

        display: block !important;

        width: 100% !important;

        padding: 9px 11px !important;

        box-sizing: border-box !important;

        background: transparent !important;

        color: #5b7077 !important;

        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;

        letter-spacing: .2px !important;

        white-space: normal !important;

        border: 0 !important;
        border-radius: 5px !important;

        transition:
            background .15s ease,
            color .15s ease,
            padding .15s ease !important;
    }


    /* Individual service hover */

    .genesis-nav-menu
    > li
    > .sub-menu
    > li
    > .sub-menu
    > li
    > a:hover,

    .genesis-nav-menu
    > li
    > .sub-menu
    > li
    > .sub-menu
    > li
    > a:focus {

        background: #ffffff !important;

        color: #027185 !important;

        padding-left: 16px !important;
    }


    /* =================================
       OTHER MENU
       Keep it inside right screen edge
       ================================= */

    .genesis-nav-menu > li:last-child > .sub-menu {

        left: auto !important;
        right: 0 !important;

        transform: translateY(8px) !important;
    }


    .genesis-nav-menu > li:last-child:hover > .sub-menu,
    .genesis-nav-menu > li:last-child:focus-within > .sub-menu {

        transform: translateY(0) !important;
    }

}
/* =========================================================
   BOSTON DENTAL CARE
   ORAL SURGERY PAGE DESIGN
========================================================= */

.oral-surgery-page {
    font-family: "Open Sans", sans-serif;
    color: #40545b;
}

.os-hero {
    max-width: 1180px;
    margin: 35px auto 0;
    padding: 70px 55px;

    background:
        linear-gradient(135deg, #027185 0%, #075c6b 100%);

    border-radius: 18px;

    text-align: center;
    color: #fff;
}

.os-eyebrow {
    margin-bottom: 14px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;

    text-transform: uppercase;

    opacity: .85;
}

.os-hero h1 {
    max-width: 900px;

    margin: 0 auto 20px;

    color: #fff;

    font-size: 48px;
    line-height: 1.08;
}

.os-lead {
    max-width: 820px;

    margin: 0 auto 30px !important;

    color: rgba(255,255,255,.94);

    font-size: 18px;
    line-height: 1.7;
}

.os-cta {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    gap: 12px;

    margin-top: 25px;
}

.os-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 52px;

    padding: 0 25px;

    border-radius: 7px;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none !important;
}

.os-btn-primary {
    background: #fff;
    color: #027185 !important;
}

.os-btn-secondary {
    border: 1px solid rgba(255,255,255,.65);

    color: #fff !important;

    background: rgba(255,255,255,.08);
}

.os-section {
    max-width: 1100px;

    margin: 0 auto;

    padding: 65px 35px;
}

.os-section h2 {
    margin-bottom: 20px;

    color: #244d59;

    font-size: 34px;
    line-height: 1.15;
}

.os-section p {
    font-size: 17px;
    line-height: 1.75;

    color: #536970;
}

.os-light {
    max-width: none;

    padding-left: max(35px, calc((100% - 1100px)/2));
    padding-right: max(35px, calc((100% - 1100px)/2));

    background: #f4f8f9;
}

.os-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 20px;

    margin-top: 30px;
}

.os-card {
    display: block;

    padding: 28px;

    background: #fff;

    border: 1px solid #dfe8ea;
    border-radius: 12px;

    text-decoration: none !important;

    box-shadow:
        0 6px 20px rgba(30,65,75,.06);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.os-card:hover {
    transform: translateY(-4px);

    border-color: #8dbac3;

    box-shadow:
        0 14px 35px rgba(30,65,75,.11);
}

.os-card h3 {
    color: #255360;

    font-size: 21px;
}

.os-card p {
    margin-bottom: 15px !important;

    font-size: 15px;
}

.os-card span {
    color: #027185;

    font-size: 13px;
    font-weight: 700;
}

.os-checklist {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px 25px;

    margin: 25px 0 0 !important;

    list-style: none !important;
}

.os-checklist li {
    position: relative;

    padding: 14px 15px 14px 42px;

    background: #f6f9fa;

    border-radius: 7px;

    font-size: 15px;
}

.os-checklist li::before {
    content: "✓";

    position: absolute;

    left: 15px;
    top: 13px;

    color: #027185;

    font-weight: 700;
}

.os-steps {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    gap: 16px;

    margin-top: 30px;
}

.os-steps > div {
    padding: 25px;

    border: 1px solid #e1eaec;
    border-radius: 10px;

    background: #fff;
}

.os-steps strong {
    display: block;

    margin-bottom: 15px;

    color: #81a192;

    font-size: 30px;
}

.os-steps h3 {
    color: #284f59;

    font-size: 18px;
}

.os-steps p {
    font-size: 14px;
    line-height: 1.6;
}

.os-faq details {
    margin-bottom: 10px;

    padding: 17px 20px;

    border: 1px solid #e0e9eb;
    border-radius: 8px;

    background: #fff;
}

.os-faq summary {
    cursor: pointer;

    color: #31535c;

    font-size: 16px;
    font-weight: 700;
}

.os-faq details p {
    padding-top: 15px;

    font-size: 15px;
}

.os-final-cta {
    max-width: 1100px;

    margin: 30px auto 70px;

    padding: 50px 35px;

    background: #eef6f7;

    border-radius: 15px;

    text-align: center;
}

.os-final-cta h2 {
    color: #254e59;

    font-size: 34px;
}

.os-final-cta .os-btn-primary {
    background: #027185;
    color: #fff !important;
}

.os-final-cta .os-btn-secondary {
    border-color: #027185;

    background: #fff;

    color: #027185 !important;
}


/* =========================================================
   TABLET
========================================================= */

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

    .os-hero {
        margin: 20px;
        padding: 55px 35px;
    }

    .os-hero h1 {
        font-size: 40px;
    }

    .os-steps {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

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

    .os-hero {
        margin: 12px;

        padding: 38px 20px;

        border-radius: 13px;
    }

    .os-hero h1 {
        font-size: 32px;
    }

    .os-lead {
        font-size: 16px;
        line-height: 1.6;
    }

    .os-cta {
        flex-direction: column;
    }

    .os-btn {
        width: 100%;

        box-sizing: border-box;
    }

    .os-section {
        padding: 42px 18px;
    }

    .os-section h2 {
        font-size: 27px;
    }

    .os-section p {
        font-size: 16px;
        line-height: 1.7;
    }

    .os-grid,
    .os-checklist,
    .os-steps {
        grid-template-columns: 1fr;
    }

    .os-light {
        padding-left: 18px;
        padding-right: 18px;
    }

    .os-final-cta {
        margin: 15px 12px 40px;

        padding: 35px 20px;
    }

}
/* ==========================================================
   BDC MODERN DESKTOP DROPDOWN MENU
   ========================================================== */

@media only screen and (min-width: 769px) {

    /* Main navigation */
    .bdc-navigation .genesis-nav-menu {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
    }

    /* Main menu links */
    .bdc-navigation .genesis-nav-menu > li > a {
        padding: 18px 15px !important;
        font-size: 17px !important;
        line-height: 1.2 !important;
        position: relative !important;
        transition: color .2s ease !important;
    }

    /* Dropdown */
    .bdc-navigation .genesis-nav-menu > li > .sub-menu {
        width: 310px !important;
        min-width: 310px !important;

        padding: 8px !important;
        margin-top: 0 !important;

        background: #ffffff !important;
        border: 1px solid #e1eaed !important;
        border-radius: 10px !important;

        box-shadow:
            0 18px 45px rgba(23, 62, 74, .13) !important;

        overflow: visible !important;
    }

    /* Dropdown rows */
    .bdc-navigation .sub-menu > li {
        width: 100% !important;
        border: 0 !important;
        margin: 0 !important;
    }

    /* Dropdown links */
    .bdc-navigation .sub-menu > li > a {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 48px !important;

        padding: 11px 14px !important;
        margin: 0 !important;

        color: #355866 !important;
        background: transparent !important;

        border: 0 !important;
        border-bottom: 1px solid #edf1f2 !important;
        border-radius: 6px !important;

        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
        letter-spacing: .3px !important;
        text-align: left !important;

        transition:
            background .2s ease,
            color .2s ease,
            padding-left .2s ease !important;
    }

    .bdc-navigation .sub-menu > li:last-child > a {
        border-bottom: 0 !important;
    }

    /* Modern hover */
    .bdc-navigation .sub-menu > li > a:hover {
        background: #edf6f7 !important;
        color: #007d91 !important;
        padding-left: 20px !important;
    }

    /* Small arrow on hover */
    .bdc-navigation .sub-menu > li > a::after {
        content: "›";
        margin-left: auto;
        padding-left: 12px;

        color: #00849a;
        font-size: 20px;
        line-height: 1;

        opacity: 0;
        transform: translateX(-5px);

        transition:
            opacity .2s ease,
            transform .2s ease;
    }

    .bdc-navigation .sub-menu > li > a:hover::after {
        opacity: 1;
        transform: translateX(0);
    }

    /* Parent active / hover underline */
    .bdc-navigation .genesis-nav-menu > li > a::before {
        content: "";
        position: absolute;

        left: 15px;
        right: 15px;
        bottom: 9px;

        height: 2px;
        background: #00849a;

        transform: scaleX(0);
        transform-origin: center;

        transition: transform .2s ease;
    }

    .bdc-navigation .genesis-nav-menu > li:hover > a::before,
    .bdc-navigation .genesis-nav-menu > li.current-menu-item > a::before,
    .bdc-navigation .genesis-nav-menu > li.current-menu-ancestor > a::before {
        transform: scaleX(1);
    }

}
/* BDC DROPDOWN FINAL POLISH - DESKTOP */
@media only screen and (min-width: 769px) {

    /* Slightly smaller dropdown */
    .bdc-navigation .genesis-nav-menu > li > .sub-menu {
        width: 290px !important;
        min-width: 290px !important;
        padding: 7px 9px !important;
        border-radius: 9px !important;
    }

    /* Compact menu rows */
    .bdc-navigation .sub-menu > li > a {
        min-height: 44px !important;
        padding: 10px 15px !important;

        font-size: 14px !important;
        line-height: 1.3 !important;

        border-radius: 5px !important;
    }

    /* Hover */
    .bdc-navigation .sub-menu > li > a:hover {
        padding-left: 18px !important;
        background: #f1f7f8 !important;
        color: #007f91 !important;
    }

    /* Smaller arrow */
    .bdc-navigation .sub-menu > li > a::after {
        font-size: 17px !important;
    }

    /* Remove heavy left vertical hover line */
    .bdc-navigation .sub-menu > li > a::before {
        display: none !important;
    }

    /* Cleaner main navigation spacing */
    .bdc-navigation .genesis-nav-menu {
        gap: 3px !important;
    }

    .bdc-navigation .genesis-nav-menu > li > a {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
}
/* =========================================================
   FINAL IMPLANT DENTISTRY MEGA MENU
   DESKTOP ONLY
========================================================= */

@media only screen and (min-width: 1025px) {

    /* Implant Dentistry = 4th main menu item */
    .bdc-navigation .genesis-nav-menu > li:nth-child(4) {
        position: relative !important;
    }


    /* Main mega menu container */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu {

        position: absolute !important;

        top: 100% !important;
        left: auto !important;
        right: -220px !important;

        width: 900px !important;
        min-width: 900px !important;
        max-width: calc(100vw - 40px) !important;

        margin: 0 !important;
        padding: 24px !important;

        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: start !important;

        gap: 24px 28px !important;

        background: #ffffff !important;

        border: 1px solid #e1eaed !important;
        border-radius: 12px !important;

        box-shadow:
            0 20px 50px rgba(25, 60, 70, 0.15) !important;

        overflow: visible !important;

        transform: translateY(8px) !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        z-index: 999999 !important;

        transition:
            opacity .18s ease,
            transform .18s ease,
            visibility .18s ease !important;
    }


    /* Show full mega menu */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4):hover
    > .sub-menu,

    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4):focus-within
    > .sub-menu {

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: translateY(0) !important;
    }


    /* =====================================================
       CATEGORY BLOCKS
    ===================================================== */

    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li {

        display: block !important;

        position: static !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;
    }


    /* Category titles */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > a {

        display: block !important;

        width: 100% !important;
        min-height: 0 !important;

        margin: 0 0 8px !important;
        padding: 0 0 10px !important;

        background: transparent !important;

        border: 0 !important;
        border-bottom: 2px solid #d9eaed !important;
        border-radius: 0 !important;

        color: #027185 !important;

        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;

        letter-spacing: .4px !important;

        text-align: left !important;
        text-transform: uppercase !important;
    }


    /* Remove old + / minus / arrow */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > a::before,

    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > a::after {

        display: none !important;
        content: none !important;
    }


    /* =====================================================
       CHILD SERVICE LISTS
    ===================================================== */

    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > .sub-menu {

        display: block !important;

        position: static !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;

        width: 100% !important;
        min-width: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        overflow: visible !important;

        pointer-events: auto !important;
    }


    /* Service list item */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > .sub-menu
    > li {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
    }


    /* Individual services */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > .sub-menu
    > li
    > a {

        display: block !important;

        width: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 7px 9px !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 5px !important;

        color: #536970 !important;

        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;

        letter-spacing: .1px !important;

        text-align: left !important;
        text-transform: none !important;

        white-space: normal !important;

        transition:
            background .15s ease,
            color .15s ease,
            padding-left .15s ease !important;
    }


    /* Service hover */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > .sub-menu
    > li
    > a:hover {

        background: #eef7f8 !important;

        color: #027185 !important;

        padding-left: 13px !important;
    }


    /* FAQ or categories without children */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li:not(.menu-item-has-children)
    > a {

        padding: 10px 12px !important;

        background: #eef7f8 !important;

        border: 0 !important;
        border-radius: 6px !important;

        color: #027185 !important;
    }

}


/* Slightly smaller desktop */
@media only screen and (min-width: 1025px) and (max-width: 1300px) {

    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu {

        width: 760px !important;
        min-width: 760px !important;

        right: -170px !important;

        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
}
/* =========================================================
   FIX IMPLANT DENTISTRY MEGA MENU POSITION
   DESKTOP ONLY
========================================================= */

@media only screen and (min-width: 1025px) {

    /* Keep mega menu fully inside screen */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu {

        left: auto !important;
        right: 0 !important;

        width: 820px !important;
        min-width: 820px !important;
        max-width: calc(100vw - 40px) !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 22px 26px !important;

        padding: 24px !important;

        box-sizing: border-box !important;
    }


    /* Category headings */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > a {

        font-size: 13px !important;
        line-height: 1.3 !important;

        padding-bottom: 9px !important;
        margin-bottom: 6px !important;
    }


    /* Individual page links */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > .sub-menu
    > li
    > a {

        font-size: 12.5px !important;
        line-height: 1.4 !important;

        padding: 6px 7px !important;

        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

}


/* =========================================================
   SMALLER LAPTOPS
========================================================= */

@media only screen and (min-width: 1025px) and (max-width: 1350px) {

    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu {

        width: 720px !important;
        min-width: 720px !important;

        right: -70px !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 18px !important;

        padding: 20px !important;
    }

}
/* =========================================================
   FINAL FIX - CENTER IMPLANT DENTISTRY MEGA MENU
   DESKTOP ONLY
========================================================= */

@media only screen and (min-width: 1025px) {

    /* Navigation container becomes positioning reference */
    .bdc-navigation {
        position: relative !important;
    }

    .bdc-navigation .nav-primary,
    .bdc-navigation .nav-primary .wrap,
    .bdc-navigation .genesis-nav-menu {
        position: static !important;
    }


    /* Implant Dentistry mega menu */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu {

        position: absolute !important;

        top: 100% !important;

        /* IMPORTANT - no longer anchored to parent */
        left: 50% !important;
        right: auto !important;

        width: 860px !important;
        min-width: 860px !important;
        max-width: calc(100vw - 80px) !important;

        transform: translateX(-50%) translateY(8px) !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 24px 28px !important;

        padding: 26px !important;

        box-sizing: border-box !important;

        background: #ffffff !important;

        border: 1px solid #e0eaec !important;
        border-radius: 12px !important;

        box-shadow:
            0 20px 50px rgba(25, 60, 70, 0.14) !important;

        z-index: 999999 !important;
    }


    /* When open */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4):hover
    > .sub-menu,

    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4):focus-within
    > .sub-menu {

        transform: translateX(-50%) translateY(0) !important;
    }


    /* Child columns */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li {

        width: 100% !important;

        min-width: 0 !important;

        overflow: visible !important;
    }


    /* Category headings */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > a {

        width: 100% !important;

        padding: 0 0 10px !important;
        margin: 0 0 8px !important;

        font-size: 14px !important;
        line-height: 1.3 !important;

        white-space: normal !important;

        overflow: visible !important;
    }


    /* Child links */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > .sub-menu
    > li
    > a {

        width: 100% !important;

        padding: 7px 8px !important;

        font-size: 13px !important;
        line-height: 1.4 !important;

        white-space: normal !important;

        overflow: visible !important;
        text-overflow: initial !important;

        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

}


/* LAPTOP */
@media only screen and (min-width: 1025px) and (max-width: 1250px) {

    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu {

        width: 700px !important;
        min-width: 700px !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 20px !important;

        padding: 22px !important;
    }

}
/* =========================================================
   COMPACT IMPLANT DENTISTRY MEGA MENU
   DESKTOP ONLY
========================================================= */

@media only screen and (min-width: 1025px) {

    /* Mega menu overall size */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu {

        width: 820px !important;
        min-width: 820px !important;

        padding: 18px 20px !important;

        gap: 14px 22px !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        max-height: 76vh !important;
        overflow-y: auto !important;

        box-sizing: border-box !important;
    }

    /* Category blocks more compact */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li {

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Category headings */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > a {

        margin: 0 0 5px !important;
        padding: 0 0 7px !important;

        font-size: 13px !important;
        line-height: 1.2 !important;

        border-bottom: 1px solid #d7e8eb !important;
    }

    /* Child list */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > .sub-menu {

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Service links more compact */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > .sub-menu
    > li
    > a {

        padding: 4px 6px !important;

        font-size: 12px !important;
        line-height: 1.28 !important;

        margin: 0 !important;
    }

    /* Reduce space between category rows */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li:nth-child(n+4) {

        margin-top: 4px !important;
    }

    /* FAQ / standalone block */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li:not(.menu-item-has-children)
    > a {

        padding: 7px 10px !important;

        font-size: 12px !important;
    }
}
/* =========================================================
   STICKY TOP CONTACT BAR
========================================================= */

.bdc-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999999 !important;
    width: 100% !important;
    background: #edf6f8 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
}

/* Make sure parent containers don't break sticky */
body,
.site-container {
    overflow: visible !important;
}
/* =========================================================
   STICKY CONTACT BAR AFTER HERO
========================================================= */

/* Normal state */
.bdc-topbar {
    position: relative !important;
    top: auto !important;
    z-index: 999999 !important;
}

/* Sticky state - activated after hero */
.bdc-topbar.bdc-banner-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    background: #edf6f8 !important;

    box-shadow: 0 4px 18px rgba(24, 61, 71, 0.12) !important;

    animation: bdcStickyDown 0.25s ease;
}


/* Smooth appearance */
@keyframes bdcStickyDown {

    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}


/* =====================================
   LOGO INSIDE STICKY BAR
===================================== */

.bdc-sticky-logo {
    display: none;
}


/* Hide original address completely when sticky */
.bdc-banner-sticky .bdc-top-address {
    font-size: 0 !important;
    gap: 0 !important;
    color: transparent !important;
}

.bdc-banner-sticky .bdc-top-address > *:not(.bdc-sticky-logo) {
    display: none !important;
}

/* Keep sticky logo visible */
.bdc-banner-sticky .bdc-sticky-logo {
    font-size: initial !important;
    color: initial !important;
}


/* Show logo */
.bdc-banner-sticky .bdc-sticky-logo {
    display: flex !important;

    align-items: center;
    justify-content: flex-start;

    width: 220px;

    color: initial !important;
}


/* Logo image */
.bdc-banner-sticky .bdc-sticky-logo img {
    display: block;

    width: auto;
    max-width: 185px;
    max-height: 48px;

    margin: 0;
}


/* Make sticky bar slightly compact */
.bdc-banner-sticky .bdc-topbar-inner {
    min-height: 64px !important;

    padding-top: 5px !important;
    padding-bottom: 5px !important;
}


/* Make sure address/logo area stays usable */
.bdc-banner-sticky .bdc-top-address {
    display: flex !important;

    align-items: center !important;

    min-width: 230px;

    overflow: visible !important;
}


/* =====================================
   MOBILE
===================================== */

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

    .bdc-banner-sticky .bdc-topbar-inner {
        padding: 7px 10px !important;
    }

    .bdc-banner-sticky .bdc-sticky-logo {
        width: 100%;
        justify-content: center;
    }

    .bdc-banner-sticky .bdc-sticky-logo img {
        max-width: 150px;
        max-height: 42px;
    }

    .bdc-banner-sticky .bdc-top-address {
        min-width: 0;
    }

}
/* ==========================================
   COMPACT MEGA MENU - REDUCE LINE SPACING
========================================== */

@media only screen and (min-width: 1025px) {

    /* Individual service links */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > .sub-menu
    > li
    > a {

        padding-top: 3px !important;
        padding-bottom: 3px !important;

        margin: 0 !important;

        line-height: 1.25 !important;
    }

    /* Remove extra spacing from individual list items */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > .sub-menu
    > li {

        margin: 0 0 3px 0 !important;
        padding: 0 !important;
    }

    /* Less gap below category headings */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > a {

        margin-bottom: 4px !important;
        padding-bottom: 6px !important;
    }

    /* Reduce gap between upper and lower category rows */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu {

        row-gap: 10px !important;
    }
}
/* =========================================================
   BDC NAVIGATION TYPOGRAPHY ONLY
   Does NOT affect page content / headings / paragraphs
========================================================= */

/* MAIN NAVIGATION
   Home / About / Oral Surgery / Implant Dentistry /
   Case Study / Other
--------------------------------------------------------- */

.bdc-navigation .genesis-nav-menu > li > a {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.3px !important;
}


/* ALL FIRST-LEVEL DROPDOWN ITEMS
--------------------------------------------------------- */

.bdc-navigation .genesis-nav-menu > li > .sub-menu > li > a {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.1px !important;
}


/* ALL SECOND-LEVEL / PAGE LINKS
   Including Implant Dentistry mega-menu links
--------------------------------------------------------- */

.bdc-navigation .genesis-nav-menu .sub-menu .sub-menu a {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
}


/* MEGA MENU CATEGORY HEADINGS
--------------------------------------------------------- */

.bdc-navigation .genesis-nav-menu .sub-menu > .menu-item-has-children > a {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.2px !important;
}


/* DROPDOWN HOVER
--------------------------------------------------------- */

.bdc-navigation .genesis-nav-menu .sub-menu a:hover {
    color: #007c91 !important;
}


/* =========================================================
   MOBILE
========================================================= */

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

    .bdc-navigation .genesis-nav-menu > li > a {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
    }

    .bdc-navigation .genesis-nav-menu > li > .sub-menu > li > a {
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
    }

    .bdc-navigation .genesis-nav-menu .sub-menu .sub-menu a {
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
    }
}
/* ==========================================================
   FINAL NAVIGATION HOVER / POSITION RESET
   Oral Surgery + Case Study + Other = normal dropdown
   Implant Dentistry = mega menu
========================================================== */

@media only screen and (min-width: 1025px) {

    /* Main navigation positioning */
    .bdc-navigation {
        position: relative !important;
        overflow: visible !important;
    }

    .bdc-navigation .nav-primary,
    .bdc-navigation .nav-primary .wrap,
    .bdc-navigation .genesis-nav-menu {
        position: relative !important;
        overflow: visible !important;
    }

    /* Every normal main menu item owns its dropdown */
    .bdc-navigation .genesis-nav-menu > li {
        position: relative !important;
    }


    /* =====================================================
       NORMAL DROPDOWNS
       Oral Surgery / Case Study / Other
    ===================================================== */

    .bdc-navigation
    .genesis-nav-menu
    > li
    > .sub-menu {

        position: absolute !important;

        top: 100% !important;
        left: 50% !important;
        right: auto !important;

        width: 290px !important;
        min-width: 290px !important;

        margin: 0 !important;
        padding: 8px !important;

        transform: translateX(-50%) translateY(8px) !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        background: #ffffff !important;

        border: 1px solid #e1eaed !important;
        border-radius: 9px !important;

        box-shadow: 0 15px 35px rgba(25,60,70,.12) !important;

        z-index: 999999 !important;
    }

    /* ONLY direct hovered parent opens its own dropdown */
    .bdc-navigation
    .genesis-nav-menu
    > li:hover
    > .sub-menu,

    .bdc-navigation
    .genesis-nav-menu
    > li:focus-within
    > .sub-menu {

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: translateX(-50%) translateY(0) !important;
    }


    /* Prevent neighbouring menu hover from opening dropdown */
    .bdc-navigation
    .genesis-nav-menu
    > li:not(:hover):not(:focus-within)
    > .sub-menu {

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }


    /* Small hover bridge */
    .bdc-navigation
    .genesis-nav-menu
    > li
    > .sub-menu::before {

        content: "";

        position: absolute;

        top: -10px;
        left: 0;

        width: 100%;
        height: 10px;
    }


    /* =====================================================
       IMPLANT DENTISTRY ONLY
       4th item in current navigation
    ===================================================== */

    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4) {

        /* Allows mega menu to use navigation as reference */
        position: static !important;
    }


    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu {

        left: 50% !important;
        right: auto !important;

        width: 820px !important;
        min-width: 820px !important;
        max-width: calc(100vw - 60px) !important;

        grid-template-columns: repeat(3, minmax(0,1fr)) !important;

        transform: translateX(-50%) translateY(8px) !important;
    }


    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4):hover
    > .sub-menu,

    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4):focus-within
    > .sub-menu {

        display: grid !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: translateX(-50%) translateY(0) !important;
    }


    /* Mega menu child lists always visible */
    .bdc-navigation
    .genesis-nav-menu
    > li:nth-child(4)
    > .sub-menu
    > li
    > .sub-menu {

        position: static !important;

        display: block !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        border: 0 !important;
        box-shadow: none !important;

        background: transparent !important;
    }


    /* =====================================================
       OTHER MENU - keep inside right edge
    ===================================================== */

    .bdc-navigation
    .genesis-nav-menu
    > li:last-child
    > .sub-menu {

        left: auto !important;
        right: 0 !important;

        transform: translateY(8px) !important;
    }

    .bdc-navigation
    .genesis-nav-menu
    > li:last-child:hover
    > .sub-menu,

    .bdc-navigation
    .genesis-nav-menu
    > li:last-child:focus-within
    > .sub-menu {

        transform: translateY(0) !important;
    }

}
/* =========================================
   STICKY BAR LOGO - LEFT ALIGN
========================================= */

.bdc-banner-sticky .bdc-topbar-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.bdc-banner-sticky .bdc-top-address {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    margin-right: auto !important;

    min-width: 220px !important;
}

.bdc-banner-sticky .bdc-sticky-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    margin: 0 !important;
}

.bdc-banner-sticky .bdc-sticky-logo img {
    display: block !important;

    width: auto !important;
    max-width: 190px !important;
    max-height: 52px !important;

    margin: 0 !important;
}
/* =====================================================
   STICKY HEADER - FINAL DESKTOP ALIGNMENT
   Logo LEFT + Contact boxes RIGHT
===================================================== */

@media only screen and (min-width: 1025px) {

    /* Full sticky bar */
    .bdc-banner-sticky {
        width: 100% !important;
    }

    /* Remove centered/max-width container behaviour */
    .bdc-banner-sticky .bdc-topbar-inner {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 40px !important;
        padding-right: 40px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        box-sizing: border-box !important;
    }

    /* Area which originally contained address */
    .bdc-banner-sticky .bdc-top-address {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    /* Sticky logo */
    .bdc-banner-sticky .bdc-sticky-logo {
        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .bdc-banner-sticky .bdc-sticky-logo img {
        display: block !important;

        width: auto !important;
        height: auto !important;

        max-width: 190px !important;
        max-height: 58px !important;

        margin: 0 !important;
    }


    /* Push everything AFTER logo to right side */
    .bdc-banner-sticky .bdc-top-address + * {
        margin-left: auto !important;
    }
}
/* =====================================================
   IMPLANT SERVICE AREA CTA - FULL WIDTH ALIGNMENT
   Match upper site/header width
===================================================== */

@media only screen and (min-width: 1025px) {

    .service-area-section,
    .implant-service-area,
    .service-area-cta {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
}
/* =========================================================
   BDC HOME HERO - MODERN DESIGN
   Only affects homepage hero/banner
========================================================= */

@media only screen and (min-width: 769px) {

    /* Main content box positioning */
    #banner-conBox {
        width: 48% !important;
        max-width: 680px !important;

        margin: 70px 0 0 95px !important;
        padding: 0 !important;

        align-items: flex-start !important;
    }


    /* Main green content card */
    .banner-conBox-text {
        width: 100% !important;
        max-width: 680px !important;
        max-height: none !important;

        padding: 48px 50px 42px !important;

        background: rgba(129, 161, 146, 0.96) !important;

        border-radius: 16px !important;

        box-shadow:
            0 20px 50px rgba(33, 61, 67, 0.16) !important;

        text-align: left !important;

        box-sizing: border-box !important;
    }


    /* Doctor name */
    #banner-title > div:first-child {
        margin-bottom: 12px !important;

        font-family: "Open Sans", Arial, sans-serif !important;

        font-size: 18px !important;
        line-height: 1.3 !important;

        font-weight: 600 !important;
        letter-spacing: 1.2px !important;

        color: #ffffff !important;

        text-transform: uppercase !important;
    }


    /* Main heading */
    #banner-title div {
        font-family: "Open Sans", Arial, sans-serif !important;

        font-size: 46px !important;
        line-height: 1.08 !important;

        font-weight: 700 !important;

        letter-spacing: -0.5px !important;

        color: #ffffff !important;

        text-align: left !important;
    }


    /* Supporting text */
    #banner-text {
        width: 100% !important;
        max-width: 560px !important;

        margin: 22px 0 0 !important;

        font-family: "Open Sans", Arial, sans-serif !important;

        font-size: 17px !important;
        line-height: 1.7 !important;

        color: rgba(255,255,255,0.96) !important;

        text-align: left !important;
    }


    /* Button container */
    #banner-btnCon {
        width: 100% !important;
        max-width: 680px !important;

        margin: 16px 0 0 !important;

        display: flex !important;
        align-items: stretch !important;

        gap: 12px !important;
    }


    /* Both hero buttons */
    #banner-btnCon .sec-btn {
        flex: 1 1 0 !important;

        min-height: 56px !important;

        padding: 0 20px !important;
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        font-family: "Open Sans", Arial, sans-serif !important;

        font-size: 14px !important;
        line-height: 1.3 !important;

        font-weight: 600 !important;
        letter-spacing: 0.7px !important;

        border-radius: 8px !important;

        box-sizing: border-box !important;

        transition:
            transform .18s ease,
            box-shadow .18s ease,
            background-color .18s ease !important;
    }


    /* First button */
    #banner-btnCon .sec-btn:first-child {
        background: #027185 !important;
        color: #ffffff !important;

        border: 1px solid #027185 !important;
    }


    /* Second button */
    #banner-btnCon .sec-btn:last-child {
        background: #ffffff !important;
        color: #027185 !important;

        border: 1px solid #ffffff !important;
    }


    #banner-btnCon .sec-btn a {
        width: 100% !important;

        color: inherit !important;

        font-weight: inherit !important;

        text-align: center !important;
    }


    /* Button hover */
    #banner-btnCon .sec-btn:hover {
        transform: translateY(-2px) !important;

        box-shadow:
            0 8px 20px rgba(22, 60, 68, 0.15) !important;
    }


    #banner-btnCon .sec-btn:first-child:hover {
        background: #015f70 !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

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

    #banner-conBox {
        width: 55% !important;

        margin-left: 45px !important;
    }

    .banner-conBox-text {
        padding: 38px 35px !important;
    }

    #banner-title div {
        font-size: 38px !important;
    }

    #banner-text {
        font-size: 16px !important;
    }

}


/* =========================================================
   MOBILE HERO
========================================================= */

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

    #banner-conBox {
        width: 100% !important;

        margin: 0 auto !important;
        padding: 14px !important;

        box-sizing: border-box !important;
    }


    .banner-conBox-text {
        width: 100% !important;
        max-width: none !important;
        max-height: none !important;

        padding: 32px 22px !important;

        background: #81a192 !important;

        border-radius: 14px !important;

        box-shadow:
            0 12px 30px rgba(24, 61, 70, 0.12) !important;

        text-align: center !important;
    }


    #banner-title div {
        font-family: "Open Sans", Arial, sans-serif !important;

        font-size: 32px !important;
        line-height: 1.1 !important;

        font-weight: 700 !important;

        color: #ffffff !important;

        text-align: center !important;
    }


    #banner-text {
        width: 100% !important;

        margin: 18px auto 0 !important;

        font-size: 16px !important;
        line-height: 1.6 !important;

        color: #ffffff !important;

        text-align: center !important;
    }


    #banner-btnCon {
        width: 100% !important;

        margin: 12px auto 0 !important;

        padding: 0 14px !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 10px !important;

        box-sizing: border-box !important;
    }


    #banner-btnCon .sec-btn {
        width: 100% !important;
        min-height: 52px !important;

        margin: 0 !important;
        padding: 0 15px !important;

        border-radius: 7px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        font-size: 14px !important;
        font-weight: 600 !important;
    }

}
/* =====================================================
   HERO CTA BUTTONS - FINAL
   Matches Header Button Design
===================================================== */

/* Container holding both buttons */
#banner-conBox > .row-flex {
    width: 100% !important;
    max-width: 680px !important;

    display: flex !important;
    align-items: stretch !important;

    gap: 12px !important;

    margin-top: 14px !important;
}


/* Remove inline margin + make both links equal */
#banner-conBox > .row-flex > a {
    flex: 1 1 0 !important;

    width: auto !important;

    margin: 0 !important;

    text-decoration: none !important;
}


/* ACTUAL BUTTON */
#banner-conBox > .row-flex > a #banner-btnCon {
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    border-radius: 7px !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}


/* Remove paragraph's default spacing */
#banner-conBox > .row-flex > a #banner-btnCon p {
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 15px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    letter-spacing: 0 !important;

    text-transform: none !important;

    white-space: nowrap !important;
}


/* =========================
   BUTTON 1
   REQUEST APPOINTMENT
========================= */

#banner-conBox > .row-flex > a:first-child #banner-btnCon {
    background: #087d8f !important;

    border: 1px solid #087d8f !important;

    box-shadow:
        0 5px 15px rgba(8,125,143,.18) !important;
}

#banner-conBox > .row-flex > a:first-child #banner-btnCon p {
    color: #ffffff !important;
}


/* =========================
   BUTTON 2
   CALL
========================= */

#banner-conBox > .row-flex > a:nth-child(2) #banner-btnCon {
    background: #ffffff !important;

    border: 1px solid #cadde1 !important;

    box-shadow:
        0 3px 10px rgba(20,75,85,.06) !important;
}

#banner-conBox > .row-flex > a:nth-child(2) #banner-btnCon p {
    color: #087d8f !important;
}


/* =========================
   HOVER EFFECTS
========================= */

#banner-conBox > .row-flex > a:first-child:hover #banner-btnCon {
    background: #066c7c !important;
    border-color: #066c7c !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 20px rgba(8,125,143,.24) !important;
}


#banner-conBox > .row-flex > a:nth-child(2):hover #banner-btnCon {
    border-color: #087d8f !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 7px 18px rgba(8,125,143,.12) !important;
}


/* =========================
   MOBILE
========================= */

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

    #banner-conBox > .row-flex {
        flex-direction: column !important;

        gap: 9px !important;

        width: 100% !important;

        margin-top: 12px !important;
    }

    #banner-conBox > .row-flex > a {
        width: 100% !important;
        flex: none !important;

        margin: 0 !important;
    }

    #banner-conBox > .row-flex > a #banner-btnCon {
        width: 100% !important;

        height: 52px !important;
        min-height: 52px !important;
    }

    #banner-conBox > .row-flex > a #banner-btnCon p {
        font-size: 14px !important;
    }
}
/* =========================================================
   BOSTON DENTAL CARE - HERO FINAL MOBILE UI
   Phones only
========================================================= */

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

    /* HERO CONTENT WRAPPER */
    #banner-conBox {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 16px !important;

        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }


    /* GREEN HERO CARD */
    #banner-conBox .banner-conBox-text {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 30px 22px 28px !important;

        box-sizing: border-box !important;

        background: rgba(129, 161, 146, 0.96) !important;

        border-radius: 14px !important;

        box-shadow: 0 12px 28px rgba(30, 65, 72, 0.13) !important;

        text-align: center !important;
    }


    /* ALL HERO TITLE TEXT */
    #banner-title,
    #banner-title div {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;

        color: #ffffff !important;
    }


    /* MAIN HERO HEADING */
    #banner-title div {
        font-family: "Open Sans", Arial, sans-serif !important;

        font-size: 30px !important;
        line-height: 1.08 !important;

        font-weight: 700 !important;

        letter-spacing: -0.3px !important;
    }


    /* HERO PARAGRAPH */
    #banner-text {
        width: 100% !important;
        max-width: 100% !important;

        margin: 18px auto 0 !important;
        padding: 0 !important;

        font-family: "Open Sans", Arial, sans-serif !important;

        font-size: 16px !important;
        line-height: 1.55 !important;

        font-weight: 400 !important;

        color: #ffffff !important;

        text-align: center !important;
    }


    /* BUTTON ROW */
    #banner-conBox > .row-flex {
        width: 100% !important;
        max-width: 100% !important;

        margin: 12px 0 0 !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 10px !important;

        box-sizing: border-box !important;
    }


    /* BUTTON LINKS */
    #banner-conBox > .row-flex > a {
        display: block !important;

        width: 100% !important;

        flex: none !important;

        margin: 0 !important;
        padding: 0 !important;

        text-decoration: none !important;
    }


    /* ACTUAL BUTTON */
    #banner-conBox > .row-flex > a #banner-btnCon {
        width: 100% !important;

        height: 52px !important;
        min-height: 52px !important;

        margin: 0 !important;
        padding: 0 16px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;

        border-radius: 7px !important;
    }


    /* BUTTON TEXT */
    #banner-conBox > .row-flex > a #banner-btnCon p {
        margin: 0 !important;
        padding: 0 !important;

        font-family: "Open Sans", Arial, sans-serif !important;

        font-size: 14px !important;
        line-height: 1.2 !important;

        font-weight: 700 !important;

        letter-spacing: 0 !important;

        text-align: center !important;

        white-space: normal !important;
    }


    /* REQUEST APPOINTMENT */
    #banner-conBox > .row-flex > a:first-child #banner-btnCon {
        background: #087d8f !important;

        border: 1px solid #087d8f !important;

        box-shadow: 0 5px 14px rgba(8,125,143,.18) !important;
    }

    #banner-conBox > .row-flex > a:first-child #banner-btnCon p {
        color: #ffffff !important;
    }


    /* CALL BUTTON */
    #banner-conBox > .row-flex > a:nth-child(2) #banner-btnCon {
        background: #ffffff !important;

        border: 1px solid #cadde1 !important;

        box-shadow: 0 3px 10px rgba(20,75,85,.07) !important;
    }

    #banner-conBox > .row-flex > a:nth-child(2) #banner-btnCon p {
        color: #087d8f !important;
    }
}