@media (min-width: 1600px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1530px;
	}
}

@media (min-width: 1300px) {
	.ftr-social {
		text-align: right;
	}

}



@media (min-width:1600px) and (max-width:1920px) {
	
}
@media (min-width:1200px) {
	.in-office-teeth-whitening .row [class*=col-] {
		width: 20%;
	}
	.in-office-teeth-whitening .row{
		background: url('../images/line-img.webp') no-repeat left 162px center;
		background-size: 86%;
	}
	.howmuch-heading {
        max-width: 570px;
        margin: 0 auto;
        line-height: 50px;
    }
	.clrfxd-text {
        max-width: 756px;
        margin: 0 auto;
        line-height: 30px;
    }
}
@media (min-width:1400px) and (max-width:1599px) {
	.main-nav>ul.nav>li:not(:last-child) {
		margin-right: 11px;
	}

	.btn.btn-info {
		font-size: 15px;
	}

	.offer-lft-text h3 {
		font-size: 36px;
	}

	.offer-badge {
		font-size: 30px;
	}

	.offer-text {
		width: 95%;
	}
    .main-nav > ul.nav > li > a{
        font-size: 15px;
    }
	.offer-badge span.ofr-upto {
		white-space: nowrap;
	}

	.feature-card-content p {
		font-size: 14px;
		line-height: 25px;
	}

	.team-card h5 {
		font-size: 20px;
	}

	.team-card p {
		font-size: 16px;
	}

	.footer-adrs-info {
		padding: 100px 0 0 15px;
		max-width: 600px;
	}

	.in-office-teeth-whitening .row [class*=col-] {
		width: 20%;
	}
	.-mt-180 {
        margin-top: 0px;
    }

}

@media (min-width:1200px) and (max-width:1399px) {

	.main-nav>ul.nav>li:not(:last-child) {
		margin-right: 5px;
	}

	.main-nav>ul.nav>li>a {
		font-size: 14px;
	}

	.btn.btn-info {
		font-size: 15px;
		padding: 8px 10px 8px 18px;
	}

	.offer-card {
		height: 610px;
	}

	.offer-card .btn.btn-info {
		padding: 10px 15px;
		font-size: 12px;
	}

	.offer-lft-text h3 {
		font-size: 26px;
	}

	.offer-badge {
		font-size: 30px;
	}

	.offer-text {
		width: 95%;
	}

	.offer-badge span.ofr-upto {
		white-space: nowrap;
		font-size: 23px;
	}

	.offer-badge span.ofr-off {
		font-size: 23px;
	}

	.treatm-desc p {
		line-height: 22px;
	}

	.treatment-info-caption h3 {
		font-size: 24px;
	}

	.treatments-mdl-thumb>img {
		max-width: 117%;
	}

	.feature-card-content p {
		font-size: 14px;
		line-height: 25px;
	}

	.mr-80 {
		margin-right: 0;
	}

	.ml-80 {
		margin-left: 0;
	}
.know-your-implant-better.-mt-180{
    margin-top: 0;
}
	.team-card h5 {
		font-size: 20px;
	}

	.team-card p {
		font-size: 16px;
	}

	.footer-adrs-info {
		padding: 100px 0 0 15px;
		max-width: 600px;
	}

	.book-an-appointment h2 {
		color: #fff;
		margin-bottom: 15px;
	}

	.bkan-aptmt-cnt .book-btn {
		margin-top: 0px;
	}

	.team-card .arrow-btn {
		width: 45px;
		height: 45px;
	}

	.in-office-teeth-item p {
		line-height: 24px;
		font-size: 15px;
		margin: 0px;
	}

	.in-office-teeth-whitening .row{
		background: url('../images/line-img.webp') no-repeat left 30px center;
		background-size: 96%;
	}

	.in-office-teeth-item {
		width: 203px;
		height: 203px;
	}
h2 {
    font-size: 37px;
}
.tth-whtn-thumb {
    padding-right: 57px;
}
.tth-whtn-content {
	padding-right: 30px;
}
.invisalign-banner > img{
	height: 800px;
	object-fit: cover;
}
.logo img {
        width: 140px;
    }




}

@media (min-width:992px) and (max-width:1199px) {
	.top-bar .info-item img {
		width: 25px;
	}

	.top-bar .info-item {
		margin-right: 0px;
		font-size: 13px;
	}

	.top-bar .appointment-btn {
		padding: 10px 12px;
		font-size: 12px;
	}

	.logo img {
        width: 105px;
    }

	.main-nav>ul.nav>li:not(:last-child) {
		margin-right: 5px;
	}

	.main-nav>ul.nav>li>a {
		font-size: 12px;
	}

	.btn.btn-info {
        font-size: 12px;
        padding: 8px 7px 8px 10px;
    }

	.btn.btn-info img {
		width: 25px;
	}

	.offer-badge {
		padding: 15px 39px;
	}

	.offer-card {
		height: 610px;
	}

	.offer-card .btn.btn-info {
		padding: 10px 15px;
		font-size: 12px;
	}

	.offer-lft-text h3 {
		font-size: 26px;
	}

	.offer-badge {
		font-size: 21px;
		line-height: 1;
		padding: 6px 39px;
	}

	.hero-bttm-inner .hero-title {
		font-size: 31px;
	}

	.offer-text {
		width: 95%;
	}

	.offer-badge span.ofr-upto {
		white-space: nowrap;
		font-size: 18px;
	}

	.offer-badge span.ofr-off {
		font-size: 18px;
	}

	.treatm-desc p {
		line-height: 22px;
	}

	.treatment-info-caption h3 {
		font-size: 24px;
	}

	.treatments-mdl-thumb>img {
		max-width: 117%;
	}

	.down-arrow-btn {
		width: 40px;
		height: 40px;
		line-height: 36px;
	}

	.feature-card-content p {
		font-size: 14px;
		line-height: 25px;
	}

	.why-section .row [class*=col-]:first-child {
		width: 20%;
	}

	.why-section .row [class*=col-]:nth-child(2) {
		width: 40%;
	}

	.why-section .row [class*=col-]:last-child {
		width: 40%;
	}

	.why-section .row-2 [class*=col-]:first-child {
		width: 40%;
	}

	.why-section .row-2 [class*=col-]:nth-child(2) {
		width: 40%;
	}

	.why-section .row-2 [class*=col-]:last-child {
		width: 20%;
	}

	.why-section .row-2 {
		margin-top: 60px;
	}

	.why-section .row:nth-child(4) {
		margin-top: 60px;
	}

	.mr-80 {
		margin-right: 0;
	}

	.ml-80 {
		margin-left: 0;
	}

	.team-card h5 {
		font-size: 17px;
	}
    .know-your-implant-better.-mt-180{
    margin-top: 0;
}
	.team-card p {
		font-size: 16px;
	}

	.footer-adrs-info {
		padding: 60px 20px 60px 20px;
		max-width: 100%;
		margin: 0 auto;
	}

	.ftr-brand-logo {
		padding: 20px 0;
		width: 100%;
		justify-content: center;
	}

	.book-an-appointment h2 {
		color: #fff;
		margin-bottom: 15px;
		font-size: 37px;
	}

	.book-an-appointment p {
		line-height: 23px;
		font-size: 15px;
	}

	.bkan-aptmt-cnt .book-btn {
		margin-top: 0px;
	}

	.team-card .arrow-btn {
		width: 45px;
		height: 45px;
	}

	.google-map iframe {
		height: 460px;
	}

	.ftrSocial {
		text-align: right;
	}

	.in-office-teeth-item{
		margin: 15px auto;
	}
.tth-whtn-thumb {
    padding-right: 50px;
}
.tth-whtn-content{
	padding-right: 30px;
}
h2 {
    font-size: 40px;
}
.invisalign-banner > img{
	height: 800px;
	object-fit: cover;
}
.rltd-service-item {
        margin-left: 91px;
        padding-right: 20px;
    }




}

@media (min-width:992px) {}

@media (max-width:991px) {}

/* Mobile Version Design Css
===================================== */
@media (max-width:991px) {
	.topHeader {
		display: flex;
	}

	.tp-pn-rw {
		display: flex;
	}

	a.btn-customized {
		width: 54px;
		height: 54px;
		border-radius: 55px;
		background: #19aed3;
		font-size: 24px;
		text-align: center;
		padding: 0;
		line-height: 54px;
		color: #fff;
	}

	.offer-card {
		height: 400px;
		padding: 10px;
	}

	.offer-card .btn.btn-info {
		padding: 10px 11px;
		font-size: 10px;
		white-space: nowrap;
	}

	.offer-lft-text h3 {
		font-size: 20px;
	}

	.offer-badge {
		padding: 15px 33px;
		font-size: 16px;
	}

	.offer-badge span.ofr-upto,
	.offer-badge span.ofr-off {
		font-size: 13px;
		line-height: 11px;
	}

	.hero-bttm-inner {
		background: #f1f1f1 url(../images/invisalign-is-the-world-s-no-1.webp) no-repeat right -262px center;
		background-size: cover !important;
	}

	.hero-bttm-inner .hero-title {
		font-size: 26px;
	}

	h2 {
		font-size: 34px;
	}

	.appointment-bg h3 {
		font-size: 30px;
	}

	.call-box::before {
		width: 145px;
		height: 145px;
		background-size: 100%;
		top: -43px;
	}

	.call-box .call-btn {
		padding: 13px 35px;
		font-size: 20px;
	}

	.treatments-mdl-thumb>img {
		max-width: 50%;
		margin: auto;
		display: block;
	}

	.treatment-info {
		width: 361px;
		margin: 0 auto;
	}

	.treatments .col-lg-3.order-lg-1.ps-lg-0 {
		margin-top: 10px;
		margin-bottom: 40px;
	}

	.treatments-mdl-thumb {
		margin-left: 0;
	}

	.ml-70 {
		margin-left: 0;
	}

	.mr-80 {
		margin-right: 0;
	}

	.mt-80 {
		margin-top: 0;
	}

.know-your-implant-better.-mt-180{
    margin-top: 0;
}
	.feature-card-thumb img {
		width: 100%;
		border-radius: 80px 80px 0 0;
	}

	.feature-card-content {
		border-radius: 0 0 80px 80px;
	}

	.mr-70 {
		margin-right: 0;
	}

	.ml-80 {
		margin-left: 0;
	}

	.row-2 .feature-card-content {
		border-radius: 0px 0px 80px 80px;
	}

	.why-section .row:not(:first-child) {
		margin-top: 30px;
	}

	.bkan-aptmt-cnt {
		text-align: center;
		padding-top: 60px;
	}

	.book-an-appointment {
		background-position: center;
	}

	.google-map iframe {
		height: 360px;
	}

	.footer-adrs-info {
		padding: 60px 0 60px 15px;
	}

	.ftr-brand-logo {
		width: 100%;
		padding: 20px 0;
		justify-content: center;
	}

	.sidebar .social-icons {
		text-align: center;
	}

	.sidebar .social-icons a {
		width: 32px;
		height: 32px;
		background: #0f1540;
		border-radius: 50%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-left: 8px;
		color: #fff;
		text-decoration: none;
		font-size: 14px;
	}

	.sidebar .btn.btn-info {
		justify-content: space-between;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.mobile-container .mobile-nav ul li li a {
		color: #fff;
	}

	.mobile-container .mobile-nav ul li a.mobile-expand:hover {
		background: #c8a428;
	}
	.abt-chtf-content {
		margin-top: 25px;
	}
.rltd-service-item {
        margin-left: 91px;
        padding-right: 20px;
    }

}

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

	.ftr-social {
		text-align: right;
	}

.in-office-teeth-item{
		margin: 15px auto;
		width: 203px;
		height: 203px;
	}
.in-office-teeth-item p {
	margin-bottom: 0px;
	line-height: 23px;
	font-size: 15px;
}
.tth-whtn-thumb {
    padding-right: 40px;
}
.tth-whtn-thumb img {
    height: 900px;
    object-fit: cover;
}
.tth-whtn-content{
	padding-right: 20px;
}
.invisalign-banner > img{
	height: 800px;
	object-fit: cover;
}

.teams-thumb {
	text-align: center;
}
.teams-title h1 {
    font-size: 36px;
}
.teams-details {
	margin-top: 30px;
}


}

@media (min-width:768px) {}

@media (max-width:767px) {
	a.logo {
		max-width: 130px;
	}

	.inner-banner>img {
		width: 100%;
		height: 190px;
		object-fit: cover;
	}

	.call-box::before {
		display: none;
	}

	.footer-adrs-info {
		padding: 60px 15px 60px 15px;
	}

	ul.ftr-adrs-listing li {
		width: 100%;
	}

	ul.ftrSocial {
		text-align: center;
		margin-bottom: 15px;
	}

	.copyright {
		display: flex;
		gap: 0;
		justify-content: center;
	}

	.badge-both {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		width: 100%;
	}

	.badge-right {
		width: 100%;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}

	.offer-card {
		left: 0;
		transform: translateX(0%);
		width: 100%;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		height: 450px;
	}

	.offer-text {
		width: 100%;
	}
	.in-office-teeth-item{
			margin: 15px auto;
		}

	.-mt-170 {
		margin-top: -62px;
	}

	.pt-255 {
		padding-top: 106px;
	}
	.tth-whtn-thumb {
		padding-right: 0px;
	}
	.tth-whtn-content {
		padding: 50px 20px 0;
	}
	.tth-whtn-thumb img {
    	height: auto;
	}
.team-details-section, .abt-chtf-content {
	margin-top: 25px;
}
.invisalign-banner::before {
	content: " ";
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	bottom: 0;
	width: 100%;
}

    .invisalign-banner>img {
        height: 496px;
    }
.invslgn-clralgnr-logo{
  width: 85px;
}
.orthodontics-ivlgn-banner .invslgn-clralgnr-logo-content h4{
  color: #fff;
  font-size: 16px;
}
.orthodontics-ivlgn-banner .invslgn-clralgnr-logo-content h3{
  font-size: 14px;
}
.saveup-wrapper h2 {
  font-size: 29px;
  color: #fff;
}
.saveup-wrapper p {
  font-size: 13px;
  color: #fff;
  margin: 0px;
}
.saveup-listing-wrapper .pgcnt-list li{
  color: #fff;
  font-size: 13px;
  margin-bottom: 3px;
}
ul.for-a-limite-list li {
  color: #fff;
}
ul.for-a-limite-list li {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}
ul.for-a-limite-list li {
  color: #fff;
}
.saveup-listing-wrapper ul.teeth-list li {
	color: #fff;
	margin-bottom: 0;
}
.invslgn-clralgnr-logo-content h4{
	color: #fff;
}
.canhave-invslgn-wrapper {
    display: flex;
    gap: 25px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.canhave-invslgn-boxs {
	text-align: center;
	    padding: 45px 25px;
}
.lybs-iframe-img .border-radius-100 {
    border-radius: 25px;
}
.bnfts-invslgn-braces {
    padding: 45px 25px;
}
h4 {
    font-size: 20px;
}
.smileGallery-ba-2{
	padding: 80px 10px 0;
}
.border-radius-100 {
    border-radius: 35px;
}
h3 {
    font-size: 24px;
}

    .rltd-srvs-hdr {
        margin-left: 0;
        display: block;
    }
	.rltd-service-item, .watboi-section .rltd-service-item {
        margin-left: 0;
        padding: 30px 25px 50px;
		text-align: center;
    }
    .rltd-srvs-icon {
        width: 120px;
        margin: 0 auto 30px;
    }

.watboi-section .rltd-srvs-title {
    font-size: 26px;
    width: 100%;
}
.ourGallery-block img{
	height: auto;
}
    ul.case-study-list-clm5 li {
        width: 32.7%;
    }

.teams-thumb {
	text-align: center;
}
.teams-title h1 {
    font-size: 36px;
}
.teams-details {
	margin-top: 30px;
}
.inner-banner-title span {
  font-size: 28px;
  line-height: 37px;
}
.post-blog-detls h1 {
  font-size: 26px;
}
.contact-us-from .form-control {
    margin-bottom: 0;
}

.appointment-bg .form-control {
     margin-bottom: 0;
}

.appointment-bg h3 br{
    display:none;
}

.ftr-l-logo {
    flex-wrap: wrap;
    justify-content: center;
}


}

@media (max-width:575px) {
	/*.treatment-info {*/
	/*	width: 100%;*/
	/*}*/
    h3 {
        font-size: 22px;
    }
	.hero-bttm-inner {
		padding: 65px 20px;
	}

	.video-box iframe {
		height: 400px;
	}

	.appointment-bg {
		padding: 260px 0px 80px;
		background-position: center bottom 60px;
	}

.invslgn-clralgnr-logo-content h4 {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 3px;
}
.invslgn-clralgnr-logo-content h3 {
  font-size: 15px;
}
.saveup-listing-wrapper ul.teeth-list li {
  padding-left: 30px;
  margin-bottom: 0px;
  font-size: 12px;
  color: #fff;
}
.saveup-wrapper {
  padding: 30px 0 9px;
}
.for-a-limite-list {
	margin-top: 15px;
}
  ul.for-a-limite-list li {
    color: #fff;
    font-size: 13px;
    line-height: 18px;
  }
ul.case-study-list-clm5 li {
	width: 49%;
	margin-bottom: 10px;
}
h1 {
    font-size: 32px;
}
.inner-banner-title h2 {
    font-size: 28px;
}
.inner-banner-title h2 br{
	display: none;
}
.btn-custom,
.btn-custom2 {
	font-size: 12px;
}
.btn-custom2{
	    padding: 7px 20px;
}

.teams-title h1 {
        font-size: 28px;
    }

.blog-content h2 {
  font-size: 24px;
}

.blog-date {

    white-space: nowrap;
}
.ftr-l-logo img{
    width:50%;
}
.treatment-info {
        width: 100%;
        margin: 0 auto;
    }

.treatment-info > img {
    width: 100%;
    
}
    
    
    
    
    
    
}