/*
Theme Name:  Duplexo Child Theme
Description: Child theme for the Duplexo theme
Author:      ThemetechMount
Author URI:  https://cymolthemes.com/
Template:    duplexo
Version:     0.1
Tags:        light, white, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, responsive, retina
*/


/* NOTE: Main theme's style.css file is already added in head tag. /*

/* =Theme customization starts here
-------------------------------------------------------------- */

/*--------------------------
*           Index          *
----------------------------
* 1. Global                *
*    1.1 Custom Properties *
*    1.2 Universal         *
*    1.3 Header            *
*    1.4 Footer            *
*    1.5 Sidebar           *
* 2. Home-page             *
* 3. Sub-page              *
* 4. Responsive            *
* 5. Keyframes             *
--------------------------*/

/*--------------------------
*        1. Global         *
--------------------------*/

/* 1.1 Custom Properties */
:root {
    /* Add color custom properties here */
    --color-brand: #1c74bc;
    --color-brand-rgba: 28, 116, 188;
    --color-accent: #92c7ff;
    --color-accent-rgba: 146, 199, 255;
    --color-accent-secondary: #052843;
    --color-accent-secondary-rgba: 5, 40, 67;
    --color-black: #000000;
    --color-black-rgba: 0, 0, 0;
    --color-white: #ffffff;
    --color-white-rgba: 255, 255, 255;

    /* Add font custom properties here */
    --font-headings: sans-serif;
    --font-default: sans-serif;
}

/* 1.2 Universal */
/* Don't let phone number links wrap */
a[href^="tel:"],
a[href^="tel+"] {
    white-space: nowrap;
}
/* End Don't let phone number links wrap */

html body p a, html body ul li a, html body ol li a {
    color: var(--color-brand);
    font-weight: 500;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: var(--color-brand);
    text-decoration-color: var(--color-brand);
    -webkit-text-decoration-style: double;
    text-decoration-style: double;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

html body p a:hover, html body ul li a:hover, html body ol li a:hover {
    color: var(--color-accent);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: var(--color-accent);
    text-decoration-color: var(--color-accent);
    -webkit-text-decoration-style: double;
    text-decoration-style: double;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

html body .dark-background p a, html body .dark-background ul li a, html body .dark-background ol li a {
    color: var(--color-white);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: var(--color-white);
    text-decoration-color: var(--color-white);
    -webkit-text-decoration-style: double;
    text-decoration-style: double;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

html body .dark-background p a:hover, html body .dark-background ul li a:hover, html body .dark-background ol li a:hover {
    color: rgba(var(--color-white-rgba),.8);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(var(--color-white-rgba),.8);
    text-decoration-color: rgba(var(--color-white-rgba),.8);
    -webkit-text-decoration-style: double;
    text-decoration-style: double;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

html #scroll_up.top-visible {
    display: none !important;
}

/* Hidden Links */
html body a.hide-link, html body a.hide-link:hover, html body .dark-background a.hide-link, html body .dark-background a.hide-link:hover {
    color: inherit !important;
    text-decoration: none !important;
    cursor: text !important;
    font-weight: 400 !important;
    border-bottom: none !important;
    -webkit-text-decoration-line: none !important;
    text-decoration-line: none !important;
}
/* End Hidden Links */

html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
    text-wrap: balance;
    line-height: 1.2;
    clear: none;
}

html body p, html body ul li, html body ol li {
    text-wrap: pretty;
}

html body a {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

/* Defaults for Gravity Forms */
html body .gform_ajax_spinner {
    max-width: 1em;
    height: 1em;
    width: 1em;
}

html body .gform_confirmation_message {
    text-align: center;
    color: #fff;
    border-radius: 0;
    background-color: green;
    margin: 1em;
    padding: 1em;
}

html body .gform_wrapper.gravity-theme .gform_validation_errors,
html body .gform_wrapper.gravity-theme .validation_message {
    background-color: rgb(255 0 0 / 5%);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: transparent;
    border-radius: 10px;
}

html body .gform_wrapper.gravity-theme .validation_message {
    padding: .5em 1em;
}

/* Removes default appearance for iOS/Safari forms */
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none !important;
}
/* End Defaults for Gravity Forms */

html .cmt-vc_btn3.cmt-vc_btn3-size-lg {
    font-size: 18px;
    line-height: 1.4;
    padding: 12px 24px;
}

html .cmt-bgcolor-skincolor .wpb_text_column, html .cmt-bgcolor-skincolor .cmt-list.cmt-sboxwhite li .cmt-list-li-content {
    color: var(--color-white);
}

html .cmt-vc_general.cmt-vc_btn3.cmt-vc_btn3-color-skincolor:hover {
    background-color: var(--color-accent);
}

html .cmt-vc_general.cmt-vc_btn3 {
    text-shadow: 1px 1px 1px rgba(var(--color-black-rgba),.2);
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
}

/* Form Styles */

html .gform-theme--foundation .gfield input, html .gform-theme--foundation .gfield select, html .gform-theme--foundation .gfield textarea {
    border: 1px solid rgba(var(--color-black-rgba),.1);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    color: var(--color-black);
    background-color: #f3f3f3;
}

html .gform-theme--foundation .gfield input, html .gform-theme--foundation .gfield select {
    height: 50px;
}

html .gform-theme--foundation .select2-container--default .select2-selection--single {
    border: 1px solid rgba(var(--color-black-rgba),.1);
    background-color: #f3f3f3;
    height: 50px;
}

html .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px;
    color: var(--color-black);
}

html .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    width: auto;
    right: 15px;
    top: auto;
}

html .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--color-black) transparent transparent transparent;
    border-width: 5px 4px 0 4px;
    position: relative;
    bottom: 15px;
}

html .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 4px 5px 4px;
    border-color: transparent transparent var(--color-black) transparent;
    opacity: 1;
    display: block;
    bottom: 25px;
}

html .gform-footer.gform_footer input {
    background-color: var(--color-brand) !important;
    color: var(--color-white) !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    padding: 12px 24px !important;
    border-radius: 0 !important;
    width: 100% !important;
    text-shadow: 1px 1px 1px rgba(var(--color-black-rgba),.2) !important;
}

html .gform-footer.gform_footer input:hover {
    background-color: var(--color-accent) !important;
}

html .gform-theme--framework .gform_validation_errors {
    background-color: var(--color-white);
}

/* End Form Styles */

/* 1.3 Header */

html .cmt-topbar-wrapper .top-contact {
    font-size: 16px;
    font-weight: 600;
}

html .cmt-topbar-wrapper .top-contact li a {
    color: var(--color-black);
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    font-weight: 600;
}

html .cmt-topbar-wrapper .top-contact li a:hover {
    color: var(--color-brand);
}

html .top-contact li:not(:last-child):before {
    background-color: var(--color-brand);
}

html .site-header .social-icons li a i {
    font-size: 18px;
}

html .header-style-six #site-header-menu #site-navigation div.nav-menu > ul > li > a {
    padding: 0 10px;
}

html .header-style-six #site-header-menu #site-navigation div.nav-menu > ul > li:last-of-type > a {
    padding: 0 0 0 10px;
}

html #site-header-menu #site-navigation div.nav-menu > ul ul li > a {
    color: var(--color-black);
    -webkit-text-decoration-line: none !important;
    text-decoration-line: none !important;
}

html .top-contact li.top-contact-appointment {
    padding-left: 0;
}

html .is_stuck .cmt-sboxstickylogo-yes .stickylogo {
    opacity: 0;
}

html .is_stuck .cmt-sboxstickylogo-yes .standardlogo {
    opacity: 1;
}

/* 1.4 Footer */

html .footer-logo img {
    max-height: none;
}

html .footer-cta {
    padding-top: 24px;
}

html footer .widget_nav_menu li a:before {
    color: var(--color-white);
}

html .footer-map {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 80%;
}

html .footer-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

html footer .cmt-textcolor-white a {
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
}

html footer .bottom-footer-text.cmt-bgcolor-custom.cmt-textcolor-white .social-icons a:not(:hover) {
    color: var(--color-white);
    font-size: 20px;
}

html footer .bottom-footer-text.cmt-bgcolor-custom.cmt-textcolor-white a:not(:hover), html footer .cmt-footer2-left {
    color: var(--color-white);
    font-size: 16px;
}

html .footer .social-icons li > a {
    font-size: 20px;
}

html footer .social-icons [data-tooltip]:after {
    background-color: var(--color-accent);
}

html footer .social-icons .tooltip-top:before {
    border-top-color: var(--color-accent);
}

html footer .social-icons [data-tooltip]:after {
    text-shadow: 1px 1px 1px rgba(var(--color-black-rgba),.2);
    font-size: 16px;
}

html footer .cmt-textcolor-white a:hover, html footer .bottom-footer-text.cmt-bgcolor-custom.cmt-textcolor-white a:hover {
    color: rgba(var(--color-white-rgba),.8);
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
}

html footer.site-footer .cmt-container-for-footer .bottom-footer-inner > div.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

html .site-footer .widget.cmt-widget-navmenu.widget_nav_menu ul li {
    line-height: 1.3;
    width: 100%;
}

/*------------------------
*      2. Home-page      *
-------------------------*/

.home-intro .yt--popper, .home-intro .yt--popper img {
    height: 100%;
    width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.home-intro .yt--popper:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 150px;
    height: 150px;
    background-color: rgba(var(--color-accent-rgba),.8);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 1;
}

.home-intro .yt--popper:after {
    position: absolute;
    left: 36px;
    bottom: 60px;
    content: "\f144";
    font-family: FontAwesome;
    font-size: 90px;
    color: #fff;
    text-shadow: 0 0 3px rgba(var(--color-brand-rgba),.5);
    z-index: 2;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.home-intro .yt--popper:hover:after {
    left: 38px;
    bottom: 62px;
}

.home-intro .yt--popper:hover:before, .home-intro .yt--popper:hover:after {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.home-intro .cmt-list.cmt-list-textsize-medium li, .home-doctors .cmt-list.cmt-list-textsize-medium li {
    font-size: 16px;
}

html .home-doctors .cmt-custom-heading.cmt-bgcolor-skincolor {
    background-color: var(--color-accent-secondary);
    color: var(--color-white);
}

html .home-doctors .cmt-square-heading-style.cmt-custom-heading:after {
    border-top-color: var(--color-accent-secondary);
}

html .home-doctors .home-doctor-img {
    margin: -40px 0;
}

.home-doctors .cmt-vc_btn3.cmt-vc_btn3-size-lg.cmt-vc_btn3-icon-right:not(.cmt-vc_btn3-o-empty) {
    padding-right: 50px;
}

.home-doctors .cmt-vc_btn3:nth-of-type(1) {
    margin-right: 10px;
}

html .heading-seperator {
    text-align: center;
    position: relative;
}

html .heading-seperator:before {
    left: 50%;
    margin-left: -30px;
    background-color: var(--color-brand);
    display: block;
    content: "";
    position: absolute;
    width: 32px;
    bottom: 0;
    height: 6px;
}

html .heading-seperator span:before {
    display: block;
    content: "";
    position: absolute;
    background-color: var(--color-accent-secondary);
    width: 32px;
    bottom: 0;
    height: 6px;
    left: 50%;
    margin-left: 2px;
}

html .dark-background .heading-seperator span:before {
    background-color: var(--color-accent);
}

html .home-services h4 a {
    color: var(--color-brand);
}

html .home-services .cymolthemes-box-service.cymolthemes-servicebox-styletwo .cymolthemes-box-bottom-content {
    padding: 30px 15px 18px;
}

html .home-services .cymolthemes-box-service.cymolthemes-servicebox-styletwo .cymolthemes-serviceboxbox-readmore a {
    background-color: var(--color-brand);
}

html .home-services .cymolthemes-box-service.cymolthemes-servicebox-styletwo .cymolthemes-serviceboxbox-readmore a:before, html .home-services .cymolthemes-box-service.cymolthemes-servicebox-styletwo:hover .cymolthemes-serviceboxbox-readmore a {
    background-color: var(--color-accent-secondary);
}

html .home-services .cymolthemes-box-service.cymolthemes-servicebox-styletwo:hover .cymolthemes-serviceboxbox-readmore a:before {
    background-color: var(--color-brand);
}

html .home-services .cymolthemes-box-service.cymolthemes-servicebox-styletwo .cymolthemes-serviceboxbox-readmore a {
    font-size: 18px;
    padding-left: 20px;
    color: var(--color-white);
}

.home-services .service-boxes .wpb_column .wpb_raw_code, .home-services .service-boxes .wpb_column .wpb_raw_code .wpb_wrapper, .home-services .service-boxes .wpb_column .wpb_raw_code .wpb_wrapper .cymolthemes-box-service.cymolthemes-servicebox-styletwo, .home-services .service-boxes .wpb_column .wpb_raw_code .wpb_wrapper .cymolthemes-box-service.cymolthemes-servicebox-styletwo .cymolthemes-post-item {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.home-services .service-boxes .wpb_column .wpb_raw_code .wpb_wrapper .cymolthemes-box-service.cymolthemes-servicebox-styletwo .cymolthemes-post-item .cymolthemes-serviceboxbox-readmore {
    margin-top: auto;
}

.home-cta, .home-contact-intro {
    position: relative;
}

.home-cta:after, .home-contact-intro:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0,.45);
    z-index: 0;
}

.home-cta .vc_row, .home-contact-intro .vc_row {
    position: relative;
    z-index: 1;
}

.home-cta h2.cmt-custom-heading strong {
    color: var(--color-accent);
}

.home-cta h3 {
    font-size: 24px;
}

.home-cta .cmt-vc_general.cmt-sboxvc_cta3.cmt-sboxvc_cta3-icons-top .cmt-vc_cta3_content-container {
    padding-top: 10px;
}

.home-cta .home-cta-buttons .wpb_wrapper {
    text-align: center;
}

.home-cta .home-cta-buttons .cmt-vc_btn3-container:nth-of-type(1) a {
    padding: 11px 25px;
}

.home-cta .home-cta-buttons .cmt-vc_btn3-container {
    margin: 0 10px;
}

.home-cta h2, .home-cta h3, .home-contact-intro h2, .home-contact-intro h3 {
    text-shadow: 1px 1px 1px rgba(var(--color-black-rgba),.5);
}

.home-testimonials .ti-control-play {
    color: #fff;
    position: absolute;
    right: -5px;
    z-index: 9;
    font-size: 40px;
    top: 10%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
}

.home-testimonials .cmt-sboxshort-desc p {
    margin-bottom: 0;
}

html .home-services.home-testimonials .cymolthemes-box-service.cymolthemes-servicebox-styletwo .cymolthemes-box-bottom-content {
    padding: 0;
}

html .cymolthemes-box-service.cymolthemes-servicebox-styletwo {
    padding: 15px;
}

.home-contact-boxes .cmt-col-bgimage-yes .cmt-bg-layer-inner {
    opacity: 1;
}

html .home-blog .cymolthemes-box-blog .cmt-post-date {
    display: none;
}

html .home-blog .cymolthemes-box-content h4, html .home-blog .cymolthemes-box-content h4 a {
    color: var(--color-brand);
}

html .home-blog .cymolthemes-box-blog.cymolthemes-blogbox-styleone .entry-header:before {
    background-color: var(--color-accent);
}

html .home-blog .cymolthemes-box-blog.cymolthemes-blogbox-styleone:hover .entry-header:before {
    background-color: var(--color-accent-secondary);
}

html .home-blog .cymolthemes-boxes-row-wrapper.row .cmt-sboxbox-col-wrapper.col-lg-4 .cymolthemes-box-desc-text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    margin-top: auto;
    padding-top: 0;
}

html .home-blog .cymolthemes-box-blog.cymolthemes-blogbox-styleone .cymolthemes-box-desc {
    padding: 25px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

html .home-blog .cymolthemes-box-desc-footer {
    display: none;
}

html .home-blog .cymolthemes-box-blog.cymolthemes-blogbox-styleone {
    margin-top: 0;
}

.home-blog .cymolthemes-boxes-inner, .home-blog .cymolthemes-boxes-inner .cymolthemes-boxes-row-wrapper, .home-blog .cymolthemes-boxes-inner .cymolthemes-boxes-row-wrapper .cmt-sboxbox-col-wrapper, .home-blog .cymolthemes-boxes-inner .cymolthemes-boxes-row-wrapper .cmt-sboxbox-col-wrapper article, .home-blog .cymolthemes-boxes-inner .cymolthemes-boxes-row-wrapper .cmt-sboxbox-col-wrapper article .cymolthemes-box-content {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    height: 100%;
}

.home-blog .cymolthemes-boxes-inner .cymolthemes-boxes-row-wrapper .cmt-sboxbox-col-wrapper, .home-blog .cymolthemes-boxes-inner .cymolthemes-boxes-row-wrapper .cmt-sboxbox-col-wrapper article .cymolthemes-box-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.home-blog .cmt-sboxfeatured-wrapper img {
    width: 100%;
}

/* Home Page Hero Video */

.video-container.video-background {
    height: calc(100vh - 116px);
    max-height: 100vh;
    overflow: hidden;
    position: relative;
}

.video-container.video-background .video-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.video-container.video-background .video-text .video-text-inner {
    position: relative;
    top: 75%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: none;
    max-width: 1240px;
    display: block;
    margin: 0 auto;
    padding: 0 30px;
}

.video-container.video-background .video-text .video-text-inner h1 {
    color: var(--color-white);
    display: block;
    font-size: 30px;
    line-height: 1.1;
    margin-bottom: 20px;
    padding-left: 60px;
    text-wrap: balance;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: zoom-in 0.3s 1 normal ease forwards 0.5s;
    animation: zoom-in 0.3s 1 normal ease forwards 0.5s;
    text-shadow: 1px 1px 1px rgba(var(--color-black-rgba),.5);
}

.video-container.video-background .video-text .video-text-inner h2 {
    color: var(--color-white);
    display: block;
    font-size: 56px;
    line-height: 1.1;
    margin-bottom: 20px;
    text-wrap: balance;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: zoom-in 0.3s 1 normal ease forwards 0.5s;
    animation: zoom-in 0.3s 1 normal ease forwards 0.5s;
    text-shadow: 1px 1px 1px rgba(var(--color-black-rgba),.5);
}

.video-container.video-background .video-text .video-text-inner p {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 500;
    color: var(--color-white);
    margin-bottom: 30px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: zoom-in 0.3s 1 normal ease forwards 0.5s;
    animation: zoom-in 0.3s 1 normal ease forwards 0.5s;
    text-shadow: 1px 1px 1px rgba(var(--color-black-rgba),.3);
}

.video-container.video-background .video-text .video-text-inner a.banner-button {
    background-color: var(--color-brand);
    color: var(--color-white);
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
    font-size: 18px;
    padding: 12px 20px;
    font-weight: 600;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: zoom-in 0.3s 1 normal ease forwards 0.5s;
    animation: zoom-in 0.3s 1 normal ease forwards 0.5s;
    text-shadow: 1px 1px 1px rgba(var(--color-black-rgba),.3);
}

.video-container.video-background .video-text .video-text-inner a.banner-button:nth-of-type(2) {
    background-color: transparent;
    color: var(--color-white);
    border: 2px solid var(--color-white);
    padding: 10px 18px;
}

.video-container.video-background .video-text .video-text-inner a.banner-button:hover {
    background-color: var(--color-accent);
}

.video-container.video-background .video-text .video-text-inner a.banner-button:nth-of-type(2):hover {
    background-color: var(--color-white);
    color: var(--color-black);
}

.video-container.video-background .video-foreground {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.video-container.video-background .video-foreground .video-inner {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.video-container.video-background .video-text .video-text-inner a.banner-button:nth-child(3) {
    margin-right: 0;
}

.banner-border {
    border-top: 2px solid var(--color-accent);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: zoom-in 0.3s 1 normal ease forwards 0.5s;
    animation: zoom-in 0.3s 1 normal ease forwards 0.5s;
    width: 40px;
    position: relative;
    float: left;
    top: 17px;
}

@media (max-width: 992px) {
    .video-container.video-background .video-text .video-text-inner h1 {
        font-size: 26px;
    }
    .video-container.video-background .video-text .video-text-inner h2 {
        font-size: 42px;
    }
    .banner-border {
        top: 12px;
    }
    #first-footer .first-widget-area .tm-leftdiv-box {
        width: 65%;
    }
    #first-footer .first-widget-area .tm-rightdiv-box {
        width: 35%;
        text-align: right;
    }
    html .footer-cta {
        padding-left: 20px;
    }
    html .container.cmt-container-for-footer {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    html .first-footer-inner .row.multi-columns-row {
        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;
    }
    html .site-footer .first-footer .cmt-container-for-footer > div > .row .widget-area .widget {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .banner-wrapper .gdlr-core-pbf-wrapper-full-no-space {
        max-width: 100%;
    }
    .video-container.video-background {
        height: 500px;
        max-height: 500px;
    }
    .video-container.video-background .video-text .video-text-inner h1 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .video-container.video-background .video-text .video-text-inner h2 {
        font-size: 34px;
        margin-bottom: 20px;
        letter-spacing: 0;
    }
    html .first-footer-inner .row.multi-columns-row {
        display: block;
    }
    .video-container.video-background .video-text .video-text-inner {
        top: 70%;
    }
    .video-container.video-background .video-text .video-text-inner p {
        display: none;
    }
}

@media (min-width: 768px) and (max-height: 700px) {
    .video-container.video-background {
        height: 600px;
        max-height: 100%;
    }
    .video-container.video-background .video-text .video-text-inner {
        top: 70%;
    }
}


@media (max-width: 550px) {
    .video-container.video-background .video-text .video-text-inner {
        top: 74%;
    }
    .short-btn {
        display: none;
    }
    .video-container.video-background .video-text .video-text-inner a.banner-button {
        padding: 10px;
        margin: 5px;
        font-size: 16px;
    }
    .video-container.video-background .video-text .video-text-inner a.banner-button:nth-of-type(2) {
        padding: 8px;
    }
    .video-container.video-background .video-text .video-text-inner h1 {
        font-size: 16px;
        margin-bottom: 10px;
        padding-left: 40px;
    }
    .video-container.video-background .video-text .video-text-inner h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .video-container.video-background {
        height: 350px;
        max-height: 350px;
    }
    .banner-border {
        padding-left: 10px;
        width: 30px;
    }
    .video-container.video-background .video-text .video-text-inner {
        padding: 0 15px;
    }
}

@-webkit-keyframes zoom-in {
    0% {
        -webkit-transform: scale(0) translate(0,0);
        transform: scale(0) translate(0,0);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1) translate(0,0);
        transform: scale(1) translate(0,0);
        opacity: 1;
    }
}

@keyframes zoom-in {
    0% {
        -webkit-transform: scale(0) translate(0,0);
        transform: scale(0) translate(0,0);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1) translate(0,0);
        transform: scale(1) translate(0,0);
        opacity: 1;
    }
}

/* End Video Banner Styles */

/*------------------------
*      3. Sub-page       *
------------------------*/

.custom-sub .site-main {
    padding-top: 0;
}

.page-banner {
    position: relative;
    height: 100%;
    width: 100%;
}

.page-banner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(var(--color-black-rgba),.3);
    background: -webkit-gradient(linear,left bottom, left top,from(rgba(var(--color-black-rgba),.6)), color-stop(60%, rgba(var(--color-black-rgba),0)));
    background: -o-linear-gradient(bottom,rgba(var(--color-black-rgba),.6) 0%, rgba(var(--color-black-rgba),0) 60%);
    background: linear-gradient(0deg,rgba(var(--color-black-rgba),.6) 0%, rgba(var(--color-black-rgba),0) 60%);
    z-index: 1;
}

.page-banner img {
    height: auto;
    width: 100%;
}

.page-banner h1 {
    position: absolute;
    top: auto;
    bottom: 50px;
    font-size: 60px;
    width: 100%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(var(--color-black-rgba),.5);
    z-index: 2;
    padding: 0 15px;
    margin: 0;
}

html body:not(.about, .meet-our-dentists, .meet-our-team) .page-banner {
    max-height: 550px;
    height: 550px;
}

html body:not(.about, .meet-our-dentists, .meet-our-team) .page-banner img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
}

html body .page-intro p.intro-text {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 500;
}

.home-cta.page-cta:after {
    background-color: rgba(0, 0, 0,.6);
}

.page-cta .yt--popper {
    text-align: center;
    display: block;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.page-cta .yt--popper i {
    font-size: 100px;
    line-height: 85px;
    border-radius: 100%;
    background-color: rgba(var(--color-accent-secondary-rgba),.6);
    outline: 8px solid rgba(var(--color-accent-rgba),.4);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.page-cta .yt--popper:hover {
    color: var(--color-white);
}

.page-cta .yt--popper:hover i {
    background-color: rgba(var(--color-accent-secondary-rgba),.8);
    outline: 12px solid rgba(var(--color-accent-rgba),.6);
}

.service-page-intro {
    background: var(--color-accent-secondary);
    background: -webkit-gradient(linear,left top, right top,from(rgba(var(--color-accent-secondary-rgba),1)), to(rgba(var(--color-brand-rgba),1)));
    background: -o-linear-gradient(left,rgba(var(--color-accent-secondary-rgba),1) 0%, rgba(var(--color-brand-rgba),1) 100%);
    background: linear-gradient(90deg,rgba(var(--color-accent-secondary-rgba),1) 0%, rgba(var(--color-brand-rgba),1) 100%);
}

.service-page-intro .cmt-column>.cmt-sboxresponsive-custom-41004784 {
    padding-top: 0 !important;
}

.single-post #content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.single-post .site-main {
    padding-top: 0;
}

.blog-content img, .blog-content .yt--popper {
    float: right;
    width: 50%;
    margin: 0 0 30px 30px !important;
}

.blog-content .yt--popper img {
    float: none;
    width: 100%;
    margin: 0 !important;
}

.single.single-post article.cymolthemes-box-blog-classic .cmt-blog-classic-box-content .page-banner h1 {
    margin-top: 0;
}

.single.single-post article.cymolthemes-box-blog-classic {
    margin-bottom: 0;
}

html .single-post article.post .entry-content {
    margin-bottom: 0;
}

html body .inner-text h2, html body .inner-text h4, html body .inner-text h6, html body .inner-text h2 a, html body .inner-text h4 a, html body .inner-text h6 a {
    color: var(--color-brand);
}

html body .inner-text h3, html body .inner-text h5, html body .inner-text h3 a, html body .inner-text h5 a {
    color: var(--color-accent);
}

html .service-page-cols .cymolthemes-box-service.cymolthemes-servicebox-styleone .cymolthemes-box-desc {
    padding: 40px 40px 20px 40px;
}

html .service-page-cols .cmt-duplexo-icon-plus-1:before {
    font-size: 16px;
    color: var(--color-white);
}

html .service-page-cols .cymolthemes-box-service.cymolthemes-servicebox-styleone:hover .cymolthemes-post-item-inner:before {
    box-shadow: inset 0 0 200px 0 rgba(var(--color-black-rgba),.4);
    -moz-box-shadow: inset 0 0 200px 0 rgba(var(--color-black-rgba),.4);
    -webkit-box-shadow: inset 0 0 200px 0 rgba(var(--color-black-rgba),.4);
}

html .service-page-cols .cymolthemes-box-service.cymolthemes-servicebox-styleone:hover .cymolthemes-service-icon-plus {
    position: absolute;
    right: 40px;
    bottom: 12px;
    width: 48px;
    height: 48px;
    z-index: 11;
    border-radius: 50%;
    text-align: center;
    display: block;
    padding: 7px 0;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transition: .45s;
    -o-transition: .45s;
    transition: .45s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

html .service-page-cols .cymolthemes-box-service.cymolthemes-servicebox-styleone .cymolthemes-service-icon-plus {
    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;
}

html .service-page-cols .cymolthemes-box-service.cymolthemes-servicebox-styleone:hover .cymolthemes-service-icon-plus {
    width: 75px;
    height: 75px;
    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;
}

html .service-page-cols .cymolthemes-box-service.cymolthemes-servicebox-styleone:hover .cmt-duplexo-icon-plus-1:before {
    font-size: 20px;
    line-height: 48px;
}

html .service-page-cols .wpb_raw_html, html .service-page-cols .wpb_raw_html .wpb_wrapper, html .service-page-cols .wpb_raw_html .wpb_wrapper article.cymolthemes-box-service, html .service-page-cols .wpb_raw_html .wpb_wrapper article.cymolthemes-box-service .cymolthemes-post-item {
    height: 100%;
}

html .service-page-cols .wpb_raw_html .wpb_wrapper article.cymolthemes-box-service .cymolthemes-post-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

html .service-page-cols .wpb_raw_html .wpb_wrapper article.cymolthemes-box-service .cymolthemes-post-item .cymolthemes-box-bottom-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

html .service-page-cols.sub-service-page .wpb_raw_html .wpb_wrapper article.cymolthemes-box-service .cymolthemes-post-item .cmt-sboxshort-desc p {
    margin-bottom: 0;
}

html .blog-page .vc_grid-filter.vc_grid-filter-filled-rounded>.vc_grid-filter-item:first-child, html .blog-page .vc_grid-filter.vc_grid-filter-filled>.vc_grid-filter-item:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

html .blog-page .vc_grid-filter.vc_grid-filter-filled-rounded>.vc_grid-filter-item:last-child, html .blog-page .vc_grid-filter.vc_grid-filter-filled>.vc_grid-filter-item:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

html .blog-page .vc_grid-filter.vc_grid-filter-size-lg .vc_grid-filter-item {
    padding: 10px 26px;
    font-weight: 600;
    color: var(--color-white);
}

html .blog-page .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-grey>.vc_grid-filter-item>span, html .blog-page .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-grey>.vc_grid-filter-item>span {
    color: var(--color-white);
}

html .blog-page .vc_grid-filter.vc_grid-filter-center {
    margin: 0 0 30px;
}

html .blog-page .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-grey>.vc_grid-filter-item {
    background-color: var(--color-brand);
}

html .blog-page .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active, html .blog-page .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-grey>.vc_grid-filter-item:hover, html .blog-page .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active, html .blog-page .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-grey>.vc_grid-filter-item:hover {
    background-color: var(--color-accent-secondary);
}

html .blog-page .vc_gitem-zone.vc_gitem-is-link {
    max-height: 250px;
}

html .blog-page .vc_gitem-zone.vc_gitem-zone-c {
    background-color: transparent !important;
}

html .blog-page .vc_gitem_row .vc_gitem-col {
    padding: 20px 0 0;
}

html .blog-page .vc_btn3-container.vc_btn3-left {
    margin-top: auto;
}

html .blog-page .vc_btn3-container.vc_btn3-left a {
    background-color: var(--color-brand);
    color: var(--color-white);
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
    font-size: 18px;
    padding: 12px 20px;
    font-weight: 600;
    border-radius: 0;
    text-shadow: 1px 1px 1px rgba(var(--color-black-rgba),.3);
    text-transform: capitalize;
}

html .blog-page .vc_btn3-container.vc_btn3-left a:hover {
    background-color: var(--color-accent);
}

html .blog-page .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt p:first-of-type, html .blog-page .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt p:last-of-type {
    display: none;
}

html .blog-page .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}

html .contact-page .inner-contact .vc_column-inner {
    box-shadow: 0 0 1px 0 var(--color-accent-secondary);
}

html .contact-page .inner-contact .vc_column-inner * {
    box-shadow: none;
}

html .contact-page .inner-contact .cmt-contact-icon .cmt-vc_icon_element {
    border: none;
    padding: 0;
}

html .contact-page .inner-contact .contact-social {
    padding-top: 5px;
}

html .contact-page .inner-contact .contact-social a i {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
    padding-right: 15px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

html .contact-page .inner-contact .contact-social a:last-of-type i {
    padding-right: 0;
}

html .contact-page .inner-contact .contact-social a i.fa-facebook {
    color: #0165E1;
}

html .contact-page .inner-contact .contact-social a i.fa-instagram {
    color: #833AB4;
}

html .contact-page .inner-contact .contact-social a i.fa-youtube-play {
    color: #FF0000;
}

html .contact-page .inner-contact .contact-social a:hover i.fa-facebook, html .contact-page .inner-contact .contact-social a:hover i.fa-instagram, html .contact-page .inner-contact .contact-social a:hover i.fa-youtube-play {
    color: var(--color-accent-secondary);
}

html .gm-style .place-card-large {
    display: none !important;
}

/*------------------------
*      4. Responsive     *
------------------------*/

@media (min-width: 1200px) {
    .page-banner h1 {
        width: 1170px;
        margin: 0 auto;
        display: block;
        text-align: center;
        left: 0;
        right: 0;
    }
}

@media (max-width: 1199px) {
    .cmt-topbar-wrapper .container {
        width: 100%;
    }
    #site-navigation .cmt-sboxheader-text-area {
        padding-left: 10px;
    }
    html .header-style-six #site-header-menu #site-navigation div.nav-menu > ul > li > a {
        padding: 0 8px;
        font-size: 16px;
    }
    html #site-header-menu #site-navigation div.nav-menu > ul ul li > a {
        font-size: 15px;
    }
    html .home-doctors .home-doctor-img {
        margin: 20px 0;
    }
    .page-banner h1 {
        font-size: 50px;
    }
}

@media (min-width: 993px) {
    html .header-style-six .cmt-header-box .cmt-stickable-wrapper .site-branding {
        display: table-cell;
        vertical-align: middle;
        float: left;
        position: absolute;
        top: -50px;
        z-index: 111;
        background-color: #fff;
        padding: 0 40px;
    }
}

@media (max-width: 992px) {
    html .site-header-main.cmt-section-wrapper {
        margin: 0;
    }
    html .cmt-topbar-wrapper .top-contact li a {
        text-shadow: 1px 1px 1px rgba(var(--color-black-rgba),.5);
        color: var(--color-white);
    }
    html .cmt-topbar-wrapper .top-contact li a i, html .cmt-topbar-wrapper:not(.cmt-bgcolor-skincolor) .top-contact i {
        color: var(--color-white);
        text-shadow: 1px 1px 1px rgba(var(--color-black-rgba),.5);
    }
    html #site-header-menu #site-navigation .nav-menu {
        float: none;
    }
    html #site-header-menu #site-navigation div.nav-menu > ul > li {
        display: block;
    }
    html .header-style-six #site-header-menu #site-navigation div.nav-menu > ul > li > a {
        font-size: 17px;
    }
    html #site-header-menu #site-navigation div.nav-menu > ul ul li > a {
        font-size: 16px;
    }
    #site-header-menu #site-navigation .menu-toggle {
        top: 16px;
        left: auto;
        right: 0;
        margin-right: 10px;
    }
    html #site-header-menu #site-navigation.toggled-on div.nav-menu > ul {
        top: 66px;
        border-top: 3px solid var(--color-accent);
        position: absolute;
    }
    html #site-header-menu #site-navigation div.nav-menu > ul li {
        color: #000;
        padding: 15px 0;
    }
    html #site-header-menu #site-navigation div.nav-menu > ul li ul.sub-menu li, html .header-style-six #site-header-menu #site-navigation div.nav-menu > ul > li > a, html .site-header-main.cmt-section-wrapper {
        padding: 0;
    }
    html .site-header .headerlogo img.stickylogo {
        opacity: 1;
    }
    html .header-style-six .cmt-header-box .cmt-stickable-wrapper .headerlogo {
        height: auto;
    }
    html .header-style-six .cmt-header-box .cmt-stickable-wrapper .site-branding {
        display: block;
        vertical-align: middle;
        float: left;
        position: absolute;
        top: 8px;
        z-index: 111;
        background-color: transparent;
        padding: 0;
        margin-left: 15px;
        height: auto;
        line-height: normal;
    }
    html .cymolthemes-topbar-inner .cmt-align-right {
        text-align: center;
    }
    html #site-header-menu #site-navigation div.nav-menu > ul > li, html .cmt-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item, html #site-header-menu #site-navigation div.nav-menu > ul > li > a, html .cmt-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item > a {
        height: auto;
        line-height: normal !important;
    }
    html .cmt-mmenu-active-color-custom #site-header-menu #site-navigation div.nav-menu > ul > li:hover > a {
        color: var(--color-brand);
    }
    html #site-header-menu #site-navigation.toggled-on div.nav-menu > ul ul, html #site-header-menu #site-navigation.toggled-on div.nav-menu > ul ul.open {
        position: relative;
        background-color: transparent !important;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0 0 0 25px;
    }
    html #site-header-menu #site-navigation div.nav-menu > ul ul li > a {
        padding: 15px 15px 15px 0;
    }
    #site-header-menu #site-navigation div.nav-menu > ul li > ul, #site-header-menu #site-navigation div.nav-menu > ul li > ul li ul {
        visibility: visible;
        opacity: 1;
    }
    html #site-header-menu #site-navigation div.nav-menu > ul li > ul ul {
        left: 0;
    }
    html #site-header-menu #site-navigation div.nav-menu > ul > li ul li.menu-item-has-children > a:after {
        display: none;
    }
    html .header-style-six #site-header-menu #site-navigation div.nav-menu > ul > li:last-of-type > a {
        padding: 0;
    }
    .page-banner h1 {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
    html .home-doctors .cmt-square-heading-style.cmt-custom-heading {
        right: -30px;
        left: 15px;
        padding: 20px;
        bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .home-intro .yt--popper:before {
        width: 120px;
        height: 120px;
    }
    .home-intro .yt--popper:after {
        left: 30px;
        bottom: 45px;
        font-size: 70px;
    }
    html .home-services .cymolthemes-box-service.cymolthemes-servicebox-styletwo .cymolthemes-serviceboxbox-readmore a {
        font-size: 16px;
        padding-left: 15px;
    }
    html .home-services .cymolthemes-box-service.cymolthemes-servicebox-styletwo .cymolthemes-serviceboxbox-readmore a:before {
        width: 65px;
    }
    html .home-services .cymolthemes-box-service.cymolthemes-servicebox-styletwo .cymolthemes-service-icon-button {
        right: 15px;
    }
    html .home-doctors .cmt-vc_btn3.cmt-vc_btn3-size-lg {
        padding: 12px;
    }
    html .home-doctors .cmt-vc_btn3.cmt-vc_btn3-size-lg.cmt-vc_btn3-icon-right:not(.cmt-vc_btn3-o-empty) .cmt-vc_btn3-icon {
        right: 12px;
    }
    .home-doctors .cmt-vc_btn3.cmt-vc_btn3-size-lg.cmt-vc_btn3-icon-right:not(.cmt-vc_btn3-o-empty) {
        padding-right: 40px;
    }
}

@media (max-width: 768px) {
    .first-footer-inner .widget.cmt-widget-skinbgcolor {
        margin-top: 0 !important;
    }
}

@media (max-width: 767px) {
    html .home .home-doctors h2 {
        font-size: 24px !important;
    }
    html .home .home-intro h2, html .home .home-services h2, html .home .home-testimonials h2, html .home .home-contact-intro h2, html .home .home-blog h2 {
        font-size: 18px !important;
    }
    html .home-cta h2 {
        font-size: 30px !important;
        line-height: 1.2 !important;
    }
    html body h2 {
        font-size: 28px !important;
    }
    html body h3 {
        font-size: 24px !important;
    }
    html body h4 {
        font-size: 20px !important;
    }
    html body h5 {
        font-size: 18px !important;
    }
    html body h6 {
        font-size: 18px !important;
    }
    .swap-on-mobile .vc_row {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .home .home-intro .wpb_column:nth-of-type(2) .vc_column-inner {
        padding-top: 0 !important;
        padding-bottom: 40px;
    }
    html .home-doctors .cmt-square-heading-style.cmt-custom-heading {
        right: 15px;
        left: 15px;
        padding: 20px;
        bottom: 15px;
        text-align: center !important;
    }
    html .home-doctors .cmt-square-heading-style.cmt-custom-heading:after {
        display: none;
    }
    html .home-doctors .home-doctor-img {
        margin: 0 0 20px;
    }
    html .footer-logo img {
        max-width: 100%;
        width: 300px;
        margin: 0 auto 27px;
        display: block;
    }
    #first-footer .first-widget-area .tm-leftdiv-box {
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #first-footer .first-widget-area .tm-rightdiv-box {
        width: 100%;
        text-align: center;
    }
    .first-footer-inner .cmt-widget-skinbgcolor:before {
        display: none;
    }
    .first-footer-inner .widget-area:nth-of-type(2) {
        background-color: var(--color-brand);
    }
    html .footer-cta {
        padding-left: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 0;
        padding-left: 0;
    }
    html .footer .footer-rows .first-footer .first-footer-inner {
        padding: 27px 0 0;
    }
    #second-footer .second-footer-inner .row.multi-columns-row, #second-footer .second-footer-inner .row.multi-columns-row aside, #second-footer .second-footer-inner .row.multi-columns-row .menu-footer-menu-links-container, #second-footer .second-footer-inner .row.multi-columns-row ul#menu-footer-menu-links-1 {
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #second-footer .second-footer-inner .row.multi-columns-row .widget-area:nth-of-type(2), #second-footer .second-footer-inner .row.multi-columns-row .widget-area:nth-of-type(3) {
        text-align: center;
    }
    html footer.site-footer .cmt-container-for-footer .bottom-footer-inner > div.row {
        display: block;
    }
    html footer.site-footer .cmt-container-for-footer .bottom-footer-inner > div.row .cmt-footer2-left, html footer.site-footer .cmt-container-for-footer .bottom-footer-inner > div.row .cmt-footer2-right {
        text-align: center;
    }
    html .container.cmt-container-for-footer {
        padding-left: 0;
        padding-right: 0;
    }
    html #first-footer, html #second-footer, html #bottom-footer-text {
        padding: 0 15px;
    }
    html footer .textwidget {
        width: 100%;
    }
    html .footer-map {
        top: 100%;
    }
    html #bottom-footer-text .bottom-footer-inner span {
        text-wrap: balance;
    }
    html #bottom-footer-text .social-icons {
        margin-top: 20px;
    }
    .footer .cmt-textcolor-white .cmt-quickdiv-box p {
        text-align: center;
    }
    .home-blog .cymolthemes-boxes-inner, .home-blog .cymolthemes-boxes-inner .cymolthemes-boxes-row-wrapper, .home-blog .cymolthemes-boxes-inner .cymolthemes-boxes-row-wrapper .cmt-sboxbox-col-wrapper, .home-blog .cymolthemes-boxes-inner .cymolthemes-boxes-row-wrapper .cmt-sboxbox-col-wrapper article, .home-blog .cymolthemes-boxes-inner .cymolthemes-boxes-row-wrapper .cmt-sboxbox-col-wrapper article .cymolthemes-box-content {
        display: block;
    }
    #first-footer .first-widget-area .tm-leftdiv-box {
        display: block;
    }
    #first-footer .first-widget-area .cmt-sbox.cmt-sbox-iconalign-left-spacing .cmt-sboxvc_cta3-icons-left.cmt-vc_general.cmt-sboxvc_cta3 .cmt-sboxvc_cta3-icons {
        margin: 0 auto 15px;
        text-align: center;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .site-footer #first-footer .cmt-sbox.cmt-sbox-iconalign-left-spacing .cmt-vc_general.cmt-sboxvc_cta3.cmt-sboxvc_cta3-icons-left .cmt-vc_cta3_content-container {
        padding-left: 0;
        padding-top: 0;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .site-footer #first-footer .cmt-sbox .cmt-vc_cta3-content-header h2 {
        text-align: center;
        display: block;
    }
    .service-page-intro .wpb_column:first-of-type {
        padding-bottom: 30px;
    }
    .page-banner h1 {
        font-size: 32px;
        position: unset;
        padding: 25px 15px;
        background-color: var(--color-brand);
        background-color: var(--color-accent-secondary);
        border-bottom: 5px solid var(--color-accent);
    }
    .page-banner:after {
        background: none;
    }
    html body .page-intro p.intro-text {
        font-size: 18px;
    }
    .blog-content img, .blog-content .yt--popper {
        float: none;
        width: 100%;
        margin: 0 !important;
    }
}

@media (max-width: 600px) {
    html .top-contact li.top-contact-location {
        display: none;
    }
}

@media (max-width: 500px) {
    .home-intro .yt--popper:before {
        width: 100px;
        height: 100px;
    }
    .home-intro .yt--popper:after {
        left: 24px;
        bottom: 36px;
        font-size: 60px;
    }
    .home-cta .home-cta-buttons .cmt-vc_btn3-container {
        margin: 10px 0;
        display: block;
    }
    html .home-doctors .cmt-vc_btn3.cmt-vc_btn3-size-lg, html .home-intro .cmt-vc_btn3.cmt-vc_btn3-size-lg {
        display: block;
        text-align: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .home-doctors .cmt-vc_btn3:nth-of-type(1) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    html .home-doctors .cmt-vc_btn3.cmt-vc_btn3-size-lg.cmt-vc_btn3-icon-right:not(.cmt-vc_btn3-o-empty) .cmt-vc_btn3-icon {
        position: static;
        padding-top: 5px;
        padding-left: 5px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        display: inline-block;
    }
    .home-doctors .cmt-vc_btn3.cmt-vc_btn3-size-lg.cmt-vc_btn3-icon-right:not(.cmt-vc_btn3-o-empty) {
        padding-right: 24px;
    }
    .home-cta .home-cta-buttons .cmt-vc_btn3-container {
        margin: 0;
    }
    .home-cta .home-cta-buttons .cmt-vc_btn3-container:nth-of-type(1) {
        margin: 0 0 24px;
    }
    .home-cta .home-cta-buttons .cmt-vc_btn3-container a {
        width: 250px;
        max-width: 100%;
    }
}

@media (max-width: 425px) {
    html .top-contact li.top-contact-appointment {
        display: none;
    }
    html .top-contact li.top-contact-phone {
        padding-left: 0;
        font-size: 18px;
    }
    html .top-contact li.top-contact-phone i {
        margin-right: 12px;
        font-size: 24px;
        position: relative;
        top: 2px;
    }
    html .top-contact li.top-contact-phone a {
        font-weight: 600;
    }
}

@media (max-width: 400px) {
    .home-intro .yt--popper:before {
        width: 80px;
        height: 80px;
    }
    .home-intro .yt--popper:after {
        left: 18px;
        bottom: 25px;
        font-size: 50px;
    }
}

/*------------------------
*      5. Keyframes      *
-------------------------*/