body, body p, body li, body a {
font-family: 'Glacial Indifference', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Glacial Indifference', sans-serif;
}
body p {
font-size: 20px;
}
body h2 {
font-size: 60px;
}
.main-wrapper {
overflow: hidden;
}
.youtube-video {
aspect-ratio: 16 / 9;
width: 100%;
}
.hero-banner {
background: rgb(0,0,0);
background: linear-gradient(135deg, rgba(0,0,0,1) 0%, rgba(94,94,94,1) 100%);
/*background: url(../img/hero-banner.jpeg) no-repeat top/cover;*/
height: auto;
color: #fff;
}
.col-md-11.hero-banner.align-items-center.hero-banner-veneers, .col-md-11.hero-banner.align-items-center.hero-banner-emergencies, .col-md-11.hero-banner.align-items-center.hero-banner-invisalign {
height: auto;
}
.social-row {
background-color: #000000;
}

.hero-content p {
letter-spacing: 6px;
margin: 20px 0;
font-size: 30px;
}
.hero-banner-content {
min-height: calc(70vh - 111px);
}
section.hero-section {
background-color: #000;
}
.social-row {
text-align: center;
}
.social-row ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 20px;
}
.hero-banner .col-md-7 p {
font-size: 20px;
line-height: normal;
margin: 5px 0;
}
.hero-banner h1 {
color: #B49142;
margin-bottom: 0;
font-size: 50px;
line-height: normal;
}
.hero-banner h2 {
font-family: "Arboria-Light";
font-weight: 300;
letter-spacing: 7px;
font-size: 30px;
}
.hero-play {
position: relative;
padding: 20px 0;
margin: 20px 0 !important;
}
.hero-play:before {
content: "";
position: absolute;
background: #707070;
width: 1px;
height: 50%;
left: 160px;
margin: auto;
}
.banner-bottom h2 {
color: #fff;
font-size: 26px;
}
.banner-bottom {
color: #fff;
text-align: center;
margin: 0;
padding: 5px 0;
background-color: #000000;
}
.banner-bottom .col-md-2 {
position: relative;
}
.banner-bottom p {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
line-height: normal;
}
.banner-bottom p img {
margin-right: 10px;
}
.banner-bottom .col-md-2 img {
margin: -38px 0 -38px;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.rate {
position: relative;
padding: 30px 0;
margin: 12px 0;
background-color: #000;
z-index: 1;
}
.rate:before {
content: "";
position: absolute;
background: #707070;
width: 1px;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: -1;
}
.rate p, .rate h2 {
background: #000;
margin: 0;
padding: 6px 0;
}
.hero-right p {
font-size: 14px;
margin: 8px 0 0px 57px;
line-height: normal;
}
.hero-right ul {
display: flex;
align-items: center;
list-style: none;
padding: 0;
margin: 0 0 0;

}
.hero-right ul a.no-icon-num, 
.hero-right ul a.book-icon-book {
display: flex;
margin: 0 0 0px 57px;
font-size: 24px;
}
.hero-right ul a {
color: #fff;
font-size: 14px;
text-decoration: none;
line-height: normal;
margin: 0 0 0px 57px;
}
.hero-right ul li {
margin-left: 0;
position: relative;
display: flex;
align-items: center;
flex-flow: wrap;
}
.hero-right {
display: flex;
flex-flow: wrap;
/*justify-content: flex-end;*/
max-width: 460px;
margin: 0 0 0 auto;
}
.hero-right ul a img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}

section.section-two {
margin-top: 120px;
margin-bottom: 150px;
}
section .client-logos {
margin-top: 100px;
}
.section-two-banner {
background: url(../img/section2-img.jpeg) no-repeat center/cover;
margin-right: calc(-0.1 * var(--bs-gutter-x));
}
.section-two h2 {
font-size: 60px;
}
.section-two-banner ul {
padding: 0;
margin: 0;
list-style: none;
position: relative;
z-index: 1;
}
.section-two-banner ul li {
display: flex;
align-items: center;
margin: 20px 0;
padding: 20px 0;
position: relative;
}
.section-two-banner ul li p {
margin: 0;
font-size: 20px;
}
.section-two-banner ul li span {
padding: 0 25px;
margin: 0 25px;
font-family: "Arboria-book";
font-size: 28px;
color: #ccc;
position: relative;
}
.section-two-banner ul li:last-child:before {
display:none;
}
.section-two-banner ul:before {
content: "";
position: absolute;
background: #ccc;
width: 1px;
height: 90%;
top: 7%;
left: 8%;
z-index: -1;
}
.section-two-banner ul li:before {
content: "";
position: absolute;
background: #ccc;
width: 72%;
height: 1px;
bottom: -10px;
right: 20%;
}
.section-two-banner ul li span:before {
content: "";
position: absolute;
background: #ccc;
width: 100%;
height: 1px;
bottom: 0px;
top: 0;
margin: auto;
left: -70px;
z-index: -1;
}
.client-logos img {
filter: grayscale(1);
}

.client-logos img:hover {
filter: grayscale(0);
}




section.section-about {
background: url(../img/about-banner.jpeg) no-repeat center/cover;
}
.about-banner {
color: #fff;
padding: 25px 0;
height: 600px;
}
.about-banner h3 {
font-size: 24px;
font-weight: 400;
margin-bottom: 25px;
}
.about-banner h2 {
font-size: 60px;
}
.about-banner p, .about-banner li {
font-size: 20px;
}
.about-banner ul {
margin: 35px 0;
}
a.btn-style {
font-family: "Arboria-book";
text-decoration: none;
font-size: 16px;
font-weight: 700;
color: #fff;
letter-spacing: 1.5px;
padding: 30px;
transition: 0.2s linear;
position: relative;
z-index: 1;
display: inline-block;
background: #b49242;
border: 1px solid #b49242;
}
a.btn-style:hover {
border: 1px solid #fff;
}
.section-guide {
margin-top: 150px;
margin-bottom: 150px;
}
.guide-bg {
background: url(../img/guide-bg.png) no-repeat center;
background-size: contain;
padding-right: 70px !important;
}
.section-guide h2 {
font-size: 40px;
margin-bottom: 40px;
}
.section-guide p:last-child {
margin-bottom: 0;
}
.section-guide p {
margin-bottom: 30px;
font-size: 22px;
}
section.section-review {
background: url(../img/review-banner.jpeg) no-repeat center/cover;
color:#fff;
}
.review-banner .rating {
display: flex;
align-items: center;
justify-content: space-between;
}
.review-banner h2 {
font-size: 40px;
margin: 15px 0 30px;
position: relative;
padding: 0px 0 20px;
}
.review-banner h2:before {
content: "";
position: absolute;
background: #fff;
width: 110px;
height: 1px;
bottom: 0;
left: 0;
}
.review-banner h4 {
font-size: 18px;
position: absolute;
bottom: -40px;
}
.review-banner p {
font-size: 18px;
line-height: 30px;
}
.review-banner {
border-bottom: 1px solid #707070;
padding-bottom: 80px;
}
.review-row {
height: 700px;
}
.review-item1 {
padding-right: 30px;
padding-left: 22px;
}
.review-item2 {
padding-left: 30px;
padding-right: 22px;
}

.review-banner .col-md-6 {
padding-right: 0;
padding-left: 0;
position: relative;
}

section.section-choose {
margin-bottom: 150px;
margin-top: 150px;
}
.section-choose a.btn-style {
color: #fff;
margin-top: 40px;
}
.section-choose p {
max-width: 850px;
margin: 40px auto 40px;
}
section.section-envy {
background: url(../img/bg-color.jpg) no-repeat;
background-position: center 70%;
}
.section-envy-content img.video-img {
margin: 25px 0 50px;
width: 100%;
height: auto;
}
img.video-img {
cursor: pointer;
}
.envy-content {
max-width: 990px;
margin: 0 auto;
}
.envy-content p {
margin-bottom: 35px;
}
section.section-smile-face {
margin-top: 150px;
margin-bottom: 150px;
}
.row.smile-face-row {
margin-right: calc(-0.6 * var(--bs-gutter-x));
}

.pr-50 {
padding-right: 50px !important;
}
.pl-50 {
padding-left: 50px !important;
}
div.dentist-content {
margin-top: 70px;
margin-bottom: 80px;
}
.dentist-content h2 {
position: relative;
margin-bottom: 52px;
padding-bottom: 49px;
font-size: 36px;
}
.dentist-content h2:before {
content: "";
position: absolute;
background: #707070;
width: 160px;
height: 1px;
bottom: 0;
left: 0;
}
.dentist-content p {
margin-bottom: 50px;
}
.dentist-content a.btn-style {
color: #fff;
}
.dentist-content a.btn-style:after {
background:#000;
}
.dentist-accordion .accordion .accordion-item {
background: #F8F8F8 !important;
padding: 15px;
border: 1px solid #ccc !important;
}
.dentist-accordion .accordion-item button.accordion-button {
background: #f8f8f8;
box-shadow: none;
font-size: 28px;
color: #000;
}
.dentist-accordion .accordion {
margin: 10px 0;
padding: 10px 0;
}
.dentist-accordion .accordion ul {
margin-top: 20px;
}
.dentist-accordion .accordion-item .accordion-body {
font-size: 20px;
}




section.section-faq {
background-color: #000;
color: #fff;
padding: 60px 0 100px !important;
margin-top: 150px;
}
section.section-faq h2 {
text-align: center;
color: #B49142;
font-size: 80px;
margin-bottom: 0;
line-height: normal;
}
.section-faq .accordion-item {
border: 1px solid #303030 !important;
margin-bottom: 30px;
margin-top: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
.section-faq .accordion-item button.accordion-button {
background: #000;
color: #fff;
border-color: #303030;
box-shadow: none;
font-size: 28px;
font-family: 'Glacial Indifference', sans-serif;
}
.section-faq .accordion-item h2.accordion-header {
border-bottom: 1px solid #303030;
}
.section-faq .accordion-item .accordion-body {
color: #fff;
background: #000;
border-color: #303030 !important;
font-family: 'Glacial Indifference', sans-serif;
font-size: 18px;
}
section.section-faq .accordion {
margin-top: 50px;
background: transparent !important;
}


section.section-benefits {
background: url(../img/benefits-banner.jpeg) no-repeat right/contain #f8f8f8;
padding-top: 300px;
}
.benefits-banner {
padding-left: 90px;
padding-right: 90px;
}
.benefits-banner h2 {
margin-bottom: 100px;
}
.benefits-content .benefits-col {
background: rgb(255, 255, 255);
opacity: 0.8;
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.11);
padding: 40px 40px 50px;
height: 100%;
}
.benefits-col h3 {
font-size: 34px;
color: #000;
line-height: normal;
margin-bottom: 34px;
}
.benefits-content .benefits-col p {
font-size: 20px;
}


section.section-logos {
margin-top: 150px;
margin-bottom: 150px;
}
section.section-logos .client-logos{
margin-top: 0;
}
section.section-logos .client-logos img{
filter: grayscale(0);
}


section.section-contact {
background: #000;
color: #fff;
padding: 130px 0 90px;
}
.section-contact ul {
padding: 0;
list-style: none;
margin: 0;
}
.section-contact ul li {
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin: 0 0 40px 0;
}
.section-contact ul li a {
color: #fff;
text-decoration: none;
display: flex;
align-items: center;
font-size: 20px;
}
.section-contact ul li a.info-title {
font-weight: 700;
}
.section-contact ul li a.info-title img {
margin-right: 10px;
}
.section-contact ul li a.info-content {
padding: 10px 0 0 29px;
}
.section-contact form label.form-label {
display: none;
}
.section-contact form input, .section-contact form textarea {
border-radius: 0;
padding: 15px;
font-family: "Arboria-book";
font-size: 19px;
}
.section-contact form button.btn {
background-color: #fff;
color: #000;
border-radius: 0;
border-color: #fff;
font-weight: 700;
font-family: "Arboria-book";
letter-spacing: 1.5px;
padding: 13px 30px;
font-size: 19px;
max-width: 155px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.section-contact form .btn-wrap {
justify-content: flex-end;
display: flex;
flex-direction: column;
align-items: flex-end;
}

.contact-content {
position: relative;
z-index: 1;
}
.contact-content:before {
content: "";
position: absolute;
background: url(../img/heading-seprator.png) no-repeat left/contain;
width: 134px;
height: 92px;
z-index: -1;
left: 0;
top:-40px;
}

.contact-content h2 {
font-size: 52px;
line-height: normal;
margin: 0 0 0 30px;
}
.contact-content {
margin-bottom: 60px;
}

footer {
background: #222222;
padding: 40px 0 80px;
color: #fff;
}
.footer-logo {
border-bottom: 1px solid #575757;
padding: 0 0 40px;
margin: 0 0 40px;
}
.footer-left {
display: flex;
flex-direction: column;
gap: 10px;
}

.footer-left a {
color: #fff;
text-decoration: none;
}
.col-md-6.footer-right {
display: flex;
gap: 10px;
flex-flow: wrap;
justify-content: flex-end;
}
.footer-right ul {
padding: 0;
margin: 20px 0 0;
list-style: none;
display: flex;
align-items: center;
gap: 15px;
width: 100%;
}
.footer-right p {
font-size: 16px;
margin: 0;
line-height: normal;
}
.certified-logo {
margin-top: 15px;
}
.accordion-button:not(.collapsed)::after {
background-image: url(../img/close-icon.png) !important;
}
.accordion-button::after{
background-image: url(../img/open-icon.png) !important;
}


.social-row {
position: fixed;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
right: 0;
top: 0;
}
.modal_style .modal-header {
padding: 0;
border: 0;
}
.modal_style .modal-header button.btn-close {
position: absolute;
right: 0;
background-color: #fff;
border-radius: 50%;
opacity: 1;
z-index: 1;
}


/*Page Veneers Style START*/
.hero-banner-veneers {
/*background: url(../img/veneers-page/hero-banner.jpg) no-repeat top/cover;*/
}
.section-two-banner-veneers {
background: url(../img/veneers-page/section2-img.jpg) no-repeat center/cover;
}
section.section-envy-veneers {
background: transparent;
margin-bottom: 80px;
margin-top: 80px;
}
section.section-envy-veneers .section-envy-content img.video-img {
margin: 0px 0 0px;
}
section.section-guide-veneers h2 {
margin-bottom: 20px;
}
section.section-guide-veneers p {
font-size: 20px;
margin-bottom: 50px;
}
section.section-guide-veneers .guide-bg {
padding-right: 50px !important;
padding-left: 100px !important;
background-position: 120% center;
background-size: auto;
}
section.section-guide-veneers .row.align-items-center {
margin-right: calc(-0.6 * var(--bs-gutter-x));
}

section.section-logos-veneers {
margin-top: 85px;
margin-bottom: 85px;
}
/*Page Veneers Style END*/


/*Page Emergencies Style START*/
.hero-banner-emergencies {
/*background: url(../img/emergencies-page/hero-banner.jpg) no-repeat top/cover;*/
}
.section-two-banner-emergencies {
/*background: url(../img/emergencies-page/section2-img.jpg) no-repeat center/cover;*/
}
/*Page Emergencies Style END*/


/*Page Invisalign Style START*/
.hero-banner-invisalign {
/*background: url(../img/invisalign-page/hero-banner.jpg) no-repeat top/cover;*/
}
.section-two-banner-invisalign {
background: url(../img/invisalign-page/section2-img.jpg) no-repeat center/cover;
}
/*Page Invisalign Style END*/
ul.col-md-7 li {
font-size: 18px;
line-height: 1.6;
}
.body-link {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 92%;
text-align: center;
margin-top: 70px;
}
a.mid-button {
font-family: "Arboria-book";
text-decoration: none;
font-size: 16px;
font-weight: 700;
color: #fff;
letter-spacing: 1.5px;
padding: 30px;
transition: 0.2s linear;
position: relative;
z-index: 1;
display: inline-block;
background: #b49242;
border: 1px solid #b49242;
}
.row.align-items-center.d-flex {
flex-wrap: nowrap;
}
.headerform {
max-width: 360px!important;
}
.row.mt-3.pt-5.hero-banner-content {
/*gap: 60px;*/
justify-content: center;
align-items: center;
}
.headerform {
padding: 30px;
background: #ffffff24;
border-radius: 10px;
}

.headerform span.formheader {
font-size: 25px;
font-weight: 500;
color: #B49142;
margin-bottom: 20px;
display: block;
}

.headerform form.formhead input, .headerform form.formhead textarea {
border-radius: 0;
color: #212529;
font-size: 18px;
padding: 10px 10px;
}

.headerform form.formhead .col-md {
margin-bottom: 10px;
}

.headerform form.formhead input::placeholder, .headerform form.formhead textarea::placeholder {
color: #212529;
}

.headerform form.formhead .col-12.text-end.btn-wrap {
text-align: center;
margin: 15px 0 0;
}

.headerform form.formhead .col-12.text-end.btn-wrap button.btn.btn-primary {
width: 100%;
font-size: 20px;
font-weight: 500;
background: #b49242;
border: 1px solid #fff;
}

.headerform form.formhead .col-12.text-end.btn-wrap button.btn.btn-primary img {
display: none;
}

.headerform form.formhead .col-12.text-end.btn-wrap button.btn.btn-primary:hover {
background: #fff;
color: #b49242;
border-color: #b49242;
}
body {
overflow-x: hidden;
}
.headerform form.formhead input::placeholder, .headerform form.formhead textarea::placeholder {
font-size: 16px;
color: #9a9a9a;
}
.high-quality-head p {
font-size: 20px;
line-height: 30px;
}
.high-quality-con {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 70px;
flex-direction: row-reverse;
}
/* left  */
.high-quality-con .left {
background: #FFF;
border-radius: 20px;
-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
overflow: hidden;
padding: 15px;
}
.high-quality-con .left img {
width: 470px;
height: 300px;
-o-object-fit: contain;
object-fit: contain;
}
.high-quality-con .right {
max-width: 610px;
}
.high-quality-con .right ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 25px 15px;
margin-left: 0;
}
.high-quality-con .right ul li {
font-size: 20px;
font-weight: 400;
line-height: normal;
border-radius: 100px;
background: rgba(18, 18, 18, 0.050);
padding: 21px 15px;
text-align: center;
-webkit-box-flex: 285px;
-ms-flex: 285px;
flex: 275px;
cursor: pointer;
list-style: none;
}
.high-quality-con .right ul li.active {
background: var(--color-yellow);
color: #000000;
}
.single-tab {
display: none;
}
.single-tab video {
width: 100%;
max-width: 470px;
height: auto;
}
.single-tab:first-child {
display: block;
}
.container-s {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.high-quality-con .right ul li.active {
background: #b49242;
color: #ffffff;
}
section.high-quality-sec.sec-p {
width: 91.66666667%;
margin-top: 100px;
}
h2.heading {
margin-bottom: 40px;
}
.new-imgs-banner img {
width: 100%;
max-width: 158px;
border-radius: 20px;
filter: grayscale(1);
box-shadow: 0 0 9px #ffffff2b;
padding: 10px;
}
.new-imgs-banner {
display: flex;
gap: 62px;
justify-content: flex-start;
align-items: center;
margin-bottom: 50px;
}
.new-imgs-banner img:last-child {
padding: 10px;
}
span.strike {
text-decoration: line-through;
}
li.border-under {
list-style: none;
margin: 10px 0px;
border-bottom: 1px solid;
width: 100%;
}
span.chiller {
font-size: 30px;
text-shadow: 1px 0px 8px white;
}
.hero-banner .new-imgs-banner h2 {
font-family: 'Glacial Indifference', sans-serif;
font-weight: normal;
letter-spacing: 0px;
font-size: 36px;
color: #b49242;
line-height: normal;
}
ul.col-md-9 li {
font-size: 20px;
}
ul.col-md-9 {
padding: 40px;
/* border: 1px solid #ffffff33; */
border-radius: 10px;
width: max-content;
background: #ffffff24;
}
li.invis {
list-style: none;
margin-bottom: 20px;
}

li.invis img {
width: 100%;
max-width: 210px;
height: auto;
}

section.compare {
width: 100%;
margin: 70px auto;
max-width: 900px;
}
section.compare > div li {
padding: 30px 0px 30px;
border-bottom: 1px solid #d5d5d5;
font-size: 18px;
}
section.compare > div p {
padding: 20px 0px;
font-size: 18px;
line-height: 1.5;
}
section.compare > div {
margin-top: 80px;
}
section.compare > div {margin-top: 50px;}
section.compare h2 {
text-align: center;
position: relative;
}
video.autoplay-vid {
width: 100%;
height: auto;
}
.videobox video {
width: 100%;
height: auto;
}
.slide-right {
display: none;
}
/*Responsive*/
@media only screen and (max-width: 1600px) {
body h2 {
font-size: 50px;
}
.banner-bottom h2 {
font-size: 23px;
}
.section-two h2 {
font-size: 50px;
}
.about-banner h2 {
font-size: 50px;
}
.benefits-content .benefits-col {
padding: 40px 20px 50px;
}
section.section-benefits {
background-position: center bottom;
padding-top: 200px;
}
.benefits-banner {
padding-left: 50px;
padding-right: 50px;
}

section.section-guide-veneers .guide-bg {
padding-right: 20px !important;
padding-left: 70px !important;
}
section.section-guide-veneers h2 {
margin-bottom: 15px;
}
section.section-guide-veneers p {
font-size: 18px;
margin-bottom: 30px;
}
.hero-banner, .col-md-11.hero-banner.align-items-center.hero-banner-veneers, .col-md-11.hero-banner.align-items-center.hero-banner-invisalign, .col-md-11.hero-banner.align-items-center.hero-banner-emergencies {
height: 98vh;
}
}

@media only screen and (max-width: 1399px) {
.hero-play:before{
display: none;
}
.hero-banner .new-imgs-banner h2 {
font-size: 28px;
}
section.hero-section .col-md-11.hero-banner .row.mt-3.pt-5.hero-banner-content .col-md-8 {
flex: 0 0 auto;
width: 60%;
}
section.hero-section .col-md-11.hero-banner .row.mt-3.pt-5.hero-banner-content .col-md-4 {
flex: 0 0 auto;
width: 40%;
}
.hero-banner, .col-md-11.hero-banner.align-items-center.hero-banner-veneers, .col-md-11.hero-banner.align-items-center.hero-banner-emergencies, .col-md-11.hero-banner.align-items-center.hero-banner-invisalign {
height: auto;
}
.row.mt-3.pt-5.hero-banner-content .row.align-items-center.hero-play ul.col-md-9 {
padding-left: 50px;
}
}
@media only screen and (max-width: 1024px) {
ul.col-md-9 li {
font-size: 18px;
}

body p {
font-size: 18px;
}
body h2 {
font-size: 30px;
}
.hero-right ul a.no-icon-num, .hero-right ul a.book-icon-book {
font-size: 16px;
}
.hero-right p {
font-size: 14px;
}

.hero-right ul li {
margin-left: 10px;
}
.logo-wrap img {
max-width: 200px;
height: auto;
}

.hero-right ul li img {
max-width: 30px;
height: auto;
}
.banner-bottom h2 {
font-size: 20px;
}
.banner-bottom {
margin: 0 0 0;
}
.section-two h2 {
font-size: 34px;
}
.section-two-banner ul li img {
max-width: 70px;
height: auto;
}
.section-two-banner ul li span {
/*font-size: 20px;*/
}
.section-two-banner ul li p {
/*font-size: 16px;*/
}
.about-banner h2 {
font-size: 36px;
}
.section-two-banner > .col-md-6 {
width: 70%;
}
.about-banner p, .about-banner li {
font-size: 18px;
}
a.btn-style {
font-size: 14px;
}
.section-guide h2 {
font-size: 28px;
margin-bottom: 20px;
}
.section-guide p {
margin-bottom: 20px;
font-size: 20px;
}
.guide-bg {
padding-right: 25px !important;
}
.review-banner .p-5 {
padding: 25px !important;
}
.section-envy img {
width: 100%;
height: auto;
}
.section-smile-face img {
width: 100%;
height: auto;
}
.pr-50 {
padding-right: 25px !important;
}
.section-faq .offset-md-1 {
margin-left: 0;
width: 100%;
}
section.section-benefits {
padding-top: 100px;
background-position: right top;
}
.benefits-content .col-md-3 {
width: 50%;
margin: 0 0 10px;
}
.hero-banner .col-md-7 p {
font-size: 16px;
}
.hero-play:before {
left: 140px;
}
.hero-banner .col-md-7 {
padding-left: 60px;
width: 70%;
}
a.btn-style:after {
width: 60px;
}
.review-item1 {
padding-right: 20px;
}
.review-item2 {
padding-left: 20px;
}

.review-banner h2 {
font-size: 30px;
}
.review-banner {
padding-right: 50px;
}
.dentist-content h2 {
margin-bottom: 30px;
padding-bottom: 25px;
font-size: 26px;
}
.contact-content:before {
left: 20px;
}
.contact-content h2 {
font-size: 40px;
}
.benefits-banner {
padding-left: 20px;
padding-right: 20px;
}
.section-contact ul li a.info-content {
padding: 0px 0 0 0px;
}
.col-md-11.hero-banner.align-items-center .container {
max-width: 850px;
}
.headerform {
padding: 20px;
}
.headerform span.formheader {
font-size: 23px;
}
/* High Quality Section */
.high-quality-con {
gap: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.high-quality-con .right {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
max-width: 520px;
}
.high-quality-con .right ul li {
font-size: 18px;
padding: 18px 15px;
-webkit-box-flex: 240px;
-ms-flex: 240px;
flex: 240px;
}
}
@media only screen and (max-width: 767px) {
section.compare > div {
margin-top: 20px;
overflow-x: scroll;
height: auto;
}
video.autoplay-vid {
width: 100%;
height: auto;
}
section.compare h2 {
text-align: center;
position: relative;
}
section.compare h2 span {
display: block;
font-size: 30px;
}
section.compare > div ul:nth-child(2) li {
width: 250px;
}
section.compare > div ul:nth-child(3) li {
width: 400px;
}
h2.heading {
font-size: 30px;
}
section.high-quality-sec.sec-p {
margin-top: 50px;
}
.high-quality-head p {
font-size: 16px;
line-height: 26px;
}
/* High Quality Section */
.high-quality-con {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.high-quality-con .right {
width: 100%;
}
.high-quality-con .right ul {
gap: 0px;
margin-left: 0;
padding: 0px;
}
.high-quality-con .right ul li {
margin: 10px 0;
}
.tab-nav-btn {
display: block;
background: #b49142;
font-size: 18px;
padding: 18px 40px 18px 15px;
border-radius: 100px;
font-weight: 600;
color: #FFF;
position: relative;
}
.tab-nav-btn::after {
content: '';
position: absolute;
top: 22px;
right: 20px;
width: 10px;
height: 10px;
border-left: 2px solid #FFF;
border-bottom: 2px solid #FFF;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.tab-nav-btn.active::after {
-webkit-transform: rotate(137deg);
-ms-transform: rotate(137deg);
transform: rotate(137deg);
top: 28px;
}
.col-md-11.hero-banner.align-items-center .container {
max-width: 540px;
}
section.hero-section .col-md-11.hero-banner .row.mt-3.pt-5.hero-banner-content .col-md-8 {
width: 100%;
}
section.hero-section .col-md-11.hero-banner .row.mt-3.pt-5.hero-banner-content .col-md-4 {
width: 100%;
}
.headerform {
width: 95%;
margin: 0 auto;
}
body h2 {
font-size: 27px;
}
.logo-wrap {
text-align: center;
margin: 0 0 10px;
}
.hero-right {
justify-content: center;
}
.seprator img {
width: auto;
height: auto;
max-width: 70px;
}
section.section-wrap {

}
.social-row {
width: 10% !important;
padding: 0 !important;
z-index: 2;
}
.social-row ul {
justify-content: center;
}
.social-row img {
max-width: 24px;
height: auto;
}
.hero-right ul a.no-icon-num, .hero-right ul a.book-icon-book {
font-size: 13px;
margin: 5px 0 0px 45px;
}
.hero-right ul a {
font-size: 15px;
margin: 0px 0 0px 45px;
}
.hero-right p {
font-size: 13px;
margin: 8px 0 0px 10px;
}
.hero-play .col-md-2 {
width: 25%;
}
.hero-play .col-md-7 {
width: 75%;
padding-left: 20px;
}
.hero-play:before {
left: 80px;
}
.hero-play img {
width: auto;
height: auto;
max-width: 60px;
}
.hero-content p {
margin: 10px 0;
font-size: 16px;
letter-spacing: 2px;
}
.hero-banner h1 {
font-size: 30px;
}
.hero-banner h2 {
font-size: 20px;
}
div.hero-play {
padding-top: 20px !important;
}
.hero-banner .col-md-7 p {
font-size: 15px;
}
div.hero-banner-content {
padding-top: 10px !important;
}
.banner-bottom .col-md-2 img {
max-width: 130px;
position: relative;
}
.banner-bottom {
padding: 10px 0;
}
body br {display: none;}
.section-two h2 {
font-size: 22px;
}
.section-envy h2 {
font-size: 20px;
}
.section-smile-face {
text-align: center;
}
.section-smile-face .col-md-4 {
margin-bottom: 10px;
}
.dentist-content .pr-50 {
padding-right: 0 !important;
margin-bottom: 20px;
}
.dentist-accordion .accordion .accordion-item {
padding: 0;
}
.dentist-accordion .accordion-item button.accordion-button {
font-size: 20px;
}
.dentist-accordion .accordion-item .accordion-body {
font-size: 16px;
}
.section-faq .accordion-item button.accordion-button {
font-size: 16px;
}
.section-faq .accordion-item .accordion-body {
font-size: 14px;
}
.benefits-content .col-md-3 {
width: 100%;
}
.section-contact form .btn-wrap {
text-align: center !important;
justify-content: center;
}
.contact-content h2 {
font-size: 22px;
}
.section-contact ul li a {
font-size: 16px;
}
.footer-logo img {
max-width: 200px;
height: auto;
}
.footer-logo {
text-align: center;
}
.footer-left, .footer-right {
text-align: center;
justify-content: center !important;
}
.footer-left {
margin-bottom: 15px;
}
.footer-right ul {
justify-content: center;
}
.certified-logo {
text-align: center;
}
.contact-content:before {
left: 6px;
}
.section-two-banner > .col-md-6 {
width: 100%;
}
.section-two-banner ul li span {
font-size: 20px;
padding: 0 15px;
margin: 0 15px;
color: #ddd;
}
.section-two-banner ul li p {
font-size: 18px;
}
.section-two-banner ul:before {
left: 11%;
}
.section-two-banner ul li:before {
right: 0;
width: 89%;
}
.about-banner h2 {
font-size: 30px;
}
.about-banner p, .about-banner li {
font-size: 16px;
}
.section-guide p {
margin-bottom: 20px;
font-size: 16px;
}
.section-guide p:last-child {
margin-bottom: 20px;
}
.review-row {
height: auto;
}
.review-item1, .review-item2 {
padding: 15px;
}
.review-banner {
padding-right: 0;
padding-top: 40px;
padding-bottom: 50px;
}
.review-banner p {
font-size: 16px;
line-height: 26px;
}
.review-banner h4 {
font-size: 16px;
bottom: -20px;
}
.review-item2 {
margin-top: 30px;
}
body p {
font-size: 16px;
}
.dentist-content h2 {
font-size: 22px;
}
.pl-50 {
padding-left: 15px !important;
}
section.section-faq h2 {
font-size: 50px;
}
.benefits-banner h2 br {
display: block;
}
.benefits-col h3 {
font-size: 20px;
margin-bottom: 15px;
}
.benefits-content .benefits-col p {
font-size: 16px;
}
.benefits-content .benefits-col {
padding: 20px;
}
footer {
width: 100%;
}
.logo-wrap img {
max-width: 180px;
margin-bottom: 10px;
}
.hero-banner {
height: auto;
}
.hero-banner-content {
min-height: auto;
}
section.section-two {
margin-top: 50px;
margin-bottom: 50px
}
section .client-logos {
margin-top: 50px;
}
.section-guide {
margin-top: 50px;
margin-bottom: 50px;
}
section.section-choose {
margin-bottom: 50px;
margin-top: 50px;
}
section.section-smile-face {
margin-top: 50px;
margin-bottom: 50px;
}
div.dentist-content {
margin-top: 30px;
margin-bottom: 30px;
}
.dentist-content p {
margin-bottom: 30px;
}
section.section-faq {
margin-top: 50px;
}
section.section-logos {
margin-top: 0px;
margin-bottom: 0px;
}
section.compare {
margin: 0px;
}
section.section-contact {
padding: 80px 0 50px;
}
.section-contact form input, .section-contact form textarea {
padding: 10px;
font-size: 18px;
}
.footer-logo img {
max-width: 180px;
}
footer {
padding: 40px 0 40px;
}
.section-contact form button.btn {
padding: 10px 30px;
font-size: 18px;
}
.review-banner h2 {
font-size: 26px;
margin: 10px 0 20px;
padding: 0 0 10px;
}

section.section-guide-veneers .guide-bg {
padding-right: 20px !important;
padding-left: 20px !important;
}
section.section-envy-veneers {
margin-bottom: 50px;
}
section.section-guide-veneers p {
font-size: 16px;
}
.col-md-11.hero-banner.align-items-center.hero-banner-veneers, .col-md-11.hero-banner.align-items-center.hero-banner-emergencies, .hero-banner, .col-md-11.hero-banner.align-items-center.hero-banner-invisalign{
height: auto;
}
div.hero-play .col-md-9 {
width: 83%;
}
div.hero-play .col-md-3 {
width: auto;
}
.row.mt-3.pt-5.hero-banner-content .row.align-items-center.hero-play ul.col-md-9 {
padding-left: 20px;
width: 100%;
}
div.hero-play {
padding-bottom: 0px;
margin-bottom: 0px;
}
.new-imgs-banner {
margin-bottom: 40px;
gap: 20px;
}
section.section-wrap {
width: 100%;
padding: 0px;
}
section.section-dentist, section.compare {
    padding-top: 40px;
}
.social-row {
display: none;
}
}
@media only screen and (max-width: 578px) {
.slide-right {
display: block;
color: red;
position: relative;
height: 50px;
margin: 30px 0px 0px;
}
.slide-right:after {
content: '';
position: absolute;
left: 30%;
margin: auto;
width: 40px;
height: 40px;
background: url(../img/arrow.svg);
top: -20px;
bottom: 0px;
background-repeat: no-repeat;
border-radius: 5px;
}
body .compare h2 {
font-size: 29px;
}

body .compare h2 span {
font-weight: normal;
font-size: 20px;
margin: 10px 15px 0px;
}
.hero-banner .new-imgs-banner h2 {
font-size: 26px;
}
.banner-bottom {
width: 100%;
}
.body-link {
width: 100%;
}

.hero-play:before {
display: none;
}
div.hero-play .col-md-3 {
margin-bottom: 30px;
}
.headerform span.formheader {
font-size: 21px;
}
.headerform form.formhead input, .headerform form.formhead textarea {
font-size: 16px;
padding: 5px 10px;
}
.headerform form.formhead .col-12.text-end.btn-wrap button.btn.btn-primary {
font-size: 17px;
}
.hero-banner {
background-size: unset;
background-position: unset;
position: relative;
}

.hero-banner:after {
content: '';
width: 100%;
height: 100%;
background: #000;
position: absolute;
left: 0;
top: 0;
opacity: .3;
z-index: 0;
}

.col-md-11 .container {
position: relative;
z-index: 1;
}

.section-two-banner-veneers, .section-two-banner-emergencies, .section-two-banner-invisalign, .section-two-banner {
background: none;
}

.row.client-logos .col-md-12 {
width: 100%;
overflow: auto;
}

.row.client-logos .col-md-12 img {
width: 100%;
min-width: 900px;
}
.about-banner {
height: auto;
}
}