@charset "utf-8";
/* CSS Document */

.braces-wrapp, .smileg-wrapp, .comparison-wrapp, .providers-wrapp, .reason-wrapp, .fix-wrapp, .cost-wrapp, .scan-wrapp, .faqs-wrapp { width:100%; float:left;}

.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reason-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faqs-wrapp p { font-size:16px; font-weight:300; color:#363b3e; line-height:1.6; margin:0 0 22px;}



.braces-wrapp p a, 
.smileg-wrapp p a, 
.inner-wrapp p a,
.comparison-wrapp p a,
.providers-wrapp p a,
.reason-wrapp p a,
.fix-wrapp p a,
.cost-wrapp p a,
.scan-wrapp p a,
.faqs-wrapp p a { color:#c79527;}



.braces-wrapp p a:hover, 
.smileg-wrapp p a:hover, 
.inner-wrapp p a:hover,
.comparison-wrapp p a:hover,
.providers-wrapp p a:hover,
.reason-wrapp p a:hover,
.fix-wrapp p a:hover,
.cost-wrapp p a:hover,
.scan-wrapp p a:hover,
.faqs-wrapp p a:hover { color:#363b3e;}





.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:block;}
.braces-wrapp p strong, .smileg-wrapp p strong, .comparison-wrapp p strong, .providers-wrapp p strong, .reason-wrapp p strong, .fix-wrapp p strong, .cost-wrapp p strong, .scan-wrapp p strong, .faqs-wrapp p strong { font-weight:700;}


.braces-wrapp h2, .braces-wrapp h3, .smileg-wrapp h2, .comparison-wrapp h2, .reason-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faqs-wrapp h2, .scan-wrapp h2 { float:none; font-size:45px; font-weight:600; color:#041b47; letter-spacing:normal; line-height:1.07; margin:0 0 20px; font-family: "Cormorant Garamond", serif;}
.braces-wrapp h2 a, .braces-wrapp h3 a, .smileg-wrapp h2 a, .comparison-wrapp h2 a, .reason-wrapp h2 a, .providers-wrapp h2 a, .fix-wrapp h2 a, .cost-wrapp h2 a, .faqs-wrapp h2 a, .scan-wrapp h2 a { color:#041b47;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .smileg-wrapp h2 span, .comparison-wrapp h2 span, .reason-wrapp h2 span, .providers-wrapp h2 span, .fix-wrapp h2 span, .cost-wrapp h2 span, .faqs-wrapp h2 span, .scan-wrapp h2 span { display:block; font-family: "Cormorant Garamond", serif;}

/*braces-wrapp*/
.braces-wrapp { position:relative; padding:30px 0 42px; text-align:center;}
.braces-wrapp h2 { margin:0 0 32px;}
.braces-wrapp h2 span { display:block;}
.braces-wrapp h3 { font-size:26px; color:#041b47; font-weight:600; line-height:1.06; margin:0 0 18px; font-family: "Cormorant Garamond", serif;}
.braces-wrapp h3 span { display:041b47; font-family: "Cormorant Garamond", serif;}
.braces-wrapp .braces-row1 { width:64.5%; margin:21px auto 110px;}
.braces-wrapp .braces-row2 { width:100%; float:left; margin:0 0 53px; text-align:left; position:relative;}
.braces-wrapp .braces-row2 img { width:100%; display:block;}
.braces-wrapp .braces-row3 { width:100%; float:left;}
.braces-wrapp .braces-row2 .braces-col1 { width:50%; float:left; position:relative;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb { width:100%; float:left; background:#fff; border-radius:20px; overflow:hidden;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:33%; float:left; position:absolute; bottom:11%; left:10%;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 { width:100%; float:left; padding:0 0 0;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li {font-size: 15px;font-weight: 400;color: #363b3e;line-height: 1.6;display: block;position: relative;padding-left: 12px;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before {content: "\2022";font-size: 13px;float: left;position: absolute;top: 0.5px;left: 0;color: #363b3e;}
.braces-wrapp .braces-row2 .braces-col1:last-child .braces-conten { right:5.5%; left:inherit;}
.braces-wrapp .braces-row2 .braces-col1:last-child:after { content:""; width:2px; height:100%; background:#fff; position:absolute; left:-1px; top:0;}
.braces-wrapp .braces-row2 .vs-box { width:66px; height:66px; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; background:#041944; border:solid 2px #ffffff; border-radius:50%; margin:0 auto;}
.braces-wrapp .braces-row2 .vs-box span { float:none; font-size:22px; font-weight:700; color:#ffffff; letter-spacing:normal; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; text-align:center;}
.braces-wrapp .braces-row4 { width:100%; display:inline-block; max-width:88%; float:none; margin:0 auto 0;}
.braces-wrapp .load-btn1 { margin:20px 0 0;}

/*smileg-wrapp*/
.smileg-wrapp { padding:22px 0 32px;}
.smileg-wrapp h2 { margin:0 0 34px; text-align:center;}
.smileg-wrapp h2 span { display:block;}
.smileg-wrapp h4 { width:auto; position:absolute; top:0; left:0; right:0; margin:0 auto; font-size:16px; color:#fff; text-align:center; padding:30px 0;}
.smileg-wrapp h4 a { color:#fff;}
.smileg-wrapp h4 span { display:block;}
.smileg-wrapp .smileg-row1 { width:100%; float:left;}
.smileg-wrapp .smileg-row1 .smileg-col1 { width:99.4%; float:left; position:relative;}
.smileg-wrapp .smileg-row1 .smileg-col1 img { width:100%; display:block;}
.smileg-wrapp .smileg-row1 .smileg-col1 .smileg-thumb { width:100%; float:left;}
.smileg-wrapp .smileg-row1 .smileg-col1 .lt { width:40%; float:left;}
.smileg-wrapp .smileg-row1 .smileg-col1 .rt { width:40%; float:right;}

/*comparison-wrapp*/
.comparison-wrapp { padding:32px 0 98px; text-align:center;}
.comparison-wrapp h2 { margin:0 0 55px; text-align:center;}
.comparison-wrapp h2 span { display:block;}
.comparison-wrapp h3 { font-size:16px; font-weight:500; color:#041b47; line-height:1.69; margin:0 0 0;}
.comparison-wrapp h3 a { color:#041b47;}
.comparison-wrapp h3 span { display:block;}
.comparison-wrapp h4 { font-size:16px; font-weight:400; line-height:1.41; color:#ffffff; margin:0 0 0;}
.comparison-wrapp h4 a { color:#ffffff;}
.comparison-wrapp h4 span { display:block;}
.comparison-wrapp .comparison-row1 { width:100%; float:left; margin:0 0 30px;}
.comparison-wrapp .comparison-row1 img { width:100%; display:block;}
.comparison-wrapp .comparison-row1 .comparison-row2 { width:100%; float:left; margin:0 0 0.34% 0;}
.comparison-wrapp .comparison-row1 .comparison-row2:last-child { margin-bottom:0;}
.comparison-wrapp .comparison-row1 .comparison-col1 { width:29.79%; float:left; margin:0 0.4% 0 0; min-height:99px; display:table;}
.comparison-wrapp .comparison-row1 .comparison-col1 .conten1 { width:100%; display:table-cell; vertical-align:middle; padding:0 8% 0; text-align:left;}
.comparison-wrapp .comparison-row1 .comparison-col2 { width:23.07%; float:left; margin:0 0.3% 0 0; min-height:99px; display:table;}
.comparison-wrapp .comparison-row1 .comparison-col2:last-child { margin:0;}
.comparison-wrapp .comparison-row1 .comparison-col2 .conten1 { width:100%; display:table-cell; vertical-align:middle; text-align:center;}
.comparison-wrapp .comparison-row1 .comparison-col2 .invisalign-logo { width:160px; margin:0 auto; background:#041944; display:table-cell; vertical-align:middle;}
.comparison-wrapp .comparison-row1 .comparison-col2 .invisalign-logo .logo-col1 { width:135px; margin:0 auto;}
.comparison-wrapp .comparison-row1 .comparison-col2 .check-icon { width:160px; margin:0 auto; display:table-cell; vertical-align:middle;}
.comparison-wrapp .comparison-row1 .comparison-col2 .check-icon .check-col1 { width:30px; margin:0 auto;}
.comparison-wrapp .comparison-row3 { width:100%; float:left; margin:60px 0 0;}
.comparison-wrapp .comparison-row3 img { width:100%; display:block;}
.comparison-wrapp .comparison-row3 iframe { width:100%; height:652px; display:block;}
.color1 { background:#f1ebdf;}
.color2 { background:#041944;}

/*reason-wrapp*/
.reason-wrapp { padding:83px 0 99px; background:url(../images/invisalign/reasons-bg.jpg) no-repeat center / cover; text-align:center;}
.reason-wrapp h2 { color:#ffffff; margin:0 0 27px; text-align:center;}
.reason-wrapp h2 span { display:block;}
.reason-wrapp p { color:#ffffff; font-weight:300; margin:0 0 0;}
.reason-wrapp p a { color:#fff;}
.reason-wrapp p span { display:block;}
.reason-wrapp .reason-row1 {width: 100%;float: none;margin: 31px auto 30px;display: flex;flex-wrap: wrap;justify-content: center;max-width: 800px;}
.reason-wrapp .reason-row1 img { width:100%; display:block;}
.reason-wrapp .reason-row1 .reason-col1 { width:50%; float:left; min-height:175px; margin:0 0 0; padding:0 2%;}
.reason-wrapp .reason-row1 .reason-col1 .reason-icon { width:21.3%; display:inline-block; margin:0 0 22px;} 

/*fix-wrapp*/
.fix-wrapp { text-align:center; padding:83px 0 48px;}
.fix-wrapp h2 { margin:0 0 25px; text-align:center;}
.fix-wrapp h2 span { display:block;}
.fix-wrapp h3 { float:none; font-size:30px; font-weight:600; color:#041b47; letter-spacing:normal; line-height:1.23; margin:0 0 12px; font-family: "Cormorant Garamond", serif;}
.fix-wrapp h3 a { color:#041b47;}
.fix-wrapp h3 span { display:block; font-family: "Cormorant Garamond", serif;}
.fix-wrapp p { line-height:1.5; margin:0 0 16px;}
.fix-wrapp p span { display:block;}
.fix-wrapp p strong { font-weight:700;}
.fix-wrapp .fix-row1 { width:100%; float:left; margin:30px 0 0;}
.fix-wrapp .fix-row1 img { width:100%; display:block;}
.fix-wrapp .fix-row1 .fix-col1 { width:28.2%; float:left; margin:0 7.7% 37px 0;}
.fix-wrapp .fix-row1 .fix-col1:nth-child(3n) { margin-right:0;}
.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:86%; display:inline-block;}
.fix-wrapp .fix-row1 .fix-col1 .fix-conten { width:100%; float:left; padding:28px 0 0; min-height:237px;}

.fix-thumb .video-box { position:relative; float:left; margin-bottom:10px;}
.video-container { position:relative; width:100%;}
.video-container video { width:100%; max-width:100%}
.video-box .video-container .video-progress-container {    position: relative;
    bottom: -10px;
    font-size: 16px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.video-box .video-container .video-progress-container .video-progress-left, .video-box .video-container .video-progress-container .video-progress-right {padding-left: 15px;
    padding-right: 15px;}
	
/*cost-wrapp*/
.cost-wrapp { text-align:center; padding:35px 0 0.64%;}
.cost-wrapp h2 { margin:0 0 45px; text-align:center;}
.cost-wrapp h3 { font-size:30px; line-height:normal; color:#ffffff; font-weight:600; margin:0 0 24px; font-family: "Cormorant Garamond", serif;}
.cost-wrapp h3 a { color:#ffffff;}
.cost-wrapp h3 span { display:block; font-family: "Cormorant Garamond", serif;}
.cost-wrapp h4 { font-size:30px; line-height:normal; color:#ffffff; font-weight:600; width:100%; background:#041944; padding:22px 0; display:block; margin:0 0 15px; font-family: "Cormorant Garamond", serif;}
.cost-wrapp h4 a { color:#ffffff;}
.cost-wrapp h4 span { display:block; font-family: "Cormorant Garamond", serif;}
.cost-wrapp h5 { font-size:20px; line-height:1.69; color:#0d1021; font-weight:300; margin:0 0 20px;}
.cost-wrapp h5 a { color:#0d1021;}
.cost-wrapp h5 span { font-size:36px; color:#c79527; position:relative; font-weight:600; top:9px;}
.cost-wrapp p { color:#ffffff; margin:0 auto 24px; max-width:288px;}
.cost-wrapp p span { display:block;}
.cost-wrapp p strong { font-weight:700;}
.cost-wrapp .cost-row1 { width:100%; float:left; margin:0 0 0; position:relative; display: flex; flex-wrap: wrap;}
.cost-wrapp .cost-row1 img { width:100%; display:block;}
.cost-wrapp .cost-row1 .cost-col1 { width:24.52%; float:left; margin:0 0.64% 0 0; min-height:437px; background:#041944; position:relative; padding:45px 2% 110px;}
.cost-wrapp .cost-row1 .cost-col2 { width:24.52%; float:left; margin:0 0.64% 0 0; min-height:437px; background:#fdf9f7; position:relative; padding:0 0 110px;}
.cost-wrapp .cost-row1 .cost-col2:last-child { margin:0;}
.cost-wrapp .cost-row1 .cost-row2 { width:100%; float:left; padding:0 10% 0; text-align:left;}
.cost-wrapp .cost-row1 .cost-bar1 { width:100%; float:left; margin:0 0 18px;}
.cost-wrapp .cost-row1 .cost-bar1 li { font-size:16px; font-weight:400; color:#090909; line-height:1.69; background:url(../images/invisalign/checkicon.svg) no-repeat 0 3px; display:block; padding-left:30px; margin:0 0 5px;}
.cost-wrapp .cost-row1 .cost-col3 { width:49.68%; float:right; height:100%; background:url(../images/invisalign/cost-thumb2.jpg) no-repeat top center / cover; position:absolute; top:0; right:0;}
.cost-wrapp .cost-btn1 { width:170px; position:absolute; bottom:54px; left:0; right:0; margin:0 auto;}

.cost-wrapp .cost-row1.contents-6 {width: 100%;display: grid;grid-template-columns: repeat(6, 1fr);gap: 1.95px;}
.cost-wrapp .cost-row1.contents-6 .cost-col1 {margin: 0;width: 100%;}
.cost-wrapp .cost-row1.contents-6 .cost-col2 {margin: 0;width: 100%;}
.cost-wrapp .cost-row1.contents-6 h4 {font-size: 27px;}

/*scan-wrapp*/
.scan-wrapp { background:url(../images/invisalign/scan-bg1.jpg) no-repeat top center / cover; padding:83px 0 0; position:relative;}
.scan-wrapp h2 { font-size:30px; color:#ffffff; margin:0 0 16px;}
.scan-wrapp p { color:#ffffff; margin:0 0 24px;}
.scan-wrapp p a { color:#ffffff;}
.scan-wrapp p span { display:block;}
.scan-wrapp p strong { font-weight:700;}
.scan-wrapp .scan-row1 { width:100%; float:left; margin:0 0 0; position:relative;}
.scan-wrapp .scan-row1 img { width:100%; display:block;}
.scan-wrapp .scan-row1 .scan-col1 { width:39.3%; float:left; position:absolute; bottom:0; left:0;}
.scan-wrapp .scan-row1 .scan-col3 { width:29.6%; float:left; position:absolute; right:-36.2%; bottom:28%;}
.scan-wrapp .scan-row2 { width:41%; float:right; margin:0 0 84px;}
.scan-wrapp .scan-row2 .scan-col2 { width:305px; float:left; margin:17px 0 0; position:relative;}
.scan-wrapp .scan-row2 .scan-col2 img { width:100%; display:block;}
.scan-wrapp .scan-row2 .scan-col2 video { width:100%; display:block;}
.scan-wrapp .scan-row2 .scan-col2 .video-img { width:100%; height:0; float:left; overflow:hidden; padding:0 0 100%; position:relative;}
.scan-wrapp .scan-row2 .scan-col2 .video-img video { width:100%; height:100%; position:absolute; top:0; right:0; left:0;}
.scan-wrapp .scan-row2 .scan-col2 .video-button { width:100%; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; text-align:center;}

/*faqs-wrapp*/
.faqs-wrapp { text-align:center; padding:90px 0 77px; border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.faqs-wrapp p { margin:0 0 18px; line-height:1.54;}
.faqs-wrapp p span { display:block;}
.faqs-wrapp p strong { font-weight:700;}
.faqs-wrapp h2 { margin:0 0 25px;}
.faqs-wrapp h3 { font-size:16px; font-weight:600; color:#363b3e; letter-spacing:normal; line-height:1.54;}
.faqs-wrapp h3 a { color:#363b3e;}
.faqs-wrapp h3 span { display:inline;}
.faqs-wrapp h4 { font-size:16px; font-weight:400; color:#363b3e; letter-spacing:normal; line-height:1; margin:0 0 19px;}
.faqs-wrapp h4 a { color:#363b3e;}
.faqs-wrapp h4 span { display:inline;}
.faqs-wrapp .margin { max-width:954px;}
.faqs-wrapp .faqs-col1 { width:100%; float:left; margin:0 0 0; text-align:left;}
.faqs-wrapp .faqs-col1 img { width:100%; display:block;}
.faqs-wrapp .faqs-col1 .faqs-row1 { width:100%; float:left;}
.faqs-wrapp .faqs-col1 .faqs-row1:last-child { margin-bottom:0;}
.faqs-wrapp .load-btn1 { margin:20px 0 0;}

/*link-box*/
.link-box { width:236px; float:left; background:#041944; padding:26px 1.4%; position:absolute; top:30px; left:0; z-index:9;}
.link-box .link-row1 { width:100%; float:left;}
.link-box .link-row1 .link-col1 { width:100%; float:left;}
.link-box .link-row1 .link-col1 li { width:100%; display:block; border-bottom:1px solid #ffffff; padding:3px 0 3px; margin:0 0 0;}
.link-box .link-row1 .link-col1 li:last-child { border:none;}
.link-box .link-row1 .link-col1 li a:hover { color:rgba(255,255,255,0.5);}
.link-col1 li, .link-col1 li a { font-size:15px; font-weight:400; color:#ffffff; letter-spacing:normal; line-height:2.13;}

.item-content .comparison-col1 { width:100%;  margin:0 0.16% 0 0; display:table; color:#fff}
.item-content .comparison-col1 .conten1 { width:100%; display:table-cell; vertical-align:middle; padding:20px 10px 20px 20px; text-align:center;}
.item-content .comparison-col2 { width:100%;  padding:10px 10px 10px 20px; display:table;}
.item-content .comparison-col2:last-child { margin:0;}
.item-content .comparison-col2 .conten1 { width:100%; display:table-cell; vertical-align:middle; text-align:center;}
.item-content .comparison-col2 .invisalign-logo { width:160px; margin:0 auto; display:table-cell; vertical-align:middle;}
.item-content .comparison-col2 .invisalign-logo .logo-col1 { width:160px; margin:0 auto;}
.item-content .comparison-col2 .check-icon {  margin:0 auto; display:table-cell; vertical-align:middle;}
.item-content .comparison-col2 .check-icon .check-col1 { width:32px; margin:0 auto;}
.item-content .comparison-row3 { width:100%; float:left; margin:47px 0 0;}
.item-content .comparison-row3 img { width:100%; display:block;}
.item-content .comparison-btn1 { float:none; color:#ffffff; background:#c79527; border-color:#c79527; margin:0 9px 0; padding:12px 30px 12px 30px;}
.item-content .comparison-btn1:hover { color:#c79527; background:#ffffff; border-color:#c79527;}

.tabbed-content .tabs ul li a { float:none; color:#ffffff; background:#c79527; border:1px solid #c79527; margin:0 9px 0; padding:13px 23px 13.5px; margin-bottom:15px}
.tabbed-content .tabs ul li a:hover { color:#c79527; background:#ffffff; border-color:#c79527;}
.tabbed-content .tabs ul li a:hover, .tabbed-content .tabs ul li a.active { background:none; border:1px solid #c79527; color: #c79527; }

.braces-btn1, .braces-btn2, .tabs ul li a, .cost-btn1 { text-align:center; font-size:15px; font-weight:400; letter-spacing:0.15px; line-height:normal; border:1px solid; border-radius:50px; transition:all 0.25s ease-out 0s; display:inline-block; padding:15px 40px 15px 40px; position:relative;}

.braces-btn1, .braces-btn2 { float:none; margin:12px 0 0 0; cursor: pointer;}



.smileg-wrapp .smileg-row1 .non-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.3%;
}
 
.smileg-wrapp .smileg-row1 .non-slider .smileg-col1 {
    width: 24.75%;
}

.providers-wrapp {text-align: center; background: url(../images/invisalign/providers-bg1.png) no-repeat center / cover; padding: 100px 0 98px;}
.providers-wrapp .providers-col1 {width: 142px; float: none; margin: 0 auto;}
.providers-wrapp h2 {margin: 0 0 30px; text-align: center;}
.providers-wrapp .providers-col1 img {width: 100%; display: block;}



.scan-wrapp .scan-row1 .scan-col3 {
    width: 36.6%;
    right: -77.2%;
    bottom: 51%;
}

.scan-wrapp .scan-row1 .scan-col1 {
    width: 26.3%;
}



/* ---------------------------- */


.braces-wrapp .common-style li {
    font-size: 16px;
    font-weight: 300;
    padding: 0;
}


.braces-wrapp .common-style li::before {
    position: relative;
    left: 0;
    top: 0;
}


.braces-wrapp .common-style ol li::before {
   margin-right: 3px;
}


.braces-wrapp .common-style ul li::before {
  margin-right: 4px;
}


.braces-wrapp .common-style ul:last-child{
    margin-bottom: 20px;
}

.braces-wrapp .common-style ol:last-child{
    margin-bottom: 20px;
}




.faqs-wrapp.invisalign_faq .common-style ul li::before{
    top: 12px;
}


.faqs-wrapp.invisalign_faq .common-style li{
font-size: 16px;
font-weight: 300;

}


.faqs-wrapp.invisalign_faq .common-style ul:last-child,
.faqs-wrapp.invisalign_faq .common-style ol:last-child{
    margin-bottom: 18px;
}


/* ---------------------------- */





.smileg-wrapp .smileg-row1 .owl-stage {
    display: flex;
    flex-wrap: wrap;
}

.smileg-wrapp .smileg-row1 .owl-stage .owl-item {
    height: inherit;
}

.smileg-wrapp .smileg-row1 .owl-stage .owl-item > div {
    height: 100%;
}
.smileg-wrapp .smileg-row1 .smileg-col1 {
    height: inherit;
}

.smileg-wrapp .smileg-row1 .smileg-col1 .before-smile, .smileg-wrapp .smileg-row1 .smileg-col1 .after-smile {
    height: 100%;
    position: relative;
}

.smileg-wrapp .smileg-row1:has(.imagefromcases) .smileg-col1 {
    aspect-ratio: 16 /14.8;
    overflow: hidden;
}



.smileg-wrapp .before {
    position: absolute;
    overflow: hidden;
    width: 100%; height: 100%;
    left: 0%; padding: 18px;
    top: 0%;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    color: #ffffff;
}

.smileg-wrapp .smileg-col1.imagefromcases .before-smile:hover .before {
    opacity: 1;

}

.smileg-wrapp .after {
    position: absolute;
    overflow: hidden;
    width: 100%;
    right: 0%; padding: 18px;
    bottom: 0%;
    transition: all 0.5s ease-in-out;
    text-align: right;
    opacity: 0; height: 55px; color: #ffffff;
}

.smileg-wrapp .smileg-col1.imagefromcases .after-smile:hover .after {
    opacity: 1;

}


.smileg-wrapp .smileg-col1.imagefromcases
{
       background: rgba(4, 25, 68, 0.7);
}
.smileg-wrapp .smileg-col1.imagefromcases .before-smile:hover img,
.smileg-wrapp .smileg-col1.imagefromcases .after-smile:hover img
 {
  mix-blend-mode: multiply;
}
.smileg-wrapp .smileg-row1 .smileg-col1 .before-smile img,
 .smileg-wrapp .smileg-row1 .smileg-col1 .after-smile img {
    height: 100%;
    object-fit: cover;
}



.cost-wrapp .cost-row1 .cost-col2 h4 sup,
.cost-wrapp h2 sup,
.fix-wrapp h2 sup,
.comparison-wrapp h2 sup,
.braces-wrapp .braces-row2 .braces-col1 h3 sup {
    font-family: "Cormorant Garamond", serif;
}


.reason-wrapp  .braces-btn1.btn-yellow-background:hover {
    color: #c79527;
}


.faqs-wrapp.invisalign_faq h3 {
    margin-bottom: 0;
}











/*Smartphone css*/
@media screen and (max-width: 480px) {
.braces-wrapp .braces-row1 { width:100%; margin:0 auto 50px;}
.braces-wrapp { padding:0 0 14px;}
.braces-wrapp h3 { font-size:20px; margin:0 0 6px;}
.braces-wrapp h3 span { display:contents;}
.link-box { position:relative; width:90%; margin:0 5% 45px; border-radius:10px; top:inherit;}
.braces-wrapp .braces-row2 .braces-col1 { width:100%; background:#fff;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { left:10%;}
.braces-wrapp .braces-row2 .braces-col1:last-child .braces-conten { right:5%;}
.braces-wrapp .braces-row2 .vs-box { width:50px; height:50px;}
.braces-wrapp .braces-row2 .vs-box span { font-size:15px;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li { font-size:14px; line-height:1.72;padding-left: 10px;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:61%;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb img { opacity:0.4;}
.braces-wrapp .braces-row4 { max-width:100%;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before{top: 1px;font-size: 12px;}

.smileg-wrapp { padding-bottom:0;}

.braces-wrapp h2, .smileg-wrapp h2, .comparison-wrapp h2, .reason-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faqs-wrapp h2, .scan-wrapp h2 { font-size:28px;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reason-wrapp h2 span, .fix-wrapp h3 span, .cost-wrapp h2 span, .cost-wrapp h4 span, .comparison-wrapp h2 span { display:inline;}
.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reason-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faqs-wrapp p { font-size:15px;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}

.comparison-wrapp { padding:0 0 50px;}
.comparison-wrapp h2 { margin:0 0 30px;}
.comparison-wrapp h4 { font-size:14px;}
.comparison-wrapp .comparison-row1 { display:none; overflow-x:auto;}
.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}
.comparison-wrapp .comparison-btn1 { margin:16px 9px 0;}
.comparison-wrapp .comparison-row1 .comparison-col1 .conten1 { padding: 0 5%;}
.comparison-wrapp .braces-btn1 { margin:20px 3px 0;}

.smileg-wrapp h2 { margin:0 0 24px;}

.reason-wrapp { padding:50px 0 50px;}
.reason-wrapp h2 span { display:contents;}
.reason-wrapp p span { display:contents;}
.reason-wrapp .reason-row1 .reason-col1 { width:100%; min-height:inherit; margin:0 0 25px;}
.reason-wrapp .reason-row1 .reason-col1 .reason-icon { margin:0 0 12px;}
.reason-wrapp .braces-btn1 { margin:20px 3px 0;}

.fix-wrapp .fix-row1 { margin:0;}
.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:66%;}
.fix-wrapp .fix-row1 .fix-col1 .fix-conten { padding:20px 0 0;}
.fix-wrapp .fix-row1 .fix-col1 { width:100%; margin:0 0 29px;}
.fix-wrapp .fix-row1 .fix-col1:last-child { margin:0 0 20px;}
.fix-wrapp .fix-btn1 { margin:9px 5px 0;}
.fix-wrapp .fix-row1 .fix-col1 .fix-conten { min-height:inherit;}
.fix-wrapp .braces-btn1 { margin:20px 3px 0;}

.cost-wrapp p { max-width:inherit;}
.cost-wrapp h2 { margin:0 0 30px; padding:0 5%;}
.cost-wrapp .cost-row1 .cost-col1 { width:100%; margin:0 0 5px; padding:45px 5% 20px; min-height:inherit;}
.cost-wrapp .cost-row1 .cost-col2 { width:100%; margin:0 0 5px; min-height:inherit; padding:0 0 20px;}
.cost-wrapp .cost-row1 .cost-col3 { width:100%; padding:0 0 100%; position:relative; top:inherit;}
.cost-wrapp .cost-btn1 { width:161px; position:relative; bottom:inherit; margin:12px 0 30px; padding:16px 32px; text-align:center;}

.scan-wrapp { text-align:center; padding:50px 0 0;}
.scan-wrapp p { font-size:14px;}
.scan-wrapp .scan-row1 { position:relative;}
.scan-wrapp .scan-row1 .scan-col1 { width:100%; position:relative; bottom:inherit;}
.scan-wrapp .scan-row1 .scan-col3 { width:25.6%; right:inherit; bottom:6%; left:0;}
.scan-wrapp .scan-row2 { width:100%; margin:0 0 50px;}
.scan-wrapp .scan-row2 .scan-col2 { width:100%;}

.faqs-wrapp { padding:50px 0 50px;}


.faqs-wrapp h4 { font-size:14px; line-height:1.5;}

.comparison-wrapp .comparison-row3 iframe { width:100%; height:240px;}

.scan-wrapp .scan-row2 .scan-col2 .video-img { width:100%; padding:0 0 49.2%;}

.reason-wrapp .reason-btn1 { margin:10px 0 0;}
.braces-wrapp .braces-row2 .braces-col1:last-child:after { display:none;}

.braces-btn1, .braces-btn2, .tabs ul li a, .cost-btn1 { font-size:15px; padding:16px 30px;}


.smileg-wrapp .smileg-row1 .non-slider {
    gap: 0%;
}
 
.smileg-wrapp .smileg-row1 .non-slider .smileg-col1 {
    width: 100%;
}

.scan-wrapp .scan-row1 .scan-col3 { width: 27.6%;right: inherit;bottom: 22%;left: 0;}

.scan-wrapp .scan-row1 .scan-col1 {width: 100%;position: relative;bottom: inherit;}

.cost-wrapp .cost-row1.contents-6 h4 {font-size: 30px;}
.cost-wrapp .cost-row1.contents-6 {grid-template-columns: 1fr;}

.smileg-wrapp .smileg-row1 .owl-dots{width:100%;text-align:center;display:block;margin:0 0 0;position:absolute;right:0;bottom:-27px}
.smileg-wrapp .smileg-row1 .owl-dots .owl-dot{width:9px;height:9px;cursor:pointer;vertical-align:middle;display:inline-block;margin:0 3px 0;position:relative}
.smileg-wrapp .smileg-row1 .owl-dots .owl-dot span{width:9px;height:9px;font-size:0;line-height:0;display:block;cursor:pointer;color:#fff0;border:0;outline:none;background:rgb(46 44 43 / .4);padding:3px;border-radius:50%}
.smileg-wrapp .smileg-row1 .owl-dots .owl-dot:hover span,
.smileg-wrapp .smileg-row1 .owl-dots .owl-dot.active span{background:#c79527}
.smileg-wrapp .smileg-row1:has(.owl-dots){padding:0 0 40px}

}









@media screen and (min-width:481px) and (max-width:600px) {
.braces-wrapp .braces-row1 { width:100%; margin:0 0 50px;}
.braces-wrapp { padding:0 0 14px;}
.braces-wrapp h3 span { display:contents;}
.link-box { position:relative; width:90%; margin:0 5% 45px; border-radius:10px; top:inherit;}
.braces-wrapp .braces-row2 .braces-col1 { width:100%;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:45%;}
.braces-wrapp .braces-row4 { max-width:100%;}

.comparison-wrapp { padding:0 0 50px;}
.comparison-wrapp h2 { margin:0 0 30px;}
.comparison-wrapp .comparison-btn1 { margin:16px 3px 0;}
.comparison-wrapp .comparison-row1 { display:none; overflow-x:auto;}
.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}

.reason-wrapp { padding:50px 0 50px;}
.reason-wrapp h2 span { display:contents;}
.reason-wrapp p span { display:contents;}
.reason-wrapp .reason-row1 { margin-bottom:0;}
.reason-wrapp .reason-row1 .reason-col1 { width:49%; margin:0 0 25px; min-height:110px;}
.reason-wrapp .reason-row1 .reason-col1:nth-child(2n) { float:right;}
.reason-wrapp .reason-row1 .reason-col1 .reason-icon { margin:0 0 12px;}
.reason-wrapp .reason-btn1 { margin:16px 3px 0;}

.fix-wrapp .fix-row1 { margin:0;}
.fix-wrapp .fix-row1 .fix-col1 { width:100%; margin:0 0 29px;}
.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:66%;}
.fix-wrapp .fix-row1 .fix-col1 .fix-conten { padding:20px 0 0;}
.fix-wrapp .fix-btn1 { margin:9px 3px 0;}
.fix-wrapp .fix-row1 .fix-col1 .fix-conten { min-height:inherit;}
.comparison-wrapp h4 { font-size:14px;}

.cost-wrapp p { max-width:inherit;}
.cost-wrapp .cost-row1 .cost-col1 { width:100%; min-height:inherit; margin:0 0 5px; padding:45px 5% 20px;}
.cost-wrapp .cost-row1 .cost-col2 { width:100%; margin:0 0 5px; min-height:inherit; padding:0 0 20px;}
.cost-wrapp .cost-row1 .cost-col3 { width:100%; padding:0 0 100%; position:relative; top:inherit;}
.cost-wrapp .cost-btn1 { width:161px; position:relative; bottom:inherit; margin:12px 0 30px; padding:16px 32px; text-align:center;}

.scan-wrapp { text-align:center; padding:50px 0 0;}
.scan-wrapp p { font-size:14px;}
.scan-wrapp .scan-row1 { position:relative;}
.scan-wrapp .scan-row1 .scan-col1 { width:100%; position:relative; bottom:inherit;}
.scan-wrapp .scan-row1 .scan-col3 { width:25.6%; right:inherit; bottom:6%; left:0;}
.scan-wrapp .scan-row2 { width:100%;}
.scan-wrapp .scan-row2 .scan-col2 { width:100%;}

.braces-wrapp h2, .smileg-wrapp h2, .comparison-wrapp h2, .reason-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faqs-wrapp h2, .scan-wrapp h2 { font-size:26px;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reason-wrapp h2 span, .fix-wrapp h3 span, .cost-wrapp h2 span, .cost-wrapp h4 span, .comparison-wrapp h2 span { display:inline;}
.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reason-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faqs-wrapp p { font-size:15px;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}

.faqs-wrapp { padding:50px 0 50px;}



.faqs-wrapp h4 { font-size:14px; line-height:1.5;}

.comparison-wrapp .comparison-row3 iframe { width:100%; height:340px;}

.scan-wrapp .scan-row2 .scan-col2 .video-img { width:100%; padding:0 0 49.2%;}

.reason-wrapp .reason-btn1 { margin:10px 0 0;}
.braces-wrapp .braces-row2 .braces-col1:last-child:after { display:none;}

.braces-btn1, .braces-btn2, .tabs ul li a, .cost-btn1 { font-size:15px; padding:16px 30px;}
.smileg-wrapp .smileg-row1 .non-slider {
    gap: 1%;
}
 
.smileg-wrapp .smileg-row1 .non-slider .smileg-col1 {
    width: 49.5%;
}

.scan-wrapp .scan-row1 .scan-col3 {
                       width: 24.6%;
        right: inherit;
        bottom: 23%;
        left: 0;
}

.scan-wrapp .scan-row1 .scan-col1 {
       width: 100%;
        position: relative;
        bottom: inherit;
    }
   

.cost-wrapp .cost-row1.contents-6 h4 {font-size: 30px;}
.cost-wrapp .cost-row1.contents-6 {grid-template-columns: 1fr;}

.smileg-wrapp .smileg-row1 .owl-dots{width:100%;text-align:center;display:block;margin:0 0 0;position:absolute;right:0;bottom:-27px}
.smileg-wrapp .smileg-row1 .owl-dots .owl-dot{width:9px;height:9px;cursor:pointer;vertical-align:middle;display:inline-block;margin:0 3px 0;position:relative}
.smileg-wrapp .smileg-row1 .owl-dots .owl-dot span{width:9px;height:9px;font-size:0;line-height:0;display:block;cursor:pointer;color:#fff0;border:0;outline:none;background:rgb(46 44 43 / .4);padding:3px;border-radius:50%}
.smileg-wrapp .smileg-row1 .owl-dots .owl-dot:hover span,
.smileg-wrapp .smileg-row1 .owl-dots .owl-dot.active span{background:#c79527}
.smileg-wrapp .smileg-row1:has(.owl-dots){padding:0 0 26px}

}







@media screen and (min-width:601px) and (max-width:767px) {
.braces-wrapp { padding:0 0 14px;}
.link-box { position:relative; width:90%; margin:0 5% 45px; border-radius:10px; top:inherit;}
.braces-wrapp .braces-row1 { width:100%; margin:0 0 50px;}
.braces-wrapp .braces-row2 .braces-col1 { width:100%;}
.braces-wrapp .braces-btn1 { margin:16px 5px 0;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:40%;}
.braces-wrapp .braces-row4 { max-width:100%;}

.comparison-wrapp { padding:10px 0 50px;}
.comparison-wrapp h2 { margin:0 0 30px;}
.comparison-wrapp .comparison-btn1 { margin:16px 5px 0;}
.comparison-wrapp .comparison-row1 { display:none; overflow-x:auto;}
.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}

.reason-wrapp { padding:50px 0 50px;}
.reason-wrapp h2 span { display:contents;}
.reason-wrapp p span { display:contents;}
.reason-wrapp .reason-row1 { margin-top:0;}
.reason-wrapp .reason-row1 .reason-col1 { width:49%; margin:0 0 25px; min-height:110px;}
.reason-wrapp .reason-row1 .reason-col1:nth-child(2n) { float:right;}
.reason-wrapp .reason-row1 .reason-col1 .reason-icon { margin:0 0 12px;}
.reason-wrapp .reason-btn1 { margin:16px 5px 0;}

.fix-wrapp p { font-size:14px;}
.fix-wrapp .fix-row1 { margin:0;}
.fix-wrapp .fix-row1 .fix-col1 { width:48%; clear:both; margin:0;}
.fix-wrapp .fix-row1 .fix-col1:nth-child(2n) { float:right; clear:right;}
.fix-wrapp .fix-btn1 { margin:9px 5px 0;}
.fix-wrapp .fix-row1 .fix-col1 .fix-conten { min-height:inherit; margin:0 0 20px;}

.cost-wrapp p { max-width:inherit; line-height:1.8;}
.cost-wrapp h3 { font-size:20px;}
.cost-wrapp h4 { font-size:20px; padding:18px 0; margin:0 0 12px;}
.cost-wrapp h5 { margin:0 0 19px;}
.cost-wrapp .cost-row1 .cost-row2 { padding:0 6%;}
.cost-wrapp .cost-row1 .cost-col1 { width:49.5%; min-height:425px; margin:0 1% 5px 0; padding:36px 5% 20px;}
.cost-wrapp .cost-row1 .cost-col2 { width:49.5%; min-height:425px; float:right; margin:0 0 5px;}
.cost-wrapp .cost-row1 .cost-col3 { width:100%; padding:0 0 100%; position:relative; top:inherit;}
.cost-wrapp .cost-btn1 { bottom:30px; padding:14px 32px; text-align:center;}

.scan-wrapp { padding:50px 0 0;}
.scan-wrapp .scan-row1 { position:relative;}
.scan-wrapp .scan-row1 .scan-col3 { width:25.6%; right:inherit; bottom:6%; left:0;}
.scan-wrapp .scan-row2 .scan-col2 { width:100%;}
.scan-wrapp .scan-row2 { width:57%;}

.braces-wrapp h2, .smileg-wrapp h2, .comparison-wrapp h2, .reason-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faqs-wrapp h2, .scan-wrapp h2 { font-size:28px;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reason-wrapp h2 span, .fix-wrapp h3 span, .cost-wrapp h2 span, .cost-wrapp h4 span, .comparison-wrapp h2 span { display:inline;}
.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reason-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faqs-wrapp p { font-size:15px;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}

.faqs-wrapp { padding:50px 0 50px;}
.faqs-wrapp h4 { font-size:14px; line-height:1.4;}

.comparison-wrapp .comparison-row3 iframe { width:100%; height:440px;}

.scan-wrapp .scan-row2 .scan-col2 .video-img { width:100%; padding:0 0 49.2%;}

.reason-wrapp .reason-btn1 { margin:0 3px 0;}
.braces-wrapp .braces-row2 .braces-col1:last-child:after { display:none;}

.braces-btn1, .braces-btn2, .tabs ul li a, .cost-btn1 { font-size:15px; padding:16px 30px;}
.smileg-wrapp .smileg-row1 .non-slider {
    gap: 1%;
}
 
.smileg-wrapp .smileg-row1 .non-slider .smileg-col1 {
    width: 49.5%;
}

.scan-wrapp .scan-row1 .scan-col3 {
               width: 33.6%;
        right: inherit;
        bottom: 22%;
        left: -15px;
}

.scan-wrapp .scan-row1 .scan-col1 {
 width: 36.3%;
   
}

.cost-wrapp .cost-row1 .cost-col1 { padding-bottom: 80px;}
.cost-wrapp .cost-row1 .cost-col2{padding-bottom: 80px;}

.cost-wrapp .cost-row1.contents-6 h4 {font-size: 20px;}
.cost-wrapp .cost-row1.contents-6 {grid-template-columns: 1fr 1fr;}

.smileg-wrapp .smileg-row1 .owl-dots{width:100%;text-align:center;display:block;margin:0 0 0;position:absolute;right:0;bottom:-27px}
.smileg-wrapp .smileg-row1 .owl-dots .owl-dot{width:9px;height:9px;cursor:pointer;vertical-align:middle;display:inline-block;margin:0 3px 0;position:relative}
.smileg-wrapp .smileg-row1 .owl-dots .owl-dot span{width:9px;height:9px;font-size:0;line-height:0;display:block;cursor:pointer;color:#fff0;border:0;outline:none;background:rgb(46 44 43 / .4);padding:3px;border-radius:50%}
.smileg-wrapp .smileg-row1 .owl-dots .owl-dot:hover span,
.smileg-wrapp .smileg-row1 .owl-dots .owl-dot.active span{background:#c79527}
.smileg-wrapp .smileg-row1:has(.owl-dots){padding:0 0 26px}

}






@media screen and (min-width:768px) and (max-width:900px) {
.link-box { width:156px; padding:20px 1.4%;}

.braces-wrapp { padding:59px 0 42px;}
.braces-wrapp .braces-row1 { width:59%; margin:0 auto 58px;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb { background:#fff;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb img { opacity:0.4;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:67%;}

.comparison-wrapp .comparison-row1 { overflow-x:auto;}
.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}

.reason-wrapp p span { display:contents;}
.reason-wrapp .reason-row1 .reason-col1 { min-height:142px;}

.braces-wrapp h2, .smileg-wrapp h2, .comparison-wrapp h2, .reason-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faq-wrapp h2, .scan-wrapp h2 { font-size:30px;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reason-wrapp h2 span, .fix-wrapp h3 span, .cost-wrapp h2 span, .cost-wrapp h4 span, .comparison-wrapp h2 span { display:inline;}
.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reason-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faqs-wrapp p { font-size:15px;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}

.cost-wrapp h3 { font-size:19px;}
.cost-wrapp h4 { font-size:19px; margin:0 0 8px; padding:15px 0;}
.cost-wrapp h5 { margin:0 0 8px;}
.cost-wrapp h5 span { font-size:30px;}
.cost-wrapp h2 { margin:0 0 35px;}
.cost-wrapp p { font-size:14px; line-height:1.6; margin:0 auto 15px;}
.cost-wrapp .cost-row1 .cost-col1 { padding:30px 2% 70px;}
.cost-wrapp .cost-row1 .cost-col2{padding-bottom: 70px;}


.cost-wrapp .cost-row1 .cost-bar1 li { font-size:14px; line-height:2; background:url(../images/invisalign/checkicon.svg) no-repeat 0 4px; padding-left:30px;}
.cost-wrapp .cost-row1 .cost-row2 { padding:0 2%;}
.cost-wrapp .cost-btn1 { width:150px; bottom:20px; padding:14px 30px; text-align:center;}

.scan-wrapp p span { display:inline;}
.scan-wrapp h2 { font-size:26px;}

.link-col1 li, .link-col1 li a { font-size:13px;}

.reason-wrapp .braces-btn1 { margin:15px 0 0;}

.comparison-wrapp .comparison-row3 iframe { width:100%; height:573px;}

.fix-wrapp h3 { font-size:25px;}
.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:65%;}

.scan-wrapp .scan-row2 .scan-col2 { width:71%;}

.braces-btn1, .braces-btn2, .tabs ul li a, .cost-btn1 { font-size:15px; padding:16px 30px;}
.scan-wrapp .scan-row1 .scan-col3 {
             width: 49.6%;
        right: -71.2%;
   
}

.scan-wrapp .scan-row1 .scan-col1 {
                width: 30.3%;
   
}

.faqs-wrapp.invisalign_faq .content:last-child p:last-child {
    margin-bottom: 0;
}


.faqs-wrapp.invisalign_faq {padding: 70px 0 70px;}


.fix-wrapp + .cost-wrapp {
    padding-top: 0;
}



.fix-wrapp:has( + .cost-wrapp){
    padding-bottom: 70px;
}
.fix-wrapp{padding-top: 70px;}


.reason-wrapp{padding-block: 70px;}

.providers-wrapp{padding-block: 70px;}

.comparison-wrapp{padding-bottom: 70px;}

.braces-wrapp .common-style li {font-size: 15px;}


.braces-wrapp .common-style li::before {
    top: -1px;
}

.faqs-wrapp.invisalign_faq .common-style li{
font-size: 15px;
}



.faqs-wrapp.invisalign_faq .common-style ul li::before {
    top: 11px;
}


.teamer-wrapp .teamer-col2 .teamer-row2 {
    margin-block: 0;
}

.teamer-wrapp .teamer-col2 .teamer-row2 .team-cover {
    padding-right: 9px;
}

.cost-wrapp .cost-row1.contents-6 h4 {font-size: 19px;}
.cost-wrapp .cost-row1.contents-6 {grid-template-columns: repeat(3, 1fr);}

}












@media screen and (min-width:901px) and (max-width:1024px) {
.link-box { width:186px; padding:23px 1.4%;}

.braces-wrapp { padding:60px 0 42px;}
.braces-wrapp .braces-row1 { width:59%; margin:0 auto 80px;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb { background:#fff;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb img { opacity:0.5;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:51%;}

.comparison-wrapp .comparison-row1 { overflow-x:auto;}
.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}

.braces-wrapp h2, .smileg-wrapp h2, .comparison-wrapp h2, .reason-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faq-wrapp h2, .scan-wrapp h2 { font-size:32px;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reason-wrapp h2 span, .fix-wrapp h3 span, .cost-wrapp h2 span, .cost-wrapp h4 span, .comparison-wrapp h2 span { display:inline;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}
.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reason-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faq-wrapp p { font-size:15px;}

.cost-wrapp h3 { font-size:23px;}
.cost-wrapp h4 { font-size:23px; margin:0 0 10px; padding:15px 0;}
.cost-wrapp p { line-height:1.6;}
.cost-wrapp .cost-row1 .cost-col1 { padding:25px 2% 50px;}
.cost-wrapp .cost-row1 .cost-bar1 li { font-size:15px; background:url(../images/invisalign/checkicon.svg) no-repeat 0 3px; padding-left:30px;}
.cost-wrapp .cost-row1 .cost-row2 { padding:0 2%;}
.cost-wrapp .cost-btn1 { width:162px; bottom:25px; padding:14px 35px; text-align:center;}
.cost-box { padding:20px 0;}

.scan-wrapp p span { display:inline;}
.link-col1 li, .link-col1 li a { font-size:14px;}

.reason-wrapp p span { display:contents;}
.reason-wrapp .reason-row1 .reason-col1 { min-height:148px;}

.scan-wrapp .scan-row1 .scan-col1 { width:37%;}

.comparison-wrapp .comparison-row3 iframe { width:100%; height:623px;}

.fix-wrapp h3 { font-size:24px;}
.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:65%;}
.scan-wrapp .scan-row1 .scan-col3 {
            width: 49.6%;
        right: -71.2%;
   
}

.scan-wrapp .scan-row1 .scan-col1 {
            width: 30.3%;
   
}



.faqs-wrapp.invisalign_faq .content:last-child p:last-child {
    margin-bottom: 0;
}

.faqs-wrapp.invisalign_faq {padding: 70px 0 70px;}


.cost-wrapp .cost-row1 .cost-col1 { padding-bottom: 78px;}
.cost-wrapp .cost-row1 .cost-col2{padding-bottom: 78px;}


.fix-wrapp + .cost-wrapp {
    padding-top: 0;
}



.fix-wrapp:has( + .cost-wrapp){
    padding-bottom: 70px;
}
.fix-wrapp{padding-top: 70px;}
.reason-wrapp{padding-block: 70px;}

.providers-wrapp{padding-block: 70px;}


.comparison-wrapp{padding-bottom: 70px;}

.braces-wrapp .common-style li {font-size: 15px;}

.braces-wrapp .common-style li::before {
    top: -1px;
}

.faqs-wrapp.invisalign_faq .common-style li{
font-size: 15px;
}


.faqs-wrapp.invisalign_faq .common-style ul li::before {
    top: 11px;
}

.cost-wrapp .cost-row1.contents-6 h4 {font-size: 23px;}
.cost-wrapp .cost-row1.contents-6 {grid-template-columns: repeat(3, 1fr);}

}









@media screen and (min-width:1025px) and (max-width:1240px) {
.link-box { width:216px;}

.braces-wrapp .braces-row1 { width:58%;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:40%;}

.comparison-wrapp .comparison-row1 { overflow-x:auto;}
.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}

.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reason-wrapp h2 span, .fix-wrapp h3 span, .cost-wrapp h2 span, .cost-wrapp h4 span, .comparison-wrapp h2 span { display:inline;}
.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reason-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faq-wrapp p { font-size:15px;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}

.cost-wrapp h3 { font-size:26px;}
.cost-wrapp h4 { font-size:26px; margin:0 0 8px;}
.cost-wrapp .cost-row1 .cost-col1 { padding:47px 2% 50px;}
.cost-wrapp .cost-row1 .cost-row2 { padding:0 3% 0;}
.cost-wrapp .cost-btn1 { bottom:30px; padding:14px 35px; text-align:center;}

.reason-wrapp .reason-row1 .reason-col1 { min-height:150px;}

.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:65%;}

.scan-wrapp .scan-row1 .scan-col1 { width:369px; margin:0 0 0 3%;}
.scan-wrapp p span { display:inline;}

.scan-wrapp .scan-row1 .scan-col3 {
    width: 49.6%;
    right: -71.2%;
}

.scan-wrapp .scan-row1 .scan-col1 {
    width: 30.3%;
}

.faqs-wrapp.invisalign_faq {padding: 80px 0 80px;}



.cost-wrapp .cost-row1 .cost-col1 { padding-bottom: 80px;}
.cost-wrapp .cost-row1 .cost-col2{padding-bottom: 80px;}

.fix-wrapp + .cost-wrapp {
    padding-top: 0;
}



.fix-wrapp:has( + .cost-wrapp){
    padding-bottom: 80px;
}

.fix-wrapp{padding-top: 80px;}

.reason-wrapp{padding-block: 80px;}

.providers-wrapp{padding-block: 80px;}
.comparison-wrapp{padding-bottom: 80px;}


.braces-wrapp .common-style li {font-size: 15px;}
.braces-wrapp .common-style li::before {
    top: -1px;
}
.faqs-wrapp.invisalign_faq .common-style li{
font-size: 15px;
}



.faqs-wrapp.invisalign_faq .common-style ul li::before {
    top: 11px;
}


.cost-wrapp .cost-row1.contents-6 h4 {font-size: 26px;}
.cost-wrapp .cost-row1.contents-6 {grid-template-columns: repeat(3, 1fr);}

}







@media screen and (min-width:1241px) and (max-width:1340px) {
.braces-wrapp .braces-row1 { max-width:725px;}

.scan-wrapp p span { display:inline;}

.cost-wrapp h5 { margin:0 0 17px;}
.cost-wrapp .cost-row1 .cost-row2 { padding:0 6%;}
.cost-wrapp .cost-btn1 { bottom:30px; text-align:center;}

.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reason-wrapp h2 span, .fix-wrapp h3 span, .cost-wrapp h2 span, .cost-wrapp h4 span, .comparison-wrapp h2 span { display:inline;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}

.cost-wrapp .cost-row1.contents-6 {grid-template-columns: repeat(4, 1fr);}
.cost-wrapp .cost-row1.contents-6 .cost-col2:nth-child(6) {grid-column: 3;}
.cost-wrapp .cost-row1.contents-6 .cost-col2:nth-child(5) {grid-column: 2;}
.cost-wrapp .cost-row1.contents-6 h4 {font-size: 26px;}

}

@media screen and (min-width:1341px) and (max-width:1500px) {
.cost-wrapp .cost-row1 .cost-row2 { padding:0 7%;}

.cost-wrapp .cost-btn1 { bottom:25px;}
}


@media screen and (min-width:1341px) and (max-width:1540px) {

.cost-wrapp .cost-row1.contents-6 {grid-template-columns: repeat(4, 1fr);}
.cost-wrapp .cost-row1.contents-6 .cost-col2:nth-child(6) {grid-column: 3;}
.cost-wrapp .cost-row1.contents-6 .cost-col2:nth-child(5) {grid-column: 2;}
.cost-wrapp .cost-row1.contents-6 h4 {font-size: 28px;}

}


@media screen and (min-width:1541px) and (max-width:1640px) {

.cost-wrapp .cost-row1.contents-6 {grid-template-columns: repeat(4, 1fr);}
.cost-wrapp .cost-row1.contents-6 .cost-col2:nth-child(6) {grid-column: 3;}
.cost-wrapp .cost-row1.contents-6 .cost-col2:nth-child(5) {grid-column: 2;}
.cost-wrapp .cost-row1.contents-6 h4 {font-size: 28px;}

}


@media screen and (min-width:1641px) and (max-width:1800px) {

.cost-wrapp .cost-row1.contents-6 {grid-template-columns: repeat(4, 1fr);}
.cost-wrapp .cost-row1.contents-6 .cost-col2:nth-child(6) {grid-column: 3;}
.cost-wrapp .cost-row1.contents-6 .cost-col2:nth-child(5) {grid-column: 2;}
.cost-wrapp .cost-row1.contents-6 h4 {font-size: 28px;}

}



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

.smileg-wrapp .smileg-row1.desk{display: block;}
.smileg-wrapp .smileg-row1.mob{display: none;}

}



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

.smileg-wrapp .smileg-row1.desk{display: none;}
.smileg-wrapp .smileg-row1.mob{display: block;}
.faqs-wrapp.invisalign_faq .content:last-child p:last-child { margin-bottom: 0;}

.fix-wrapp + .cost-wrapp {
    padding-top: 0;
}

.fix-wrapp:has( + .cost-wrapp){
    padding-bottom: 50px;
}
.fix-wrapp{padding-top: 50px;}

.providers-wrapp{padding-block: 50px;}


.providers-wrapp .providers-col1 {
    width: 90px;
}



.braces-wrapp .common-style li {
    font-size: 15px;
}


.braces-wrapp .common-style li::before {
    top: -1px;
}

.faqs-wrapp.invisalign_faq .common-style li{
font-size: 15px;
}


.faqs-wrapp.invisalign_faq .common-style ul li::before {
    top: 11px;
}



}













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

.comparison-wrapp .comparison-row1 .braces-btn1 {margin-bottom: 20px;}


}