@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:17px; font-weight:300; color:#15192c; line-height:1.76; 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:#15192c;}
.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:300; color:#15192c; letter-spacing:normal; line-height:1.13; margin:0 0 18px; font-family: 'editorsnotedisplay-light-font';}
.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:#15192c;}
.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: 'editorsnotedisplay-light-font';}

.braces-wrapp h2 i, .braces-wrapp h3 i, .smileg-wrapp h2 i, .comparison-wrapp h2 i, .reason-wrapp h2 i, .providers-wrapp h2 i, .fix-wrapp h2 i, .cost-wrapp h2 i, .faqs-wrapp h2 i, .scan-wrapp h2 i, .braces-wrapp h3 i { font-family: 'editorsnotedisplay-lightitalic-font';}

/*braces-wrapp*/
.braces-wrapp { position:relative; background:url(../images/invisalign/braces-bg.png) no-repeat center / cover; padding:114px 0 40px; text-align:center;}
.braces-wrapp h2 { margin:0 0 32px;}
.braces-wrapp h2 span { display:block;}
.braces-wrapp h3 { font-size:26px; color:#15192c; font-weight:300; line-height:1.5; margin:0 0 10px; font-family: 'editorsnotedisplay-light-font';}
.braces-wrapp h3 span { display:15192c; font-family: 'editorsnotedisplay-light-font';}
.braces-wrapp .braces-row1 { width:64.5%; margin:0 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; border-radius:20px; overflow:hidden;}
.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;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:37%; float:left; position:absolute; bottom:11%; left:10%;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 { width:100%; float:left; padding:0 0 0 7px;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li { font-size:17px; font-weight:300; color:#15192c; line-height:1.76; display:block; position:relative;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before { content:""; width:4px; height:4px; border-radius:50%; background:#15192c; float:left; margin:12px 8px 0 -7px; position:relative; top:0; left:0;}
.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:#15192c; border:solid 2px #ffffff; border-radius:50%; margin:0 auto;}
.braces-wrapp .braces-row2 .vs-box span { float:none; font-size:24px; font-weight:500; 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:83%; float:none; margin:0 auto 46px;}
.braces-wrapp .load-btn1 { margin:20px 0 0;}
.braces-wrapp .braces-row4:last-child {margin-bottom: 0}

/*smileg-wrapp*/
.smileg-wrapp { padding:8px 0 0px;     background: linear-gradient(180deg, #f7f4ee 0%, #f7f4ee 100%);}
.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:17px; font-weight:500; color:#323031; line-height:1.69; margin:0 0 0;}
.comparison-wrapp h3 a { color:#323031;}
.comparison-wrapp h3 span { display:block;}
.comparison-wrapp h4 { font-size:17px; font-weight:300; 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 62px;}
.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:100%; border-radius:20px 20px 0 0; margin:0 auto; background:#15192c; 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:#f8f7f4;}
.color2 { background:#15192c;}
.border-radius { border-radius:20px 0 0 0;}
.border-radius2 { border-radius:0 20px 0 0;}
.border-radius3 { border-radius:0 0 0 20px;}
.border-radius4 { border-radius:0 0 20px 0;}

/*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; line-height:1.41; margin:0 0 0;}
.reason-wrapp p a { color:#fff;}
.reason-wrapp p span { display:block;}
.reason-wrapp .reason-row1 { width:100%; float:left; margin:31px 0 30px;display: flex; flex-wrap: wrap; justify-content: center; align-items: center}
.reason-wrapp .reason-row1 img { width:100%; display:block;}
.reason-wrapp .reason-row1 .reason-col1 { width:33.33%; float:left; min-height:204px; 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:24px; font-weight:300; color:#15192c; letter-spacing:normal; line-height:1.5; margin:0 0 12px; font-family: 'editorsnotedisplay-light-font';}
.fix-wrapp h3 a { color:#15192c;}
.fix-wrapp h3 span { display:block; font-family: 'editorsnotedisplay-light-font';}
.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:24px; line-height:1.25; color:#ffffff; font-weight:300; margin:0 0 20px; font-family: 'editorsnotedisplay-light-font';}
.cost-wrapp h3 a { color:#ffffff;}
.cost-wrapp h3 span { display:block; font-family: 'editorsnotedisplay-light-font';}
.cost-wrapp h4 { font-size:24px; line-height:1.25; color:#ffffff; font-weight:300; width:100%; background:#15192c; padding:24px 0; display:block; margin:0 0 25px; font-family: 'editorsnotedisplay-light-font';}
.cost-wrapp h4 a { color:#ffffff;}
.cost-wrapp h4 span { display:block; font-family: 'editorsnotedisplay-light-font';}
.cost-wrapp h5 { font-size:20px; line-height:1.69; color:#15192c; font-weight:400; margin:0 0 26px;}
.cost-wrapp h5 a { color:#15192c;}
.cost-wrapp h5 span { font-size:32px; color:#a5b1bd; position:relative; font-weight:600; top:9px; display:inline;}
.cost-wrapp p { color:#ffffff; margin:0 auto 24px; max-width:282px;}
.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;}
.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:#15192c; position:relative; padding:36px 2% 50px;}
.cost-wrapp .cost-row1 .cost-col2 { width:24.52%; float:left; margin:0 0.64% 0 0; min-height:437px; background:#f1ece7; position:relative; padding:0 0 50px;}
.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 22px;}
.cost-wrapp .cost-row1 .cost-bar1 li { font-size:17px; font-weight:300; color:#15192c; line-height:1.41; background:url(../images/invisalign/checkicon.svg) no-repeat 0 1px; display:block; padding-left:30px; margin:0 0 10px;}
.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:140px; position:absolute; bottom:50px; left:0; right:0; margin:0 auto;     padding: 10px 18px 10px 38px;}

/*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:35px; 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; border-radius:20px; overflow:hidden;}
.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; background:url(../images/invisalign/faq-bg.png) no-repeat center / cover; padding:99px 0 133px; border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.faqs-wrapp p { margin:0 0 22px; line-height:1.5;}
.faqs-wrapp p span { display:block;}
.faqs-wrapp p strong { font-weight:700;}
.faqs-wrapp h2 { margin:0 0 35px;}
.faqs-wrapp h3 { font-size:17px; font-weight:500; color:#15192c; letter-spacing:normal; line-height:1.76;}
.faqs-wrapp h3 a { color:#15192c;}
.faqs-wrapp h3 span { display:inline;}
.faqs-wrapp h4 { font-size:17px; font-weight:500; color:#15192c; letter-spacing:normal; line-height:1; margin:0 0 13px;}
.faqs-wrapp h4 a { color:#15192c;}
.faqs-wrapp h4 span { display:inline;}
.faqs-wrapp .margin { max-width:1053px;}
.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:#15192c; border-radius:0 20px 20px 0; padding:26px 1.4%; position:absolute; top:114px; 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:#a5b1bd;}
.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:#15192c; border-color:#15192c; margin:0 9px 0; padding:12px 30px 12px 30px;}
.item-content .comparison-btn1:hover { color:#15192c; background:#ffffff; border-color:#15192c;}

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

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

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

.common-bg2 { width:100%; float:left; background:url(../images/invisalign/smileg-bg.png) no-repeat center / cover;  }
.common-bg3 { width:100%; float:left; background:url(../images/invisalign/fix-bg.png) no-repeat center / cover;}


.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%;}
.smileg-wrapp .smileg-row1 .non-slider { display: flex; flex-wrap: wrap;  justify-content: center; gap: 13px;}
 
.smileg-wrapp .smileg-row1 .non-slider .smileg-col1 {  
    /* width: 24.75%; */
width: calc(25% - 10px);
}



.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: 50%;
    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: #2a3259;
}
.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;
}

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




.smileg-wrapp .owl-dots {
    width: 100%;
    text-align: center;
    display: block;
    margin: 0 0 0;
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
}

.smileg-wrapp .owl-dots .owl-dot {
    width: 12px;
    height: 2px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    margin: 0 1px 0;
    position: relative;
}

.smileg-wrapp .owl-dots .owl-dot span {
    width: 12px;
    height: 2px;
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    padding: 4.5px;
}

.smileg-wrapp .owl-dots .owl-dot span:hover,
.smileg-wrapp .owl-dots .owl-dot span:focus {
    outline: none;
}

.smileg-wrapp .owl-dots.owl-dot:hover span:before
{
     background: #000000;
     color: black;
}

.smileg-wrapp .owl-dots .owl-dot span:before {
    content: '•';
      width: 9px;
    height: 9px;
    text-align: center;
    color: black;
    background: #a5b1bd;
    border-radius: 50%;
    transition: all 0.25s ease-out 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 0;
}

.smileg-wrapp .owl-dots .owl-dot.active span:before {
    color: #000000;
    background: #365af6;
}


.smileg-wrapp .owl-dots .owl-dot:hover span:before {
     background: #000000;
}

.smileg-wrapp:has(.owl-dots) .smileg-row1 .owl-stage {
    padding-bottom: 0px;
}
.smileg-wrapp .common-bg2 {  padding-top: 10px;}

.comparison-wrapp.common-bg2 {
    padding-top: 64px;
}


.braces-wrapp .braces-row1 ul li:before{position: relative;margin-right: 5px;top:0;}
.braces-wrapp .braces-row1 ol li:before{position: relative;top:0;}
.faqs-wrapp .faqs-col1 .faqs-row1 h3 { margin-bottom: 0px;}
.braces-wrapp .braces-row4 p a {color: #a5b1bd;}
 .braces-wrapp .braces-row4 p a:hover{color: #1d1d1b;}

.braces-wrapp .braces-row1 p a {color: #a5b1bd;}
 .braces-wrapp .braces-row1 p a:hover{color: #1d1d1b;}
 

.braces-wrapp .braces-row4 ul li::before{position: relative;top:-1px;}

.braces-wrapp .braces-row4 ol li::before{position: relative;top:0;}

.invisalign_faq .faqs-row1 p a{color: #a5b1bd;}
.invisalign_faq .faqs-row1 p a:hover{color: #1d1d1b;}
.braces-wrapp h3 sup {   font-family: 'editorsnotedisplay-light-font';}

.smileg-wrapp .smileg-row1.tab {display: none;}




.braces-btn1.loadcover{cursor: pointer;}


.loadcover .circle-effects1 {
    width: 18px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 10px;
}

.loadcover:hover .circle-effects1 img {
    opacity: 0;
}

.loadcover:hover .circle-effects1 .circle-row1 {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}

.loadcover:hover .circle-effects1 .circle-row1 img {
    opacity: 1;
}



/*Smartphone css*/
@media screen and (max-width: 480px) {
.braces-wrapp .braces-row1 { width:100%; margin:0 auto 50px;}
.braces-wrapp { padding:50px 0 38px;}
.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;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before { margin:10px 8px 0 -7px;}
.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%;}

.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:132px; position:relative; bottom:inherit; margin:12px 0 30px; padding:14px 2%; 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 40px;}
.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 { padding:10px 18px;}


.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;}
 .braces-wrapp .braces-row4 ul li::before { top: 0px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.braces-wrapp .braces-row1 { width:100%; margin:0 0 50px;}
.braces-wrapp { padding:50px 0 38px;}
.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:155px;}
.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:fit-content; position:relative; bottom:inherit; margin:12px 0 30px; padding:14px 3%; 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: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, .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 40px;}
.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 { padding:10px 18px;}
.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;
    }
   .braces-wrapp .braces-row4 ul li::before { top: 0px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.braces-wrapp { padding:50px 0 38px;}
.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;padding-bottom: 14px;}
.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:120px;}
.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:25px;}
.cost-wrapp h4 { font-size:25px; 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 0 5px; 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 { width:126px; bottom:30px; padding:14px 3%; 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:36px;}
.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 40px;}
.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 { padding:10px 18px;}
.scan-wrapp .scan-row1 .scan-col3 {
               width: 33.6%;
        right: inherit;
        bottom: 22%;
        left: -15px;
}

.scan-wrapp .scan-row1 .scan-col1 {
 width: 36.3%;
   
}
.comparison-wrapp .comparison-row1 {  margin: 0 0 40px;}

}

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

.braces-wrapp { padding:59px 0 30px;}
.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;padding-bottom: 14px;}
.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:149px;}

.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:36px;}
.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:17px;}
.cost-wrapp h4 { font-size:17px; 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% 50px;}
.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:130px; bottom:30px; padding:14px 5px 14px 25px; text-align:center;}

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

.faqs-wrapp h4 { font-size:16px;}

.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:20px;}
.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:65%;}

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

.braces-btn1, .braces-btn2 { padding:10px 18px 10px 38px;}
.scan-wrapp .scan-row1 .scan-col3 {width: 49.6%;right: -71.2%;}

.scan-wrapp .scan-row1 .scan-col1 {width: 30.3%;}
.invisalign_faq {padding-block: 70px 70px;}
.comparison-wrapp .comparison-row1 {  margin: 0 0 40px;}
.providers-wrapp{padding-block: 70px 70px;}
.braces-wrapp .braces-row4 ul li::before {top: -1.5px;}

.smileg-wrapp .smileg-row1.desk {display: none;}
.smileg-wrapp .smileg-row1.tab {display: block;}
.smileg-wrapp .owl-dots {bottom: -20px;}

}

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

.braces-wrapp { padding:60px 0 30px;}
.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;padding-bottom: 14px;}
.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:40px;}
.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:22px;}
.cost-wrapp h4 { font-size:22px;}
.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:130px; bottom:30px; padding:14px 5px 14px 25px; 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:155px;}

.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%;}

.braces-btn1, .braces-btn2 { padding:10px 18px 10px 38px;}

.scan-wrapp .scan-row1 .scan-col3 {width: 49.6%;right: -71.2%;}
.scan-wrapp .scan-row1 .scan-col1 { width: 30.3%;}
.invisalign_faq {padding-block: 70px 70px;}
.comparison-wrapp .comparison-row1 {  margin: 0 0 40px;}

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

.smileg-wrapp .smileg-row1.desk {display: none;}
.smileg-wrapp .smileg-row1.tab {display: block;}
.smileg-wrapp .owl-dots {bottom: -20px;}

}

@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;  padding-bottom: 14px;}
.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:21px;}
.cost-wrapp h4 { font-size:21px; 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 { width:130px; bottom:30px; padding:14px 5px 14px 25px; text-align:center;}

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

.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;}

.braces-btn1, .braces-btn2 { padding:10px 18px 10px 38px;}
.scan-wrapp .scan-row1 .scan-col3 {
    width: 49.6%;
    right: -71.2%;
}

.scan-wrapp .scan-row1 .scan-col1 {
    width: 30.3%;
}
.invisalign_faq {padding-block: 80px 80px;}

.comparison-wrapp .comparison-row1 {  margin: 0 0 40px;}

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

}

@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 h3 { font-size:21px;}
.cost-wrapp h4 { font-size:21px; margin:0 0 8px;}
.cost-wrapp h5 { margin:0 0 17px;}
.cost-wrapp .cost-row1 .cost-row2 { padding:0 6%;}
.cost-wrapp .cost-btn1 { width:130px; bottom:30px; padding:14px 5px 14px 25px; 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;}

.braces-btn1, .braces-btn2 { padding:10px 18px 10px 38px;}



}

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

.cost-wrapp .cost-btn1 { width:130px; bottom:30px; padding:14px 5px 14px 25px; text-align:center;}

.braces-btn1, .braces-btn2 { padding:10px 18px 10px 38px;}
}

@media(max-width:767px){
.smileg-wrapp .smileg-row1.desk {display: none;}
.smileg-wrapp .smileg-row1.mob {display: block;}
.smileg-wrapp .smileg-row1.mob h2 {display: none;}
.smileg-wrapp .common-bg2 {padding-bottom: 40px;background: linear-gradient(to bottom, #EADED2, #F1E8DE);}
.smileg-wrapp .owl-dots{bottom:-40px;}
.item-content .comparison-col1{    background: #15192c;}
.comparison-wrapp {background: linear-gradient(to bottom, #F1E8DE 0%, #F0EEEC 100%)}

}