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

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

.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reasons-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faq-wrapp p { font-size:16px; font-weight:400; color:#425145; line-height:1.63; margin:0 0 22px;}
.braces-wrapp p a, .smileg-wrapp p a, .inner-wrapp p a, .comparison-wrapp p a, .providers-wrapp p a, .reasons-wrapp p a, .fix-wrapp p a, .cost-wrapp p a, .scan-wrapp p a, .faq-wrapp p a { color:#425145;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reasons-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faq-wrapp p span { display:block;}
.braces-wrapp p strong, .smileg-wrapp p strong, .comparison-wrapp p strong, .providers-wrapp p strong, .reasons-wrapp p strong, .fix-wrapp p strong, .cost-wrapp p strong, .scan-wrapp p strong, .faq-wrapp p strong { font-weight:700;}

.braces-wrapp h2, .smileg-wrapp h2, .comparison-wrapp h2, .reasons-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faq-wrapp h2, .scan-wrapp h2 { float:none; font-size:35px; color:#425145; font-weight:400; line-height:1.37; margin:0 0 22px; font-family: "Lora", serif;}
.braces-wrapp h2 a, .smileg-wrapp h2 a, .comparison-wrapp h2 a, .reasons-wrapp h2 a, .providers-wrapp h2 a, .fix-wrapp h2 a, .cost-wrapp h2 a, .faq-wrapp h2 a, .scan-wrapp h2 a { color:#425145;}
.braces-wrapp h2 span, .smileg-wrapp h2 span, .comparison-wrapp h2 span, .reasons-wrapp h2 span, .providers-wrapp h2 span, .fix-wrapp h2 span, .cost-wrapp h2 span, .faq-wrapp h2 span, .scan-wrapp h2 span { display:block; font-family: "Lora", serif;}

/*braces-wrapp*/
.braces-wrapp { position:relative; padding:114px 0 81px; text-align:center;}
.braces-wrapp h2 { margin:0 0 25px;}
.braces-wrapp h2 span { display:block;}
.braces-wrapp h3 { font-size:35px; color:#425145; line-height:1.2; font-weight:400; margin:0 0 10px; font-family: "Lora", serif;}
.braces-wrapp h3 a { color:#425145;}
.braces-wrapp h3 span { display:block; font-family: "Lora", serif;}
.braces-wrapp .braces-row1 { width:63.7%; margin:0 auto 61px;}
.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; position: relative;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:35%; float:left; position:absolute; bottom:11%; left:10%;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 { width:100%; float:left;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li { font-size:16px; font-weight:400; color:#425145; line-height:2.06; display:block; position:relative;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before { content:""; width:3px; height:3px; border-radius:50%; background:#425145; float:left; margin:15px 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 {z-index: 20;width:66px; height:66px; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; background:#425145; border:solid 2px #ffffff; border-radius:50%; margin:0 auto;}
.braces-wrapp .braces-row2 .vs-box span { font-size:25px; color:#ffffff; line-height:1; font-weight:400; width:100%; position:absolute; top:50%; transform:translateY(-50%); margin:0 0; text-align:center; font-family: "Lora", serif;}
.braces-wrapp .braces-row4 { width:100%; max-width:81%; float:none; margin:0 auto 0;}
.braces-wrapp .braces-btn1 { margin:20px 3px 0;}


/*smileg-wrapp*/
.smileg-wrapp { padding:58px 0 82px; background:#f9f8f5;}
.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:100%; float:left; position:relative;}
.smileg-wrapp .smileg-row1 .smileg-col1 img { width:100%; display:block;}
.smileg-wrapp .smileg-row1 .smileg-col1 .smileg-bar1 { width:49.5%; float:left; position:relative;}
.smileg-wrapp .smileg-row1 .smileg-col1 .smileg-bar1:last-child { float:right;}

/*treatmentsvideo-wrapp*/
.treatmentsvideo-wrapp { padding:84px 0 30px; text-align:center;}
.treatmentsvideo-wrapp p { float:none; font-size:16px; font-weight:400; color:#425145; letter-spacing:normal; line-height:1.63; margin:0 0 22px;}
.treatmentsvideo-wrapp p a { color:#425145;}
.treatmentsvideo-wrapp p span { display:block;}
.treatmentsvideo-wrapp p strong { font-weight:700;}
.treatmentsvideo-wrapp h2 { float:none; font-size:16px; font-weight:400; color:#425145; letter-spacing:normal; line-height:1.63; margin:0 0 0;}
.treatmentsvideo-wrapp h2 a { color:#425145;}
.treatmentsvideo-wrapp h2 em { font-style:italic;}
.treatmentsvideo-wrapp h2 span { display:block;}
.treatmentsvideo-wrapp .treatmentsvideo-col1 { width:100%; max-width:716px; margin:0 auto; float:none;}
.treatmentsvideo-wrapp .treatmentsvideo-col1 img { width:100%; display:block;}
.treatmentsvideo-wrapp .treatmentsvideo-col1 .treatmentsvideo-row1 { width:100%; float:left; margin:0 0 23px; position:relative;}

/*comparison-wrapp*/
.comparison-wrapp { padding:32px 0 86px; 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:400; color:#4a4d56; line-height:1.38; margin:0 0 0;}
.comparison-wrapp h3 a { color:#4a4d56;}
.comparison-wrapp h3 span { display:block;}
.comparison-wrapp h4 { font-size:16px; font-weight:500; line-height:2.06; letter-spacing:-0.8px; color:#fff; margin:0 0 0;}
.comparison-wrapp h4 a { color:#fff;}
.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:160px; margin:0 auto; background:#c4cbbc; 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:#f9f8f5;}
.color2 { background:#f9f8f5;}
.color3 { background:#425145;}
.color4 { background:#f9f8f5;}

/*reasons-wrapp*/
.reasons-wrapp { padding:83px 0 99px; background:url(../images/invisalign/reasons-bg.jpg) no-repeat center / cover; text-align:center;}
.reasons-wrapp h2 { margin:0 0 27px; text-align:center; color:#ffffff;}
.reasons-wrapp h2 span { display:block;}
.reasons-wrapp p { color:#ffffff; margin:0 0 0;}
.reasons-wrapp p a { color:#fff;}
.reasons-wrapp p span { display:block;}
.reasons-wrapp .reasons-row1 { width:100%; float:left; margin:31px 0 30px;}
.reasons-wrapp .reasons-row1 img { width:100%; display:block;}
.reasons-wrapp .reasons-row1 .reasons-col1 { width:33.33%; float:left; min-height:204px; margin:0 0 0; padding:0 2%;}
.reasons-wrapp .reasons-row1 .reasons-col1 .reasons-icon { width:21.3%; display:inline-block; margin:0 0 22px;} 

/*fix-wrapp*/
.fix-wrapp { text-align:center; padding:0px 0 0px;}
.fix-wrapp h2 { margin:0 0 45px; text-align:center;}
.fix-wrapp h2 span { display:block;}
.fix-wrapp h3 { font-size:22px; line-height:1.25; color:#425145; font-weight:400; margin:0 0 16px; font-family: "Lora", serif;}
.fix-wrapp h3 a { color:#425145;}
.fix-wrapp h3 span { display:block; font-family: "Lora", serif;}
.fix-wrapp p { 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:22px; line-height:1.18; color:#ffffff; font-weight:400; margin:0 0 22px; font-family: "Lora", serif;}
.cost-wrapp h3 a { color:#ffffff;}
.cost-wrapp h3 span { display:block; font-family: "Lora", serif;}
.cost-wrapp h4 { font-size:22px; line-height:1.18; color:#ffffff; font-weight:400; background:#425145; width:100%; display:block; padding:29px 0 25px; margin:0 0 18px; font-family: "Lora", serif;}
.cost-wrapp h4 a { color:#ffffff;}
.cost-wrapp h4 span { display:block; font-family: "Lora", serif;}
.cost-wrapp h5 { font-size:16px; line-height:2.06; color:#425145; font-weight:400; margin:0 0 15px;}
.cost-wrapp h5 a { color:#425145;}
.cost-wrapp h5 span { font-size:30px; color:#425145; font-weight:600; position:relative; top:9px;}
.cost-wrapp p { font-size:14px; line-height:2; color:#ffffff; margin:0 auto 24px; max-width:281px;}
.cost-wrapp p a { color:#ffffff;}
.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:#425145; position:relative; padding:52px 2% 50px;}
.cost-wrapp .cost-row1 .cost-col2 { width:24.52%; float:left; margin:0 0.64% 0 0; min-height:437px; background:#e0e0e0; 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:8px 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:16px; font-weight:400; color:#425145; line-height:2.06; background:url(../images/invisalign/checkicon.svg) no-repeat 0 4px; display:block; padding-left:30px;}
.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;cursor: pointer; background-position-y:0 !important; right:0;}
.cost-wrapp .cost-btn1 { width:152px; position:absolute; bottom:45px; left:0; right:0; margin:0 auto; padding:17px 2% 17px;cursor: pointer;}

/*scan-wrapp*/
.scan-wrapp { background:url(../images/invisalign/scan-bg1.jpg) no-repeat top center / cover; padding:109px 0 0; position:relative;}
.scan-wrapp h2 { 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:43.3%; float:left; position:absolute; bottom:0; left:0;}
.scan-wrapp .scan-row1 .scan-col3 { width:134px; float:left; position:absolute; left:-25%; top:11%;}
.scan-wrapp .scan-row2 { width:49%; float:right; margin:0 0 109px;}
.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;}

/*faq-wrapp*/
.faq-wrapp { text-align:center; padding:70px 0 90px;}
.faq-wrapp p {margin: 0 0 25px;line-height: 1.63;font-size: 16px;color: #425145;}
.faq-wrapp p  a{color: #c4cbbc;cursor: pointer;}
.faq-wrapp p  a:hover{color: #425145;}
.faq-wrapp p span { display:block;}
.faq-wrapp p strong { font-weight:700;}
.faq-wrapp h2 { margin:0 0 35px;}
.faq-wrapp h3 { float:none; font-size:15px; font-weight:400; color:#425145; letter-spacing:normal; line-height:normal; margin:0 0 9px;}
.faq-wrapp h3 a { color:#425145;}
.faq-wrapp h3 span { display:inline;}
.faq-wrapp h4 { font-size:15px; font-weight:600; color:#425145; letter-spacing:normal; line-height:1.2; margin:0 0 15px;}
.faq-wrapp h4 a { color:#425145;}
.faq-wrapp h4 span { display:block;}
.faq-wrapp .margin { max-width:1005px;}
.faq-wrapp .faq-col1 { width:100%; float:left; margin:0 0 0; text-align:left;}
.faq-wrapp .faq-col1 img { width:100%; display:block;}
.faq-wrapp .faq-col1 .faq-row1 { width:100%; float:left;}
.faq-wrapp .faq-col1 .faq-row1:last-child { margin-bottom:0;}

/*link-box*/
.link-box { width:236px; float:left; background:#425145; padding:26px 1.4%; position:absolute; top:70px; 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:13px; 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:#425145; border-color:#425145; margin:0 9px 0; padding:12px 30px 12px 30px;}
.item-content .comparison-btn1:hover { color:#425145; background:#ffffff; border-color:#425145;}

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

.braces-btn1, .braces-btn2, .tabs ul li a, .reasons-btn1, .book-btn, .cost-btn1, .cost-btn2 { font-size:15px; font-weight:400; letter-spacing:normal; line-height:normal; border:1px solid; border-radius:46px; transition:all 0.25s ease-out 0s; display:inline-block; position:relative;}

.braces-btn1 { float:none; color:#f9f8f5; background:#425145; border-color:#425145; margin:6px 0 0 0; padding:17px 30px 17px;}
.braces-btn1:hover { color:#425145; background:none; border-color:#425145;}
.braces-btn2 { float:none; color:#425145; background:#c4cbbc; border-color:#c4cbbc; margin:6px 0 0 0; padding:17px 30px 17px;}
.braces-btn2:hover { color:#425145; background:#ffffff; border-color:#ffffff;}

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

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

.braces-wrapp .braces-row1 p{text-align:center;text-align-last:center}










/*Smartphone css*/
@media screen and (max-width: 480px) {
.braces-wrapp .braces-row1 { width:100%; margin:0 auto 50px;}
.braces-wrapp { padding:40px 0 44px;}
.braces-wrapp h3 { font-size:22px; margin:0 0 12px;}
.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:13px; line-height:1.72;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:61%;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before { margin-top:10px;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb img { opacity:0.5;}
.braces-wrapp .braces-row4 { max-width:100%;}

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

.braces-wrapp h2, .smileg-wrapp h2, .comparison-wrapp h2, .reasons-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faq-wrapp h2, .scan-wrapp h2 { font-size:28px;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reasons-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, .reasons-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, .reasons-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;}
 .comparison-wrapp .braces-btn1{display: none;}
.smileg-wrapp h2 { margin:0 0 24px;}

.reasons-wrapp { padding:50px 0 50px;}
.reasons-wrapp h2 span { display:contents;}
.reasons-wrapp p span { display:contents;}
.reasons-wrapp .reasons-row1 .reasons-col1 { width:100%; min-height:inherit; margin:0 0 25px;}
.reasons-wrapp .reasons-row1 .reasons-col1 .reasons-icon { margin:0 0 12px;}
.reasons-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 14px 30px;}
.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;}

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

.faq-wrapp { padding:50px 0 50px;}
.faq-wrapp h4 { font-size:16px;}

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

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

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

.treatmentsvideo-wrapp { padding:55px 0 30px;}

.fix-wrapp{padding:30px 0 0px}

}

@media screen and (min-width:398px) and (max-width:480px)
{    .cost-wrapp h2 {
              margin: 0 13% 30px;
    }}

@media screen and (min-width:481px) and (max-width:600px) {
.braces-wrapp .braces-row1 { width:100%;}
.braces-wrapp { padding:40px 0 44px;}
.braces-wrapp h3 { font-size:28px;}
.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-row2 .braces-col1 .braces-bar1 li:before { margin-top:14px;}
.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;}
    .comparison-wrapp .braces-btn1{display: none;}

.reasons-wrapp { padding:50px 0 50px;}
.reasons-wrapp h2 span { display:contents;}
.reasons-wrapp p span { display:contents;}
.reasons-wrapp .reasons-row1 .reasons-col1 { width:49%; margin:0 0 25px; min-height:155px;}
.reasons-wrapp .reasons-row1 .reasons-col1:nth-child(2n) { float:right;}
.reasons-wrapp .reasons-row1 .reasons-col1 .reasons-icon { margin:0 0 12px;}
.reasons-wrapp .reasons-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-row1 .cost-bar1 li { background:url(../images/invisalign/checkicon.svg) no-repeat 0 4px;}
.cost-wrapp .cost-btn1 { width:161px; position:relative; bottom:inherit; margin:12px 0 30px;}

.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, .reasons-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faq-wrapp h2, .scan-wrapp h2 { font-size:28px;margin: 0 13% 45px;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reasons-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, .reasons-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, .reasons-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}

.faq-wrapp { padding:50px 0 50px;}
.faq-wrapp h4 { font-size:18px;}

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

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

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

.fix-wrapp{padding:30px 0 0px}

}

@media screen and (min-width:601px) and (max-width:767px) {
.braces-wrapp { padding:40px 0 44px;}
.link-box { position:relative; width:90%; margin:0 5% 45px; border-radius:10px; top:inherit;}
.braces-wrapp .braces-row1 { width:100%;}
.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%;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before { margin-top:14px;}

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

.reasons-wrapp { padding:50px 0 50px;}
.reasons-wrapp h2 span { display:contents;}
.reasons-wrapp p span { display:contents;}
.reasons-wrapp .reasons-row1 .reasons-col1 { width:49%; margin:0 0 25px; min-height:150px;}
.reasons-wrapp .reasons-row1 .reasons-col1:nth-child(2n) { float:right;}
.reasons-wrapp .reasons-row1 .reasons-col1 .reasons-icon { margin:0 0 12px;}
.reasons-wrapp .reasons-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:17px 0; margin:0 0 5px;}
.cost-wrapp h5 { margin:0 0 10px;}
.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 { bottom:30px;}
.cost-wrapp .cost-btn2 { bottom:30px;}

.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, .reasons-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faq-wrapp h2, .scan-wrapp h2 { font-size:28px;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reasons-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, .reasons-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, .reasons-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 60px;}
.faq-wrapp h4 { font-size:18px;}

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

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

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

.fix-wrapp{padding:30px 0 0px}

}

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

.braces-wrapp .braces-row1 { width:59%;}
.braces-wrapp h3 { font-size:30px;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb { background:#fff;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb img { opacity:0.38;}
.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;}

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

.braces-wrapp h2, .smileg-wrapp h2, .comparison-wrapp h2, .reasons-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, .reasons-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, .reasons-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:14px;}
.cost-wrapp h4 { font-size:14px; padding:16px 0;}
.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:1.8; background:url(../images/invisalign/checkicon.svg) no-repeat 0 0; padding-left:30px;}
.cost-wrapp .cost-row1 .cost-row2 { padding:0 2%;}
.cost-wrapp .cost-btn1 { bottom:24px;}

.scan-wrapp p span { display:inline;}
.scan-wrapp h2 { font-size:26px;}
.scan-wrapp .scan-row1 .scan-col1 { width:50%;}
.scan-wrapp .scan-row1 .scan-col3 { top:-26%; left:3%;}

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

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

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

.faq-wrapp h4 { font-size:19px;}

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

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

}

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

.braces-wrapp .braces-row1 { width:59%;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb { background:#fff;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb img { opacity:0.38;}
.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, .reasons-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, .reasons-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, .reasons-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:16px;}
.cost-wrapp h4 { font-size:16px; padding:18px 0;}
.cost-wrapp h5 { margin:0 0 8px;}
.cost-wrapp p { font-size:15px; line-height:1.6;}
.cost-wrapp .cost-row1 .cost-col1 { padding:30px 2% 50px;}
.cost-wrapp .cost-row1 .cost-bar1 li { font-size:15px; 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:162px; bottom:25px;}

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

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

.scan-wrapp .scan-row1 .scan-col1 { width:50%;}
.scan-wrapp .scan-row1 .scan-col3 { top:-20%; left:3%;}

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

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

}

@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, .smileg-wrapp h2, .comparison-wrapp h2, .reasons-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, .reasons-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, .reasons-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; padding:18px 0;}
.cost-wrapp p { line-height:1.5;}
.cost-wrapp .cost-row1 .cost-row2 { padding:0 3% 0;}
.cost-wrapp .cost-btn1 { bottom:30px;}
.cost-wrapp .cost-row1 .cost-bar1 li { font-size:15px; background:url(../images/invisalign/checkicon.svg) no-repeat 0 4px; padding-left:30px;}

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

.scan-wrapp .scan-row1 .scan-col1 { width:45%;}
.scan-wrapp .scan-row1 .scan-col3 { top:0px; left:3%;}

}

@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 h4 { padding:16px 0;}
.cost-wrapp h5 { margin:0 0 10px;}
.cost-wrapp .cost-row1 .cost-row2 { padding:0 6%;}
.cost-wrapp .cost-btn1 { bottom:25px;}

.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reasons-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, .reasons-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}

.scan-wrapp .scan-row1 .scan-col3 { left:0;}


}

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

.cost-wrapp h4 { padding:16px 0;}
.cost-wrapp h5 { margin:0 0 10px;}
.cost-wrapp .cost-btn1 { bottom:25px;}

.scan-wrapp .scan-row1 .scan-col3 { left:0;}
}

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

.braces-wrapp .braces-row2 .braces-col1 .braces-thumb:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
  z-index: 2;
  
}
}