:root {
–primary: #333;
–secondary: #fff;
–tertiary: #cbcbcb;
–accent: #305150;
–tertiary-bg: #f5f5f5;
–form: #f4f8fd;
–form-placeholders: #94979f;
–nav-height: 55px;
–column-width: 1fr;
–row-width: min-content;
–grid-gap: 15px;
–grid-flow: dense;
–grid-padding: 15px;
}
body {
font-size: 16px;
margin:0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(–primary);
font-family: ‘Roboto’, helvetica, sans-serif;
letter-spacing: 0;
}
p {
font-family: ‘Lato’, helvetica, sans-serif;
color: #666;
font-weight: 400;
}
p.subtitle {
text-transform: uppercase;
font-weight: 300;
}
h1.uppercase,
h2.uppercase,
h3.uppercase,
h4.uppercase,
h5.uppercase,
h6.uppercase {
letter-spacing: 0;
font-weight: 700;
text-transform: uppercase;
}
h1 {
font-size: 32px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
@media screen and (min-width: 320px) {
h1,
h1.uppercase {
font-size: calc(32px + 24 * ((100vw – 320px) / 1180));
}
h2,
h2.uppercase {
font-size: calc(28px + 12 * ((100vw – 320px) / 1180));
margin-bottom: 12px;
}
h3,
h3.uppercase {
font-size: calc(24px + 8 * ((100vw – 320px) / 1180));
}
h4,
h4.uppercase {
font-size: calc(18px + 6 * ((100vw – 320px) / 1180));
}
.page-title .subtitle {
margin-bottom: 0;
}
}
@media screen and (min-width: 1500px) {
h1,
h1.uppercase {
font-size: 56px;
}
h2,
h2.uppercase {
font-size: 40px;
}
h3,
h3.uppercase {
font-size: 32px;
}
.form-frame h3.uppercase {
font-size: 30px;
}
}
.bold {
font-weight:bold;
}
.italic {
font-style: italic;
}
.hero-title,
.faq–title,
.footer–title,
.topsection–title,
.accolade .title * {
text-transform: uppercase;
font-style: italic;
font-weight: bolder;
letter-spacing: 0;
}
.hero-text {
padding: 25px;
}
.accolade .title * {
font-style: normal;
letter-spacing: inherit;
text-transform: none;
}
.mx-auto {
margin: 0 auto;
}
a,
a:hover,
a:focus {
color: var(–accent);
}
a:hover,
a:focus {
text-decoration: underline;
}
form input[type=’text’],
form input[type=’email’],
form input[type=’tel’],
form textarea,
form select {
background-color: var(–form);
}
form input[type=’text’]:focus,
form input[type=’email’]:focus,
form input[type=’tel’]:focus,
form textarea:focus,
form select:focus {
outline: 2px solid var(–accent);
background-color: var(–secondary);
}
.halfscreen form input[type=’text’]:focus,
.halfscreen form input[type=’email’]:focus,
.halfscreen form input[type=’tel’]:focus {
outline: initial;
}
form input[type=’submit’],
form button[type=’submit’] {
background: var(–accent);
color: var(–secondary);
border-color: var(–accent);
transition: color 0.3s ease-out, background-color 0.3s ease-out,
border-color 0.3s ease-out;
}
form input[type=’submit’]:hover,
form button[type=’submit’]:hover,
form input[type=’submit’]:focus,
form button[type=’submit’]:focus {
color: var(–primary);
background: var(–secondary);
border-color: var(–secondary);
}
.p-relative {
position:relative;
}
.pt-0 {
padding-top: 0 !important;
}
.w-100 {
width: 100%;
}
.contact-form label {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
::-webkit-input-placeholder {
color: var(–form-placeholders);
}
::-moz-placeholder {
color: var(–form-placeholders);
}
:-ms-input-placeholder {
color: var(–form-placeholders);
}
:-moz-placeholder {
color: var(–form-placeholders);
}
:placeholder-shown {
color: var(–form-placeholders);
}
li > address {
font-weight: bolder;
color: var(–primary);
}
.about > p {
margin-bottom: 12px;
}
.intro h3 {
font-family: ‘Lato’;
font-weight: bolder;
font-style: italic;
text-transform: uppercase;
letter-spacing: 0;
}
.breadcrumb {
margin: 1px 0 10px;
background-color:transparent;
}
.page-title i {
display: initial;
}
.page-title p {
margin-bottom: 0;
}
.page-title-2.contact {
height: auto;
}
.page-title-2.contact .container {
transform: none;
-webkit-transform: none;
top: 0;
margin-top: 75px;
}
.doctor-profile {
display: block;
color: var(–primary);
line-height: 13px;
}
.doctor-profile h5 {
font-family: ‘Lato’, helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 18px;
line-height: 24px;
}
.doctor-profile:hover h5 {
text-decoration: underline currentColor;
color: var(–accent);
}
.doctor-profile small {
font-size: 75%;
text-transform: capitalize;
}
.doctor-profile p {
line-height: 25px;
}
.doctor-headshot {
object-fit: cover;
}
.doctorpage-intro {
color: #000;
font-weight: 500;
letter-spacing: 0;
text-transform: unset;
font-family: ‘Roboto’, helvetica, sans-serif;
}
.position-title {
font-family: ‘Lato’;
font-weight: bold;
text-transform: uppercase;
color: var(–primary);
}
.outer-title img {
max-height: 360px;
object-fit: cover;
object-position: top;
}
.menu > li {
margin-right: 14px;
}
nav.bg-dark .menu > li > a,
nav.bg-dark .module.widget-handle i,
nav.bg-dark .nav-utility {
color: var(–tertiary);
transition-timing-function: ease-out;
}
nav.bg-dark .menu > li > a:hover,
nav.bg-dark .module.widget-handle i:hover,
nav.bg-dark .nav-utility:hover {
color: var(–secondary);
}
nav.bg-dark .menu > li > a,
nav.bg-dark .module.widget-handle i,
nav.bg-dark .nav-utility {
opacity: 1;
}
nav.bg-dark .module:first-child {
padding-left: 0;
}
nav.bg-dark .module-group .module {
padding-right: 0;
}
.hero-center-content {
height: calc(100vh – var(–nav-height));
min-height: 667px;
padding: 0;
}
.hero-center-content .container,
.hero-center-content .row {
height: inherit;
min-height: inherit;
}
.bg-form {
background-color: var(–form);
}
.bg-secondary {
background-color: var(–secondary);
}
.bg-secondary a {
color: var(–accent);
}
.bg-secondary a:hover {
text-decoration: underline;
}
.breadcrumb-2 li a {
color: var(–accent);
}
.image-bg .breadcrumb li a {
color: #ddd;
}
.image-bg .breadcrumb li a:hover {
color: #fff;
}
.breadcrumb-2 > li + li:before {
color: inherit;
content: ‘•’;
margin: 10px;
padding: 0;
}
.breadcrumb-2 > li:not(:last-child) {
color: #aaa;
}
.overlay:before {
opacity: 0.7;
}
.overlay button[type=’submit’] {
border-color: var(–accent);
}
.container .masonry-item {
margin-bottom: 0;
}
.tabs {
width: 100%;
}
.button-tabs.vertical .tabs {
max-width: 40%;
}
.button-tabs.vertical > .content {
max-width: 60%;
}
.button-tabs.vertical > .tabs > li {
margin-bottom: 0;
}
.button-tabs.vertical .tab-title {
background: var(–tertiary);
color: var(–primary);
border: 1px transparent solid;
}
.button-tabs.vertical .tab-title:hover {
background: var(–secondary);
border-color: currentColor;
}
.button-tabs.vertical .active .tab-title {
background: var(–accent);
border: 1px transparent solid;
color: var(–secondary);
}
.button-tabs.vertical .active .tab-title:hover {
background: var(–secondary);
color: var(–accent);
border-color: currentColor;
}
.accordion-1 li,
.accordion-2 li {
margin-bottom: 0;
}
.accordion-1 .accordion-title {
background: var(–tertiary);
color: var(–primary);
border: 1px transparent solid;
}
.accordion-1 .accordion-title:hover {
background: var(–secondary);
border-color: currentColor;
}
.accordion-1 .active .accordion-title {
background: var(–accent);
color: var(–secondary);
}
.accordion-1 .active .accordion-title:hover {
background-color: var(–accent);
text-decoration: underline;
border-color: var(–accent);
}
.accordion-2 .accordion-title {
margin-bottom: auto;
padding-bottom: inherit;
display: flex;
}
.accordion-title h1,
.accordion-title h2,
.accordion-title h3,
.accordion-title h4,
.accordion-title h5,
.accordion-title h6 {
margin-bottom: auto;
padding-bottom: 10px;
}
.accordion-2 .accordion-title::before {
content: ‘⌄’ !important;
font-family: inherit;
margin-right: 5px;
}
.accordion-2 .accordion-title::before {
content: ”;
}
.accordion-2 .accordion-content p {
padding: 0;
margin: 0 0 10px;
}
.accordion li .accordion-content {
max-height: 0;
transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
}
.accordion li.active .accordion-content {
max-height: 100%;
}
.accordion-2 .accordion-title {
opacity: 1;
color: var(–accent);
}
.accordion-2 .active .accordion-title {
color: var(–primary);
}
.accordion-2 .accordion-title::before {
content: ‘–’;
font-size: 20px;
font-weight: bolder;
}
.accordion-2 .active .accordion-title::before {
content: ‘+’;
}
.recentarticles .row {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.recentarticles–single-container {
margin: 0 8px;
flex-basis: 33%;
width: 33%;
}
.post-title span {
background-color: var(–accent);
}
.post-snippet .post-meta {
list-style: none;
}
.post-snippet ul {
list-style: disc;
}
.post-snippet ul:not(.post-meta) li {
margin-left: 17px;
}
.link-list a {
color: var(–accent);
}
.link-list li:hover a {
text-decoration: underline;
}
.link-list span {
opacity: 0.75;
transition: opacity 0.3s ease-out;
}
.link-list a::after {
transform: translateX(0);
transition: transform 0.3s ease-out;
will-change: transform;
}
.link-list li:hover a::after {
transform: translateX(5px);
}
.post-snippet–inner .post-snippet–date {
color: var(–accent);
}
.pagination li a {
color: var(–accent);
border-color: currentColor;
padding-top: 4px;
}
.pagination li:hover a,
.pagination li.active a,
.pagination li.active:hover a {
background-color: var(–accent);
border-color: var(–accent);
}
.post-snippet hr {
color: var(–accent);
border-color: currentColor;
}
.post-snippet:hover .post-snippet–btn {
background: var(–secondary);
color: var(–accent);
}
.post-snippet:hover .post-snippet–title {
color: var(–accent);
text-decoration: underline;
}
.image-gallery-component [class*=’col’] {
padding: 0;
}
.image-gallery-component .image-caption img {
object-fit: cover;
height: 100%;
max-height: 280px;
width: auto;
}
.full-overlay.image-caption .caption {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
color: var(–secondary);
background: rgba(0, 0, 0, 0.4);
font-size: 32px;
font-weight: bolder;
letter-spacing: 2px;
}
.image-caption .caption::before {
content: none;
}
.fullscreen {
height: calc(100vh – var(–nav-height));
min-height: 667px;
}
.twothirdscreen {
height: calc(66vh – var(–nav-height) * 2);
min-height: 500px;
}
.image-slider.twothirdscreen {
height: calc(66vh);
min-height: 400px;
}
.image-slider .slides,
.image-slider li,
.image-slider .form-row {
height: inherit;
}
.image-slider .form-row .btn {
border-color: var(–accent);
}
.halfscreen {
height: calc(50vh – var(–nav-height));
min-height: 450px;
}
.halfscreen ul,
.halfscreen li,
.halfscreen .row {
height: inherit;
}
.alt-image-component {
height:50vh;
padding-top:0;
padding-bottom:0;
}
.bg-image-holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
max-width: 100%;
z-index: -2;
}

.bg-image-holder img {
height: 100%;
width: 100%;
object-fit: cover;
}
.image-related {
padding: 0;
overflow: hidden;
}
.image-related img,
.image-related .caption {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.image-related img {
object-fit: cover;
width: 100%;
}
.image-related .caption *:not(:first-child) {
opacity: 0;
transition: opacity 0.3s ease-out;
}
.image-related:hover .caption,
.image-related:hover img {
transform: scale(1.05);
}
.image-related:hover .caption *:not(:first-child) {
opacity: 1;
}
.image-related.col-md-6 img {
height: 390px;
}
.image-related.col-md-4 img {
height: 286px;
}
.image-related .caption {
position: absolute;
display: flex;
flex-wrap: wrap;
height: 100%;
width: 100%;
justify-content: center;
align-content: center;
align-items: center;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
text-align: center;
}
.image-related .caption * {
color: var(–secondary);
font-weight: bolder;
width: 100%;
}
.image-square > .content {
display: flex;
align-items: center;
align-content: center;
height: 100%;
}
.image-edge img {
margin: 25% 0;
}
.image-edge h5 {
font-weight: 400;
}
.image-edge .container div[class*=’col-‘] {
position: relative;
-webkit-transform: initial;
transform: initial;
top: initial;
}
.btn {
border-color: var(–accent);
color: var(–accent);
transition-timing-function: ease-out;
}
.btn:visited {
color: var(–accent);
text-decoration: underline var(–accent) !important;
}
.btn:hover,
.btn:focus {
background-color: var(–secondary);
color: var(–primary);
}
.btn br {
display:initial;
}
.home .btn {
padding: 5px 26px;
height:unset;
}
.image-square .btn:hover {
background-color: var(–accent);
color: var(–secondary);
}
.bg-primary .btn {
border-color: var(–secondary);
color: var(–secondary);
}
.bg-primary .btn:hover,
.bg-primary .btn:focus {
color: var(–accent);
}
.btn[class*=’accent’] {
border-color: var(–accent);
color: var(–secondary);
background-color: var(–accent);
transition-timing-function: ease-out;
}
.btn[class*=’accent’][class*=’border’] {
border-color: var(–accent);
color: var(–accent);
background: var(–secondary);
}
.btn[class*=’accent’]:hover,
.btn[class*=’accent’]:focus,
.btn[class*=’accent’]:visited {
background-color: var(–secondary);
color: var(–accent);
}
.btn.btn-accent:focus {
color: var(–primary);
text-decoration: underline var(–accent);
}
.btn[class*=’accent’][class*=’border’]:hover,
.btn[class*=’accent’][class*=’border’]:focus,
.btn[class*=’accent’][class*=’border’]:visited {
color: var(–secondary);
background: var(–accent);
}
.h-100 {
height: 100% !important;
}
.h-50 {
height: 50vh !important;
}
.h-25 {
height: 25vh !important;
}
.d-flex {
display: flex !important;
}
.d-block {
display: block !important;
}
.flex-wrap {
flex-wrap: wrap;
}
.justify-content-right {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-left {
justify-content: flex-start !important;
}
.align-items-center {
align-items: center !important;
}
.align-self-center {
align-self: center !important;
}
.order-1 {
order:1;
}
.order-2 {
order:2;
}
@media (min-width: 768px) {
.order-md-3 {
order: 3;
}
}
@media (min-width: 992px) {
.order-lg-3 {
order: 3;
}
}
.bg-primary {
background-color: var(–primary) !important;
color: var(–secondary);
}
.accent-bg {
background-color: var(–accent);
color: var(–secondary);
}
.bg-tertiary {
background-color: var(–tertiary-bg);
color: var(–primary);
}
.accent-bg h1,
.accent-bg h2,
.accent-bg h3,
.accent-bg h4,
.accent-bg h5,
.accent-bg h6 {
color: inherit;
}
.top-left,
.top-left .background-image-holder {
background-position: top left !important;
object-position:top left !important;
}
.center-left,
.center-left .background-image-holder {
background-position: center left !important;
object-position:center left !important;
}
.bottom-left,
.bottom-left .background-image-holder {
background-position: bottom left !important;
object-position:bottom left !important;
}
.top-center,
.top-center .background-image-holder {
background-position: top center !important;
object-position: top center !important;
}
.center-center,
.center-center .background-image-holder {
background-position: center center !important;
object-position:center center !important;
}
.bottom-center,
.bottom-center .background-image-holder {
background-position: bottom center !important;
object-position:bottom center !important;
}
.top-right,
.top-right .background-image-holder {
background-position: top right !important;
object-position:top right !important;
}
.center-right,
.center-right .background-image-holder {
background-position: center right !important;
object-position:center right !important;
}
.bottom-right,
.bottom-right .background-image-holder {
background-position: bottom right !important;
object-position:bottom right !important;
}
.contact-title {
font-weight: bolder;
font-style: italic;
}
.contact-info address {
font-weight: bold;
}
#map {
height: 325px;
width: 100%;
margin-bottom: 100px;
pointer-events: none;
}
.progress-1 {
height: 16px;
margin-bottom: 8px;
border-radius: 0;
border: 0;
}
.progress-1:last-child {
margin-bottom: 0;
}
.progress-1 .progress-bar {
text-align: right;
padding-right: 12px;
line-height: 32px;
border-radius: 0;
}
.progress-1 .progress-bar span {
font-family: ‘Raleway’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
font-size: 11px;
}
.loader {
height: 100vh;
width: 100vw;
background-color: #fff;
position: absolute;
z-index: 100;
}
.loader .container,
.loader .row {
height: inherit;
}
.loader .row {
display: flex;
}
.progress-bar {
–width: attr([data-progress]);
background-color: var(–accent);
}
.faq–title {
margin-bottom: 3px;
}
.faq–container {
padding: 32px 0 16px;
}
.faq–row {
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
}
.faq–answer ul {
list-style: circle;
}
.faq–answer,
.faq–question {
padding-left: 15px;
}
footer .address {
margin-bottom: 0;
}
footer.bg-primary h2 {
font-size: 56px;
}
footer.bg-primary h2,
footer.bg-primary p:not(.address):not(.hours) {
color: #90a2a2;
letter-spacing: 0;
text-align: center;
}
footer .icon {
font-size: 21px;
}
footer .social-list a {
color: var(–tertiary);
transition-timing-function: ease-out;
}
footer .social-list a:hover {
color: var(–secondary);
}
footer .social-list .icon {
color: inherit;
}
.spinner {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 2px 1px 0 var(–accent);
}
.masonry > .row {
position: absolute;
bottom: -45px;
left: 0;
right: 0;
}
.bg-form .masonry-item {
margin-bottom: 15px;
}
.article-container .page-title-4 {
height: 200px;
padding-top: 90px;
}
.form-frame {
border: solid 1px;
padding: 30px;
background: #333;
color: fff;
}
.form-frame h4 {
color: #fff;
}
.form-frame strong {
color: #fff;
}
.subpage-content ul {
list-style: initial;
}
.glightbox.playbutton {
display: block;
}
.play i {
color: #000;
padding-left: 5px;
}
.play {
background-color: #fff;
border-radius: 50px;
height: 64px;
width: 64px;
font-weight: 900;
font-size: 24px;
color: #000;
text-align: center;
padding-top: calc(64px / 2 – 11px);
}
.glightbox.playbutton:after,
.playbutton::after,
.play.playbutton {
content: ‘\f04b’;
position: absolute;
top: calc(50% – 64px / 2);
left: calc(50% – 64px / 2);
background-color: #fff;
border-radius: 50px;
height: 64px;
width: 64px;
font-family: ‘Font Awesome 5 Free’;
font-weight: 900;
font-size: 24px;
color: #000;
text-align: center;
padding-top: calc(64px / 2 – 11px);
will-change: transform;
transition: transform 0.3s ease-out;
padding-left: 5px;
}
.post {
background: #fff;
margin-bottom: 10px;
}
.post .post-text {
font-weight: 500;
padding: 10px 20px 20px;
}
.post .post-text p {
line-height: 30px;
}
.post .post-thumbnail figure img {
display: inline-block;
width: 100%;
object-fit: cover;
}
.post .post-thumbnail figure {
position: relative;
overflow: hidden;
width: 100%;
height: auto;
max-height: 198px;
background: #242626;
text-align: center;
cursor: pointer;
}
.post figure figcaption {
display:flex;
align-items:center;
padding: 2em;
color: #fff;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
padding: 30px;
width: 100%;
height: 100%;
}
.post figure figcaption > p {
font-size: 12px;
color: #fff;
text-transform: uppercase;
margin-bottom:0;
}
.post .post-title {
letter-spacing: 0;
font-weight: 600;
text-transform: uppercase;
font-family: ‘Dosis’, arial;
font-size: 17px;
margin-top: 10px;
margin-bottom: 0;
line-height: 20px;
}
.post .post-meta {
color: #adadad;
font-size: 12px;
}
.post .post-meta a {
color: #6a6a6a;
}
.post .post-meta a:hover {
color: #414141;
}
.post .post-meta a::after {
content: ‘•’;
display: inline-block;
padding-left: 10px;
padding-right: 7px;
color: #c1c1c1;
}
.post .post-excerpt {
line-height: 20px;
margin-bottom: 0;
font-size: 12px;
}
.post .post-more {
width: 50%;
font-size: 12px;
}
.post .post-more .btn-primary {
padding: 5px 20px !important;
margin-bottom: 0;
text-transform: capitalize;
}
.post .post-comments {
float: right;
width: 50%;
text-align: right;
font-size: 12px;
}
.post .post-comments i {
padding-right: 6px;
}
figure.effect-ming {
background: #030c17
}

figure.effect-ming img {
opacity: .9;
-webkit-transition: opacity .35s;
transition: opacity .35s
}

figure.effect-ming figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 2px solid #fff;
box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
content: ”;
opacity: 0;
will-change: opacity, transform;
-webkit-transition: opacity .35s,-webkit-transform .35s;
transition: opacity .35s,transform .35s;
-webkit-transform: scale3d(1.4,1.4,1);
transform: scale3d(1.4,1.4,1)
}

figure.effect-ming h2 {
margin: 20% 0 10px;
will-change: transform;
-webkit-transition: -webkit-transform .35s;
transition: transform .35s
}

figure.effect-ming p {
padding: 1em;
opacity: 0;
will-change: opacity, transform;
-webkit-transition: opacity .35s,-webkit-transform .35s;
transition: opacity .35s,transform .35s;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}

figure.effect-ming:hover h2 {
-webkit-transform: scale(0.9);
transform: scale(0.9)
}

figure.effect-ming:hover figcaption::before,figure.effect-ming:hover p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}

figure.effect-ming:hover figcaption {
background-color: rgba(58,52,42,0)
}

figure.effect-ming:hover img {
opacity: .6
}
.blog-container .bg-form {
padding-bottom:38px;
}
.blog-container .bg-form + .row {
margin-top:-20px;
background: var(–form);
padding-bottom:38px;
}
.pr-xs-0 {
padding-right:0;
}
.pl-xs-0 {
padding-left: 0;
}
.pt-xs-48 {
padding-top:48px;
}
.pb-xs-48 {
padding-bottom:48px;
}
.alt-image-component.test {
height: unset;
}
.alt-image-component.test .image {
min-height: 50vh;
}
.alt-image-component.test .content {
min-height: 25vh;
}
@media (max-width: 576px) {
.doctor-profile .outer-title img[alt] {
max-width: 70%;
}
}
@media (max-width: 767px) {
section {
padding: 80px 25px;
}
footer .disclaimer *:not(p) {
line-height: 50px;
}
p {
font-size: 16px;
}
.button-tabs.vertical .tabs {
max-width: 100%;
width: 100%;
padding-left: 0;
}
.button-tabs.vertical > .content {
max-width: 100%;
}
.hero-text {
padding-left: 15px;
}
.about .py24 > p {
padding: 0 24px;
}
.doctor-profile .outer-title {
display: flex;
flex-flow: column wrap;
align-items: center;
}
.doctor-profile .outer-title img {
max-width: 45%;
}
.page-title-1.form,
.page-title-2.form {
height: 500px;
}
.page-title-1.form .slides li > div:not(.background-image-holder),
.page-title-2.form .slides li > div:not(.background-image-holder) {
padding: 50px;
}
.accordion .accordion-content {
padding-top: 25px;
}
}
@media (max-width: 990px) {
.image-square {
padding-bottom: 0;
display: flex;
flex-flow: column wrap;
}
.image-square .image {
margin-bottom: 0;
}
.image-edge img {
margin: 0;
}
.d-none-md-down {
display: none;
}
.image-square > .content {
margin: 25px 0;
order: 2;
padding: 75px;
}
.page-title .d-flex {
flex-flow: column wrap;
}
.page-title.hero .d-flex {
flex-flow: row wrap;
}
.page-title .row {
padding-left: 25px;
}
.page-title .breadcrumb {
margin: 25px 0;
}
.menu li ul {
display: none !important;
}
.post figure figcaption {
display:none;
}
}
@media (min-width: 990px) {
.d-none-md-down {
display: inline;
}
.pr48 {
padding-right: 48px;
}
.pl48 {
padding-left:48px;
}
}
@media (max-width: 1120px) {
.menu > li {
margin-right: 14px;
}
}
@media (min-width: 1200px) {
.alt-image-component.test {
height: 50vh;
}
}
@supports (display: grid) {
.d-grid.individual-treatment {
display: grid;
grid-template-columns: repeat(3, var(–column-width));
grid-auto-rows: var(–row-width);
grid-gap: var(–grid-gap);
grid-auto-flow: var(–grid-flow);
padding: var(–gird-padding);
}
.d-grid.individual-treatment:before {
display: none;
}
.d-grid.individual-treatment .col-sm-4 {
width: 100%;
padding: 0;
}
.d-grid.individual-treatment .feature {
height: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
margin: 0;
}
.individual-treatment–text {
flex-basis: 100%;
width: 100%;
}
}

Menu