@font-face {
    font-family:'Montserrat';
    src: url('https://innovativedentistryva.blob.core.windows.net/content/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('https://innovativedentistryva.blob.core.windows.net/content/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'Montserrat-semibold';
    src: url('https://innovativedentistryva.blob.core.windows.net/content/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('https://innovativedentistryva.blob.core.windows.net/content/fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat-Black';
    src: url('https://innovativedentistryva.blob.core.windows.net/content/fonts/Montserrat-Black.woff2') format('woff2'),
        url('https://innovativedentistryva.blob.core.windows.net/content/fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:900,800,700,600,500,400,300,200,100);*/

body {
    background: #fff none repeat scroll 0 0;
    color: #58595b;
    font: 18px "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 28px;
}

#section_16 h2,  section.section_14 .text_container h4 , section.section_14 .text_container h2 , section.section_13 .text_container h4 , section.section_13 .text_container h2 ,  h4.subtitle, h2.title ,.section_5 .content-wrapper h4 , .section_5 .content-wrapper h2 {    color: #1dafa6 !important;}

section.section_8 h4 , section.section_11 h4,section.section_14 .text_container h4 , section.section_13 .text_container h4  {color: #1dafa6 !important;text-transform: uppercase !important;}

.grecaptcha-badge {
    z-index: 1;
}

.social-icon{margin-left:10px;margin-right:5px;}

.phone-icon{position: relative; bottom: 2px;}

.form-control {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid silver;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #003055;
    display: block;
    font-size: 14px;
    height: 44px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    margin-bottom: 20px;
}

.library_group_image ~ div .block {
    padding: 5px 10px;
}
.library_content svg {
    max-width: 10px;
}

.library_group_image img {
    float: right;
    max-width: 200px;
}

.library_group_image {
    clear: both;
}

.library_group_image {
    float: right;
}

.form-group {
    margin-bottom: 0px;
    margin-top: 0px;
}

.appointment-request-form textarea {
    margin-bottom: 20px;
    margin-top: 20px;
}

textarea.form-control {
    height: auto;
}

.field-validation-error {
    font-size: 12px;
}

.home-border-right {
    border-right: 1px solid #323434;
}

.main-body-content{
    background-color: #fff;
    min-height: 500px;
    padding: 0 0 0px 0;
}

.white-background {
    background: #fff;
    padding: 0;
}

.mi-boxed-layout {
    padding: 0px;
    background-color: #fff;
}

.mi-boxed-container {
    background-color: #fff;
    padding: 20px;
    min-height: 700px;
    padding-bottom: 50px;
}

a {
    color: #005696;
}

a:hover {
    color: #005696;
    text-decoration: underline;
}

h1, h2, h3, h4 {
    color: #005696;
}

h1 {
  font-size: 44px;
  margin-top: 10px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

.orange-text {
 color: #f1592b;
 font-weight: bold;
}

.btn {
    -moz-user-select: none;
    background-image: none;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 9px 18px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0px;
}

.btn-primary {
  color: #333 !important;
  background-color: #46bfc8;
  border-color: #46bfc8;
}


.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #222;
  background-color: #fff;
border: 1px solid #46bfc8;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #6d6f71;
  border-color: #c37417;
}


/* OVERRIDE BOOTSTRAP
-------------------------------------------------- */

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    float: left;
    margin-top: 8px;
}


/* CUSTOMIZE THE HEADER ABOVE NAV
-------------------------------------------------- */
.header-upper {
    background-color: #005696;
    color: #fff;
    padding: 20px;
}

.header-phone {
    float: right;
    font-size: 22px;
    font-weight: 500;
    text-align: right;
    padding-top: 5px;
    line-height: 32px;
}

.header-phone a {
    color: #fff;
}

.header-phone a:hover {
    color: #fff;
    text-decoration: underline;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.header-nav-bg {
    background-color: #005696;
    color: #fff;
}

.logo {
    float: left;
}

.navbar {
    background: none;
    border-radius: 0px;
    margin-bottom: 0px;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: none;
}

.navbar-header {
    padding-top: 0px;
    margin-bottom: 0px;
}

.fa-2x {
    position: relative;
    bottom: 8px;
}

.navbar-nav li:hover {
    background: none;
    color: #1a1b20;
}

.navbar-nav > li > a {
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.navbar-nav > li a:hover {
    text-decoration: underline;
    background: none;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover
{
    background: none;
}

.login {
    color: #777;
}

.login:hover {
    color: #333;
    text-decoration: none;
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 15px;
    padding: 9px 10px;
    position: relative;
}

.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
    background-color: #fff;
}

/* HOME HERO
-------------------------------------------------- */
.home-hero {

}

.home-hero h1 {

}


/* FOOTER ********************************/

footer {
  background-color: #005696;
  color: #fff;
  text-align: center;
  padding-bottom: 100px;
  padding-top: 30px;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
    text-decoration: underline;
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

footer li {
    line-height: 20px;
}

.footer-left {
    text-align: left;
    font-size: 14px;
}

.footer-right {
    text-align: right;
    font-size: 11px;
}

.opentime {
    margin-bottom: 10px;
}

.iconize {
    color: #005696;
}

.fa-2x {
    font-size: 28px;
}


/* REVIEWS -------------- */
.fa-star { background-image: url(https://droi.azureedge.net/content/shared/images/icons/18x18/star.png); width: 18px; height: 18px; margin-right: 5px;}

.fa-star-half {
    background-image: url(https://droi.azureedge.net/content/shared/images/icons/18x18/star-half.png);
    width: 18px;
    height: 18px;
    margin-right: 5px;
    position: relative;
    right: 5px;
    bottom: 1px;
}

.rate-us-div {
    margin: 40px 0 20px 0; border: 1px solid silver; padding: 25px; border-radius: 10px; background-color: #fff;
}
.rate-us-div input, .rate-us-div textarea  {
    margin-top: 20px;
}

.patient-reviews > .row {
    column-width: 18em;
    -moz-column-width: 18em;
    -webkit-column-width: 18em;
    column-gap: 1em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
}

.patient-reviews .item {
    display: inline-block;
    padding:  .25rem;
    width:  100%; 
    margin-left: 15px;
}

.patient-reviews .well {
    position:relative;
    display: block;
    padding: 10px;
    margin-bottom:10px;
    min-height: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.patient-reviews .panel {
    margin-bottom: 0px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.patient-reviews .panel > .panel-heading {
    background-image: none;
    background-color: #221700;
    color: white;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.patient-reviews .panel-body {
    padding: 15px;
}

.patient-reviews .panel-default {
    border-color: #ddd;
}

.reviews-head {
  font-size: 36px;
  padding: 25px 0;
}

.review-stars {
  font-size: 18px;
  line-height: 1em;
}

.review-stars span {
  color: gold;
  padding: 0 2px;
  float: left;
}

.review-reviewer {
    font-size: 14px;
    font-weight: 600;
    margin-left: 115px;
    position: relative;
    top: 1px;
}

.review-body {
  font-size: 1em;
}

/* SIDEBAR -------------------- */
.sidebar {
  padding-left: 5px;
  margin: 20px 0 40px;
}

.sidebar-consultation {
  /*margin-top:15px;*/
  padding: 0px 25px;
}

.sidebar-consultation-head {
  padding: 5px 10px;
  font-size: 12pt;
  background-color: #F55F3F;
  color: #fff;
}

.sidebar-form-consultation {
  margin-top: 5px;
}

.sidebar-form-submit {
  padding: 25px 0;
  text-align: center;
  border-radius: 0;
  color: #fff;
  background-color: #F55F3F;
  border-top: 5px solid #fff;
}

.sidebar-form-button {
    font-size: .8em;
    background-color: #f55f3f;
    border: 1px solid rgba(254, 254, 254, 0.9);
    border-radius: 3px;
    padding: 8px 24px;
    color: #fff;
}

.sidebar-form-button:hover, .sidebar-form-button:active {
    color: #000 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #fff;
}
.sidebar-form-button a:hover, .sidebar-form-button a:active {
    text-decoration: none;
    color: #000;
}

.sidebar-form-text {
  padding: 15px 20px 0px 20px;
  font-size: 10pt;
  line-height: 1.5;
}

.sidebar-list {
    padding: 40px 0px 0px 0px;
}

.sidebar-list h3 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 45px;
}

.sidebar-list li {
    margin-left: 20px;
}

.sub-page-main-section {
    padding-bottom: 50px;
}

.sub-page-main-section:first-child img {
    margin-top: 20px;
    margin-bottom: 20px;
}

.sub-page-main-section h1 {
    font-size: 36px;
}

.sub-page-main-section h2 {
  font-size: 30px;
}

.sub-page-main-section h3 {
    margin-top: 0px;
}

.inline-img {
    float: right;
    margin: 10px;
    margin-top: 10px !important;
}

.ms-dropdown {
    width: 100%;
    padding: 10px;
    border: 1px solid silver;
}
.ms-dropdown option {
    padding: 10px;
}


    /* ============================================================
       CSS VARIABLES & RESET
    ============================================================ */
    :root {
      --teal:        #1dafa6;
      --teal-dark:   #2e7272;
      --teal-light:  #e8f5f5;
      --gold:        #c9a84c;
      --dark:        #1a2a2a;
      --text:        #444;
      --light-bg:    #f8fafa;
      --white:       #ffffff;
      --border:      #d8e8e8;
      --radius:      4px;
    }
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Lato', sans-serif;
      color: var(--text);
      background: var(--white);
      margin: 0;
    }
    h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; color: var(--dark); }
    a { color: var(--teal); text-decoration: none; }
    a:hover { color: var(--teal-dark); text-decoration: underline; }
    img { max-width: 100%; height: auto; }
    .btn-teal {
      background: var(--teal);
      color: #fff !important;
      border: 2px solid var(--teal);
      border-radius: var(--radius);
      padding: 10px 24px;
      font-weight: 700;
      letter-spacing: .5px;
      text-transform: uppercase;
      font-size: 13px;
      display: inline-block;
      transition: background .2s, color .2s;
    }
    .btn-teal:hover { background: var(--teal-dark); border-color: var(--teal-dark); text-decoration: none; }
    .btn-outline-teal {
      background: transparent;
      color: var(--teal) !important;
      border: 2px solid var(--teal);
      border-radius: var(--radius);
      padding: 10px 24px;
      font-weight: 700;
      letter-spacing: .5px;
      text-transform: uppercase;
      font-size: 13px;
      display: inline-block;
      transition: background .2s, color .2s;
    }
    .btn-outline-teal:hover { background: var(--teal); color: #fff !important; text-decoration: none; }
    .btn-white {
      background: #fff;
      color: var(--teal) !important;
      border: 2px solid #fff;
      border-radius: var(--radius);
      padding: 10px 24px;
      font-weight: 700;
      letter-spacing: .5px;
      text-transform: uppercase;
      font-size: 13px;
      display: inline-block;
      transition: background .2s, color .2s;
    }
    .btn-white:hover { background: var(--teal-light); text-decoration: none; }

    /* ============================================================
       TOP BAR
    ============================================================ */
    #top-bar {
      background: var(--teal);
      color: #000;
      font-size: 13px;
      padding: 8px 0;
    }
    #top-bar a { color: #000; }
    #top-bar a:hover { color: #fff; text-decoration: none; }
    #top-bar .top-bar-inner {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
    }
    #top-bar .top-bar-left { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; }
    #top-bar .top-bar-right { display: flex; gap: 12px; align-items: center; }
    #top-bar .fa { margin-right: 5px; }
    .top-bar-cta {
      background: var(--gold);
      color: #fff !important;
      padding: 6px 18px;
      border-radius: var(--radius);
      font-weight: 700;
      font-size: 12px;
      text-transform: uppercase;
    }
    .top-bar-cta:hover { background: #b8943e; text-decoration: none; }

    /* ============================================================
       HEADER / NAVBAR
    ============================================================ */
    #main-header {
      background: var(--white);
      box-shadow: 0 2px 12px rgba(0,0,0,.08);
      position: sticky;
      top: 0;
      z-index: 1000;
    }
    #main-header .navbar {
      margin-bottom: 0;
      border: none;
      border-radius: 0;
      background: transparent;
      min-height: 72px;
    }
    #main-header .navbar-brand {
      padding: 10px 0;
      height: auto;
    }
    .logo-text-wrap { line-height: 1.1; }
    .logo-name {
      font-family: 'Playfair Display', serif;
      font-size: 22px;
      font-weight: 700;
      color: var(--teal);
      display: block;
    }
    .logo-sub {
      font-size: 11px;
      color: var(--gold);
      letter-spacing: 2px;
      text-transform: uppercase;
      display: block;
    }
    .logo-icon {
      width: 44px;
      height: 44px;
      background: var(--teal);
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 20px;
      font-family: 'Playfair Display', serif;
      font-weight: 700;
      margin-right: 10px;
      flex-shrink: 0;
    }
    .navbar-brand-inner { display: flex; align-items: center; }
    #main-header .navbar-nav > li > a {
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .5px;
      color: var(--dark) !important;
      padding: 26px 14px;
      transition: color .2s;
    }
    #main-header .navbar-nav > li > a:hover,
    #main-header .navbar-nav > li.active > a { color: var(--teal) !important; }
    #main-header .navbar-nav > li > a .caret { margin-left: 3px; }
    .navbar-nav .dropdown-menu {
      border: none;
      box-shadow: 0 8px 30px rgba(0,0,0,.12);
      border-radius: 6px;
      padding: 8px 0;
      min-width: 220px;
    }
    .navbar-nav .dropdown-menu li a {
      font-size: 13px;
      color: var(--text) !important;
      padding: 8px 20px;
    }
    .navbar-nav .dropdown-menu li a:hover { background: var(--teal-light); color: var(--teal) !important; }
    .nav-book-btn {
      background: var(--teal) !important;
      color: #fff !important;
      border-radius: var(--radius) !important;
      margin-top: 16px;
      padding: 10px 18px !important;
    }
    .nav-book-btn:hover { background: var(--teal-dark) !important; }
    .navbar-toggle { border-color: var(--teal); margin-top: 18px; }
    .navbar-toggle .icon-bar { background: var(--teal); }

    /* ============================================================
       HERO SECTION
    ============================================================ */
    #hero {
      position: relative;
      background: linear-gradient(135deg, #1a3a3a 0%, #2e6e6e 60%, #3a8f8f 100%);
      color: #fff;
      min-height: 560px;
      display: flex;
      align-items: center;
      overflow: hidden;
      padding: 80px 0 60px;
    }
    #hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url('https://attune.dentist/custom/images/kraken_banner/mobile.jpg') center/cover no-repeat;
      opacity: .18;
    }
    .hero-content { position: relative; z-index: 2; }
    #hero h1 {
      font-size: 42px;
      font-weight: 700;
      color: #fff;
      line-height: 1.15;
      margin-bottom: 20px;
    }
    #hero p {
      font-size: 17px;
      line-height: 1.7;
      color: rgba(255,255,255,.88);
      margin-bottom: 30px;
      max-width: 520px;
    }
    .hero-btns { display: flex; flex-wrap: wrap; gap: 12px; }
    .hero-badge {
      position: absolute;
      right: 0;
      bottom: 0;
      top: 0;
      width: 42%;
      background: url('https://attune.dentist/custom/images/smile-makeover.png') center/cover no-repeat;
      opacity: .85;
    }
    @media (max-width:767px) {

        .library_group_image {
    float:none;
}
      #hero { min-height: auto; padding: 60px 0 40px; }
      #hero h1 { font-size: 28px; }
      .hero-badge { display: none; }
    }

    /* ============================================================
       HOURS BAR
    ============================================================ */
    #hours-bar {
      background: var(--dark);
      color: #fff;
      padding: 18px 0;
    }
    .hours-inner {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 8px 24px;
      font-size: 13px;
    }
    .hours-inner .hour-day { display: flex; gap: 8px; align-items: center; }
    .hour-label { color: var(--gold); font-weight: 700; text-transform: uppercase; font-size: 11px; }
    .hour-val { color: rgba(255,255,255,.8); }
    .hours-divider { color: rgba(255,255,255,.25); }

    /* ============================================================
       ABOUT DR. DIAZ
    ============================================================ */
    #doctor {
      background: var(--light-bg);
    }
    .doctor-inner { display: flex; gap: 50px; align-items: center; flex-wrap: wrap; }
    .doctor-photo {
      width: 280px;
      flex-shrink: 0;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 12px 40px rgba(58,143,143,.2);
      background: linear-gradient(135deg, var(--teal-light), #c8e6e6);
      min-height: 320px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .doctor-photo-placeholder {
      width: 100%;
      height: 320px;
      background: linear-gradient(160deg, #c8e6e6 0%, var(--teal) 100%);
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }
    .doctor-silhouette {
      width: 130px;
      opacity: .35;
    }
    .doctor-text .eyebrow {
      color: var(--teal);
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 8px;
    }
    .doctor-text h2 { margin-top: 0; margin-bottom: 16px; }
    .doctor-text p { line-height: 1.8; margin-bottom: 20px; }
    .credential-logos { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; align-items: center; }
    .credential-badge {
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: 6px;
      padding: 8px 14px;
      font-size: 11px;
      font-weight: 700;
      color: var(--teal-dark);
      text-transform: uppercase;
      letter-spacing: 1px;
    }
    @media (max-width:767px) {
      .doctor-inner { flex-direction: column; gap: 30px; }
      .doctor-photo { width: 100%; }
    }

    /* ============================================================
       ALLE REWARDS BANNER
    ============================================================ */
    #alle-banner {
      background: linear-gradient(135deg, var(--gold) 0%, #e6b800 100%);
      color: #fff;
      text-align: center;
      padding: 40px 20px;
    }
    #alle-banner h3 { color: #fff; margin-top: 0; font-size: 26px; }
    #alle-banner p { font-size: 16px; color: rgba(255,255,255,.92); margin-bottom: 24px; max-width: 600px; margin-left: auto; margin-right: auto; }
    .btn-dark-gold {
      background: #1a1a00;
      color: #fff !important;
      border: 2px solid #1a1a00;
      border-radius: var(--radius);
      padding: 12px 28px;
      font-weight: 700;
      font-size: 13px;
      text-transform: uppercase;
      display: inline-block;
      transition: background .2s;
    }
    .btn-dark-gold:hover { background: #333300; text-decoration: none; }

    /* ============================================================
       SMILE GALLERY STRIP
    ============================================================ */
    #smile-strip {
      padding: 0;
      background: var(--dark);
    }
    .smile-strip-inner { display: flex; overflow: hidden; }
    .smile-strip-item {
      flex: 1;
      min-height: 220px;
      background: var(--teal);
      position: relative;
      overflow: hidden;
    }
    .smile-strip-item:nth-child(1) { background: linear-gradient(135deg,#1a4a4a,#2e7272); }
    .smile-strip-item:nth-child(2) { background: linear-gradient(135deg,#2e6060,#3a8f8f); }
    .smile-strip-item:nth-child(3) { background: linear-gradient(135deg,#3a5050,#2e7272); }
    .smile-strip-item:nth-child(4) { background: linear-gradient(135deg,#204040,#3a8f8f); }
    .smile-strip-label {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0,0,0,.45);
      color: #fff;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      padding: 10px 14px;
      text-align: center;
    }
    @media (max-width:767px) {
      .smile-strip-inner { flex-wrap: wrap; }
      .smile-strip-item { flex: 0 0 50%; min-height: 130px; }
    }

    /* ============================================================
       COMPREHENSIVE CARE
    ============================================================ */
    #services { background: var(--white); }
    .services-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; }
    .service-card {
      flex: 1 1 calc(50% - 16px);
      border: 1px solid var(--border);
      border-radius: 10px;
      padding: 28px;
      transition: box-shadow .2s, border-color .2s;
      background: var(--white);
    }
    .service-card:hover { box-shadow: 0 8px 30px rgba(58,143,143,.15); border-color: var(--teal); }
    .service-card .fa {
      font-size: 28px;
      color: var(--teal);
      margin-bottom: 14px;
      display: block;
    }
    .service-card h4 { margin-top: 0; font-size: 17px; color: var(--dark); }
    .service-card p { font-size: 14px; color: #666; line-height: 1.7; }
    .service-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
    .service-link-pill {
      background: var(--teal-light);
      color: var(--teal-dark) !important;
      border: 1px solid var(--border);
      border-radius: 50px;
      padding: 9px 20px;
      font-size: 13px;
      font-weight: 700;
      display: inline-block;
      transition: background .2s, color .2s;
    }
    .service-link-pill:hover { background: var(--teal); color: #fff !important; text-decoration: none; }
    @media (max-width:767px) {
      .service-card { flex: 1 1 100%; }
    }

    /* ============================================================
       ABOUT OFFICE
    ============================================================ */
    #office {
      background: var(--light-bg);
    }
    .office-inner { display: flex; gap: 50px; align-items: center; flex-wrap: wrap; }
    .office-img-wrap {
      flex: 0 0 380px;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 12px 40px rgba(0,0,0,.12);
      background: linear-gradient(135deg, #b8d8d8, #3a8f8f);
      min-height: 300px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .office-placeholder-icon {
      font-size: 80px;
      color: rgba(255,255,255,.3);
    }
    .office-text .eyebrow {
      color: var(--teal);
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 8px;
    }
    .office-text h2 { margin-top: 0; margin-bottom: 16px; }
    .office-text p { line-height: 1.8; margin-bottom: 18px; }
    @media (max-width:991px) {

        .banner-content.text-center p, .banner-content.text-center h1 {display:none;}
        .banner-content {padding-left: 0px !important;border:none !important;padding: 20px;}
section.section_4 .banner-overlay {
    max-height: 500px;
}
.banner-content{position: absolute;top:10%;}
section.section_4 .banner-mobile.visible-xs img {
    max-height: 500px;
    object-fit: cover;
    width: 100%;
}

      .office-inner { flex-direction: column; gap: 30px; }
      .office-img-wrap { flex: 1 1 100%; width: 100%; }
    }

    /* ============================================================
       INVISALIGN
    ============================================================ */
    #invisalign {
      background: linear-gradient(135deg, var(--teal) 0%, #1e5e5e 100%);
      color: #fff;
      text-align: center;
    }
    #invisalign h2 { color: #fff; margin-bottom: 20px; }
    #invisalign .eyebrow { color: var(--gold); font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }
    #invisalign p { font-size: 16px; color: rgba(255,255,255,.88); max-width: 700px; margin: 0 auto 20px; line-height: 1.8; }
    #invisalign .free-consult {
      display: inline-block;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.3);
      border-radius: 6px;
      padding: 14px 28px;
      font-size: 14px;
      font-weight: 700;
      color: #fff;
      margin-bottom: 28px;
    }

    /* ============================================================
       WHY CHOOSE US
    ============================================================ */
    #why-us { background: var(--white); }
    .why-cards { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 40px; }
    .why-card {
      flex: 1 1 calc(33.333% - 24px);
      background: var(--light-bg);
      border-radius: 12px;
      overflow: hidden;
      transition: box-shadow .2s, transform .2s;
    }
    .why-card:hover { box-shadow: 0 12px 40px rgba(58,143,143,.2); transform: translateY(-4px); }
    .why-card-img {
      height: 200px;
      background: linear-gradient(135deg, var(--teal-light), #a8d8d8);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }
    .why-card-img .fa { font-size: 60px; color: var(--teal); opacity: .35; }
    .why-card-body { padding: 24px; }
    .why-card-body h5 { font-family: 'Playfair Display', serif; font-size: 17px; color: var(--dark); margin-top: 0; margin-bottom: 10px; }
    .why-card-body p { font-size: 14px; color: #666; line-height: 1.7; margin-bottom: 14px; }
    .why-card-body a { font-size: 13px; font-weight: 700; color: var(--teal); }
    @media (max-width:767px) {
      .why-card { flex: 1 1 100%; }
    }
    @media (max-width:991px) and (min-width:768px) {
      .why-card { flex: 1 1 calc(50% - 24px); }
    }

    /* ============================================================
       CONTACT FORM
    ============================================================ */
    #contact-section {
      background: var(--light-bg);
    }
    .contact-inner { display: flex; gap: 50px; align-items: flex-start; flex-wrap: wrap; }
    .contact-form-wrap { flex: 1 1 400px; }
    .contact-form-wrap h2 { margin-top: 0; }
    .contact-form-wrap p { color: #666; margin-bottom: 24px; line-height: 1.7; }
    .form-group label { font-weight: 700; font-size: 13px; color: var(--dark); margin-bottom: 5px; display: block; }
    .form-control {
      border: 1.5px solid var(--border);
      border-radius: var(--radius);
      height: 42px;
      font-size: 14px;
      color: var(--text);
      box-shadow: none;
      transition: border-color .2s;
    }
    .form-control:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(58,143,143,.12); }
    textarea.form-control { height: 110px; resize: vertical; }
    .contact-info-wrap { flex: 0 0 280px; }
    .contact-info-wrap h4 { margin-bottom: 16px; }
    .contact-info-item { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 20px; }
    .contact-info-item .fa { color: var(--teal); font-size: 18px; margin-top: 2px; flex-shrink: 0; }
    .contact-info-item p { margin: 0; font-size: 14px; line-height: 1.6; }
    .hours-table { width: 100%; font-size: 13px; border-collapse: collapse; }
    .hours-table td { padding: 6px 4px; border-bottom: 1px solid var(--border); }
    .hours-table td:first-child { font-weight: 700; color: var(--dark); }
    .hours-table td:last-child { color: var(--teal-dark); }
    @media (max-width:767px) {
      .contact-inner { flex-direction: column; }
      .contact-info-wrap { flex: 1 1 100%; }
    }

    /* ============================================================
       FOOTER
    ============================================================ */
    #main-footer {
      background: var(--dark);
      color: rgba(255,255,255,.75);
      padding: 60px 0 0;
    }
    #main-footer h5 {
      color: var(--gold);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 16px;
    }
    #main-footer a { color: rgba(255,255,255,.7); font-size: 14px; }
    #main-footer a:hover { color: var(--gold); text-decoration: none; }
    .footer-logo-text {
      font-family: 'Playfair Display', serif;
      font-size: 24px;
      color: #fff;
      font-weight: 700;
      margin-bottom: 6px;
    }
    .footer-tagline {
      color: var(--gold);
      font-size: 11px;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 18px;
    }
    .footer-icon-link {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 12px;
      color: rgba(255,255,255,.75);
      font-size: 14px;
    }
    .footer-icon-link .fa { color: var(--teal); margin-top: 2px; flex-shrink: 0; }
    .footer-divider {
      border-color: rgba(255,255,255,.1);
      margin: 40px 0 0;
    }
    #footer-bottom {
      background: rgba(0,0,0,.3);
      padding: 16px 0;
      font-size: 12px;
      color: rgba(255,255,255,.5);
      text-align: center;
    }
    #footer-bottom a { color: rgba(255,255,255,.5); }
    #footer-bottom a:hover { color: var(--gold); }
    .back-to-top {
      display: inline-block;
      background: var(--teal);
      color: #fff !important;
      padding: 6px 14px;
      border-radius: var(--radius);
      font-size: 12px;
      margin-left: 16px;
    }
    .back-to-top:hover { background: var(--teal-dark); text-decoration: none !important; }

    /* ============================================================
       BACK TO TOP BUTTON
    ============================================================ */
    #back-top {
      position: fixed;
      bottom: 28px;
      right: 24px;
      background: var(--teal);
      color: #fff;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      box-shadow: 0 4px 16px rgba(0,0,0,.2);
      opacity: 0;
      pointer-events: none;
      transition: opacity .3s;
      z-index: 999;
      cursor: pointer;
    }
    #back-top.visible { opacity: 1; pointer-events: all; }
    #back-top:hover { background: var(--teal-dark); }

    .phonewrap {
    display: flex;
    flex-direction: column;
    font-size: 16px;
}

.locationwrap {
    display: flex;
    flex-direction: column;
    font-size: 16px;
}

.phonewrap i {
    color: #000;
}

.locationwrap i {
    color: #000;
}

.locationwrap > span:last-child {
    color: #000;
}

.group_container.active {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.serviecsmega {
    position: static !important;
}

.menu_items a {
    display: flex;
}

.navbar-nav .dropdown-menu {
    left: 0 !important;
}

.image_container {
    /* display: flex; */
}

.kraken_fullwidth_split.right {
    display: flex;
    align-items: center;
}

.kraken_fullwidth_split.right > div {
    padding: 15px;
}

.kraken_fullwidth_split.right .image_container {
    flex: 0 0 30%;
}

.kraken_fullwidth_split.right .text_container {
    flex: 0 0 70%;
}



.block_container {
    display: flex;
}

.block_container .side_image {
    flex: 0 0 30%;
    padding: 15px;
}

.block_container .block {
    flex: 0 0 70%;
    padding: 15px;
}
section.section_3 .block_container .block {
    padding: 0px;
    flex: 0 0 100%;
}

.section_5 details {
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}

/* Remove default arrow */
.section_5 summary {
  list-style: none;
  cursor: pointer;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  padding-right: 30px;
}

/* Remove default marker (Chrome/Safari) */
.section_5 summary::-webkit-details-marker {
  display: none;
}

/* PLUS icon */
.section_5 summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-weight: bold;
  transition: 0.3s ease;
}

/* MINUS icon when open */
.section_5 details[open] summary::after {
  content: "−";
}

/* Content animation */
.section_5 details > div {
  margin-top: 10px;
  line-height: 1.6;
  color: #555;
}

/* Optional smooth effect */
.section_5 details[open] > div {
  animation: fadeIn 0.3s ease;
}

section.section_3 {
    position: relative;
}



section.section_3 .text_container {
    z-index: 999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7%;
    border-left: 2px solid #07abab;
    padding-left: 37px;
    display: flex;
    flex-direction: column-reverse;
}

section.section_3 .text_container * {
    color: #fff;
}

section.section_3 .text_container h1 {
    margin-top: 0px;
}

section.section_3:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(0 0 0 / 20%);
    z-index: 9;
    content: '';
    width: 100%;
    height:100%;
    margin: auto;
}

.container-fluid.main-body-content > .container , .container-fluid.main-body-content > .container  > .container {
    width: 100%;
    max-width: 100%;
    padding: 0px;
}

section.section_3 ~ section {
    max-width: 1200px;
    margin: 0 auto;
}
section.section_3 .block_container .block img {
    width: 100%;
    object-fit: cover;
}
.fas {
    font: normal normal normal 14px / 1 FontAwesome;
}
header .footer-logo {
    margin-bottom: 0px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


    /* ============================================================
       RESPONSIVE TWEAKS
    ============================================================ */
    @media (max-width:767px) {
        section.section_3:before{content: none;}
section.section_3 .text_container {
    position: static !important;
    transform: initial !important;
    border: none;
    color: #333;
    padding-left:0px;
}
section.section_3 .text_container * {color: #333;}
        .block_container .side_image {
    flex: 0 0 100%;
    padding: 15px;
}

.block_container .block {
    flex: 0 0 100%;
    padding: 15px;
}

        .kraken_fullwidth_split.right .image_container {
    flex: 0 0 100%;
}

.kraken_fullwidth_split.right .text_container {
    flex: 0 0 100%;
}

        .kraken_fullwidth_split.right {flex-direction: column;}
      #top-bar .top-bar-right { display: none; }
      .navbar-nav .nav-book-btn { margin: 0 15px 10px; text-align: center; }
    }
    .section-eyebrow {
      color: var(--teal);
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 8px;
    }
    .section-divider {
      width: 50px;
      height: 3px;
      background: var(--gold);
      margin: 16px 0 24px;
    }
    .section-divider.centered { margin-left: auto; margin-right: auto; }


.banner-wrapper {
  position: relative;
  height: 100vh;
  min-height: 400px;
  overflow: hidden;
}

/* Video */
.banner-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Mobile image */
.banner-mobile img {
  width: 100%;
}

/* Overlay */
.banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
}

/* Content */
.banner-content {
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translateY(-50%);
    color: #fff;
    width: 90%;
    max-width: 800px;
    text-align: left;
    border-left: 5px solid #46bfc8;
    padding-left: 30px;
}

/* Mobile spacing */
@media (max-width: 767px) {
  .section_5 .content-wrapper {
    padding: 20px 10px;
    text-align: center;
  }
}

/* Optional: vertical alignment (desktop) */
@media (min-width: 768px) {
  .section_5 .row {
    display: flex;
    align-items: center;
  }
}


.section_6 {
  padding: 40px 0;
}

.association {
  margin-bottom: 30px;
}

.association img {
  max-height: 80px;
  width: auto;
  opacity: 0.8;
  transition: all 0.3s ease;
}

.association img:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* Mobile spacing */
@media (max-width: 767px) {
  .association img {
    max-height: 60px;
  }
}

section.section_6 .row {
    display: flex;
    align-items: center;
}

.section_7 {
  padding: 50px 0;
  background: #a4e0e4;
}

/* Text spacing */
.section_7 h3 {
  margin-bottom: 20px;
  font-size: 45px;s
}

.section_7 p {
  max-width: 700px;
  margin: 0 auto;
}

/* Mobile */
@media (max-width: 767px) {
  .section_7 {
    padding: 30px 15px;
  }

  .section_7 h3 {
    font-size: 20px;
  }

  .section_7 .btn {
    width: 100%;
  }
}

.banner-content.text-center h1 {
    color: #fff;
}

.banner-content.text-center h1 {
    color: #fff;
}

.btn-group-custom .btn {min-width:200px;}

.btn-group-custom .btn:first-child {
    background: #fff;
    border-color: #fff;
}

.btn-group-custom .btn:nth-child(2) {
    background: transparent;
    border-color: #fff;
color:#fff;
}

/* Buttons */
.btn-group-custom .btn {
  margin: 5px;
}

/* Mobile Fix */
@media (max-width: 767px) {
  .banner-wrapper {
    height: auto;
  }


  .btn-group-custom .btn {
    display: block;
    width: 100%;
    margin: 10px 0;
  }
}


.section_8 {padding: 70px 0px;}

.section_8 h2 , .section_8 h3 {color: #1dafa6}

section.section_9 {padding: 70px 0px;}

section.section_9 img {
    max-height: 350px;
    object-fit: cover;
    width: 100%;
}


.section_11 {
    padding: 50px 0;
}
.section_11 .title {
    
    
    margin-bottom: 15px;
}
.section_11 .subtitle {
    color: #777;
    margin-bottom: 10px;
}
.section_11 ul li {
    margin-bottom: 8px;
}

ul.list-unstyled {
    background: #7bc5f2;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}

ul.list-unstyled li {
    flex: 0 0 50%;
}

ul.list-unstyled li a {
    color: #000;
}

.google-review-box {
    padding: 15px;
    background: #f1f1f1;
    margin-bottom: 20px;
    max-width: 1138px !important;
}
.review-header {
  display: flex;
  gap: 10px;
flex-direction: column;
}

.google-logo {
  height: 24px;
}

.review-title {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
}


section.section_13 {
    padding: 70px 0px;
}


.logo_icon {
    border-left: 2px solid #07abab;
    border-right: 2px solid #07abab;
    padding: 0px 10px !important;
}

.kraken_divider hr {
    border: 1px solid #07abab;
}
section.section_17 {
    background: #a4e0e4;
    padding: 50px 0px;
}

.review-rating {
  display: flex;
  align-items: center;
  gap: 8px;
}

.rating-value {
  font-size: 20px;
  font-weight: bold;
}

.stars {
  color: #fbbc04;
  font-size: 16px;
}

.review-count {
  color: #777;
}

.review-btn {
  padding: 8px 15px;
}
    
.reviews-slider {
  display: flex;
  overflow-x: auto;
  gap: 20px;
}

.review-item {
  min-width: 250px;
}

.review-card {
  background: #f1f1f1;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.review-top {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.avatar {
  border-radius: 50%;
  margin-right: 10px;
}

.stars {
  color: #f4b400;
  margin-bottom: 8px;
}

.date {
  font-size: 12px;
  color: #777;
}

.review-card p {
  font-size: 16px;
}

.footer-section {
    padding: 40px 0;
}

.footer-logo {
    max-width: 200px;
    margin-bottom: 30px;
}

.footer-content h4 {
    margin-top: 15px;
    font-size: 16px;
    text-transform: uppercase;

}

.social-icons a {
    display: inline-block;
    margin: 0 8px;
    font-size: 18px;
}


.footer-section a:hover {
    text-decoration: underline;
}
.back-to-top {
    margin-top: 30px;
    margin: 0 auto;
    display: block;
    max-width: 90px;
    padding: 5px 0px;
}
.top-btn p{color: #fff}
.top-btn i {
    font-size:25px;
    color: #fff;
}
.copyright-section {
    background: #3a8f8f;
    color: #fff;
    padding: 15px 0 0px;
    font-size: 13px;
}

.copyright-section a {
    color: #fff;
    text-decoration: none;
}

.copyright-section a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-links {
    margin-top: 10px;
}

section.attune-special .row {
    display: flex;
    flex-wrap: wrap;
}

section.attune-special .row > [class*="col-"] {
    display: flex;
    margin-bottom: 30px;
}

section.attune-special .offer-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 12px 1px #d1d1d1;
}

.offer-content {}

section.attune-special .offer-box .offer-content {
    padding: 15px 25px;
}
section.attune-special .offer-box img {
    min-height: 259px;
    object-fit: cover;
}

.col-md-12.atune-specialhead h2, .col-md-12.atune-specialhead h4 , .section-header h4 , .section-header h2  {
    color: #07abab;
}

section.attune-special .offer-box .btn {
    max-width: 100%;
    margin: 20px auto 0px;
    display: block;
    width: 80%;
}

.col-md-12.atune-specialhead {
    justify-content: center;
    flex-direction: column;
    text-align: center;
}



.savings-card,.special-card {
    background: #fff;
    padding: 32px;
    border-radius: 16px
}

.price {
    font-size: 36px;
    font-weight: 600;
    color: hsl(220 69% 40%)
}

.tech-img {
    border-radius: 16px
}

.savings-featured {
    background: hsl(180deg 92.13% 34.9%);
    color: #fff;
    border-radius: 16px;
    padding: 32px;
    transform: scale(1);
    box-shadow: 0 10px 40px rgba(0,0,0,.15)
}

.savings-featured h2 {
    color: #fff;
}

.savings-card p span {
    color: #07abab !important;
}

section.section-pad.section-warm {
    padding: 50px 0px;
        text-align:center;
background: hsl(40 33% 97%);
}


.section-header {
    margin-bottom: 64px
}

.section-header h2 {
    font-size: 48px;
    font-weight: 300
}

.section-header .label {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .2em;
    color: hsl(200 8% 46%);
    margin-bottom: 12px
}

.grid-3,.grid-4 {
    display: grid;
    gap: 24px
}

.grid-3 {
    grid-template-columns: repeat(3,1fr)
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 439px) {

}

@media (min-width: 440px) and (max-width: 767px) {

}

@media (max-width: 767px) {
    body {
        padding-top: 0px;
    }

    .container-fluid {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-right li, .navbar-left li {
        text-align: center;
    }

    .navbar-nav  {
        text-align: center;
    }

    .navbar-nav .open .dropdown-menu {

       text-align:center;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px;
        color: #fff;
    }

    h1 {
      font-size: 2em;
      margin-top: 10px;
    }

    h2 {
      font-size: 1.8em;
    }

    h3 {
      font-size: 1.4em;
    }

    h4 {
      font-size: 1.1em;
    }

    .home-hero {
        height: 500px;
    }

    .home-hero h1 {
        font-size: 32px;
        margin-top: 180px;
        margin-bottom: 30px;
    }

    .rate-left {
        margin-bottom: 20px;
    }

    .rate-right {
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-left {
        text-align: center;
    }

    footer .logo {
        float: none;
        margin-top: 10px;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-right {
        text-align: center;
    }

    footer ul {
        margin-bottom: 30px;
    }

    .inline-img {
        float: none;
        margin: 0px;
    }
}


/* Collapse bootstrap earlier
---------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {

    .header-container-padding-fix {
        padding-right: 0px;
        padding-left: 0px;
    }

    .navbar-nav  {
        border: none;
        text-align: center;
    }

    .navbar > .container {
        width: 100%;
    }

    .navbar-header {
        float: none;
    }

    .navbar-right li {
        line-height: 3em;
    }

    .navbar-right li, .navbar-left li {
        text-align: center;
    }

    
    .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
       text-align:center;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }


    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px;
        color: #fff;
    }

    .navbar-toggle {
        display: block;
        margin-top: 10px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }

    .navbar-nav li a {
        font-size: .9em;
    }

    .navbar-nav > li {
        float: none;
        text-align: center;
    }
    .navbar-nav > li >a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }

    .navbar-fixed-top {
       max-height: 400px;
       overflow-y: auto;
       overflow-x: hidden;
    }

    .dropdown-menu > li {
        background: none;
        color: #323434;
    }

    .dropdown-menu > li a {
        color: #323434;
    }

    .dropdown-menu > li a:hover {
        text-decoration: underline;
        background-color: transparent;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav {
        margin-top: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar-nav li a {
        font-size: 14px;
    }

    .navbar-nav > li > a {
        font-size: 14px;
        font-weight: 500;
        padding-right: 10px;
        padding-left: 5px;
    }

    .navbar-nav > li > .dropdown-menu {
        margin-top: 5px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 1600px) {

}