@media only screen and (max-width: 1199px){
	/*body{ border:2px solid #FF0000;}*/
	header{ width:40%;}
	header img{ width:100%; height:auto;}
	.banner_caption span {
		font-size: 28px;
		line-height: 34px;
	}
	.offer_img{ height:230px;}
	.common_content .offer_section span{ font-size:18px;}
	.invisalign_section.common_content h2 span {font-size: 42px;}
	.smile_content{
		left: 18%;
   		right: 18%;
	}
	.smile_content span{font-size: 28px; line-height: 32px;}
	.banner_caption{ top:56%;}
}

@media (max-width: 992px){
	/*body{ border:2px solid #00FF00;}*/
	
	.banner_caption span {
		font-size: 26px;
		line-height: 32px;
	}
	.banner_caption .offer_price span{
		font-size: 22px;
		line-height: 24px;
		padding: 12px 30px;
	}
	.banner_button{ padding: 12px 20px;  margin-top: 20px;	}
	.frist_section {
		margin: 60px 0;
	}
	.banner_caption h5{ font-size:16px;}
	.banner_caption ul li{ padding:2px 0 2px 26px;}
	.banner_caption p {
		color: #add9de;
		font-size: 18px;
		line-height: 28px;
	}
	section.banner {
    height: 740px;
	}
	.banner_caption {
		top: 52%;
	}

	.common_content h1, .common_content h2{font-size: 26px; margin-bottom:20px;}
	.common_content span{font-size:15px;}
	.offer_section{margin:40px 0;}
	.invisalign_section{ padding: 310px 0 50px;}
	.invisalign_section.common_content h2 span {
    font-size: 30px;
}
.invisalign_section.common_content h3 {
    font-size: 26px;
    margin-bottom: 10px;
    margin-top: 30px;
}
.invisalign_work_number{ width: 56px;font-size: 40px;  height: 56px;}
.common_content.invisalign_work span {
    margin: 15px 0 10px;
    font-size: 16px;}
	
.common_content .smile_content span {
    font-size: 18px;
	line-height: 18px;
    margin-bottom: 10px;
}
.checking_smile{margin:60px 0;}
.faq_section {
    margin: 70px 0 0;
}
.cta_home {
    margin-top: 70px;
}
footer {
    padding-top: 310px;
}
footer h3{	
	 font-size: 26px;
    margin-bottom: 25px;
}
footer ul.footer_link li.footer_call, footer ul.footer_link li.footer_mail, footer ul.footer_link li.footer_map {
    padding: 0 0 35px 60px;
	font-size: 16px;
    line-height: 25px;
}
footer ul.footer_link li.footer_map span{margin:0;}

.map iframe {
    width: 100%;
    height: 370px;
}
footer ul.footer_link li.footer_call a, footer ul.footer_link li.footer_mail a {
    color: #555555;
    font-size: 17px;
    word-break: break-all;
}
.copy_right { padding: 15px 0;}
.cont_bx2 {
    padding: 0 15px 15px;
}

}

@media (max-width: 767px){
	/*body{ border:2px solid #0000FF;}*/
	
	section.banner {
		height: 650px;
	}
	.banner_caption .offer_price span {
		font-size: 20px;
		line-height: 20px;
		padding: 10px 25px;
	}
	.banner_caption ul.spaceal_list li {   
		font-size: 18px;
		padding: 4px 0 4px 32px;
	}
	.banner_caption ul.spaceal_list li:after {
    	top: 5px;
		width: 23px;
		height: 21px;
		background-size: cover;
	}
	.banner_caption p {
		font-size: 16px;
		line-height: 24px;
	}
	.treatments_slider.owl-carousel .owl-item img {
    width: auto;
}
.cont_bx h3,  .testimonial h3 {
    font-size: 20px;
}
.treatments_slider{
    padding: 30px;
}
.cont_bx p {
    font-size: 16px;
}
	.owl-next:after {
    content: "\f105";
    color: #000;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    line-height: 40px;
        font-weight: 900;
    width: 40px;
    text-align: center;
    font-size: 40px;
}
.owl-prev:after {
    content: "\f104";
    color: #000;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    line-height: 40px;
    width: 40px;
        font-weight: 900;
    text-align: center;
    font-size: 40px;
}
	.banner_caption span {
		font-size: 26px;
		line-height: 28px;
	}
	.banner_button {
		padding: 10px 15px;
		margin-top: 15px;
		font-size: 14px;
	}
	.banner_button.white-bg{font-size:16px;}
	.frist_section {
		margin: 40px 0;
		text-align: center;
	}
	.common_content h1, .common_content h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.invisalign_section {
		padding: 50px 0;
		background: #0e1128;
	}
	.common_content.invisalign_section h2, .common_content.invisalign_section h2 span, .common_content.invisalign_section h3, .common_content.invisalign_section p, .common_content.invisalign_section ul li{ color:#fff;}
	.what_invisalign{padding:50px 0;}
	.checking_smile {
    margin: 50px 0;
    padding: 30px 0;
}
.custom_accrdion .card-header span{ font-size:17px;}
	
	footer {
    padding-top: 290px;
}
footer h3 {
    margin-bottom: 20px;
    margin-top: 35px;
}
}

@media (max-width: 600px){
	/*body{ border:2px solid #FFFF00;}*/
	section.banner{height:300px;}
	section.banner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	header {
    width: 55%;
}
.offer_price{margin:0;}
.mobile_offer{
	background: #e3e3e3;
    padding: 30px 15px;
}

.mobile_offer h5{ color:#0e1128; font-weight:500; font-size:18px; padding: 15px 0;}

.mobile_offer ul { margin-top:0;}
.mobile_offer ul li {
    font-size: 18px;
    color: #0e1128;
    line-height: 28px;
    padding: 4px 0 4px 22px;
    position: relative;
    background-size: cover;
}
.mobile_offer ul li:after {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: none;
    border: 2px solid #0e1128;
    left: 0px;
    top: 12px;
}
.mobile_offer ul li strong{ color:#7bbac2;}
.mobile_offer ul.spaceal_list li{ color:#0e1128; font-weight:500; font-size:20px;padding: 5px 0 5px 45px;}
.mobile_offer ul.spaceal_list li:after {
    position: absolute;
	content: '';
	background:url(../images/check_icon.png) no-repeat;
	width:28px;
	height:26px;
	top:4px;
	border:none;
	background-size: cover;
}
.mobile_offer p{ color:#0e1128; font-size:18px; line-height:30px; padding-top:10px;}

.common_content .offer_section span {
    font-size: 18px;
    margin: 15px 0 10px;
}
.common_button{padding:15px 20px;margin-top: 10px;}
.common_call_button {
    padding: 12px 20px;
    font-size: 18px;
    line-height: 18px;
	margin-top: 10px;
}
.invisalign_section.common_content h2 span {
    font-size: 26px;
}
.invisalign_section.common_content h3 {
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.what_invisalign {
    padding: 40px 0;
}
 .common_content h2 {
    font-size: 20px;
    margin-bottom: 10px;
}
.smile_bg img{ display:none;}

.smile_bg {
    background: rgb(255 255 255 / 81%);
    position: static;
}
.smile_content {
    position: static;
    transform: none;
    padding: 25px;
}

.faq_section {
    margin: 40px 0 0;
}
.custom_accrdion .card-header span {
    font-size: 16px;
    padding: 10px 15px;
}

}

@media (max-width: 480px){
	/*body{ border:2px solid #00FFFF;}*/
	.mobile_offer ul li:after{width:10px; height:10px;}
	.banner_caption span {
    font-size: 22px;
    line-height: 24px;
}
.banner_caption {
    left: 20px;
    right: 20px;
    background: rgb(255 255 255 / 76%);
    padding: 15px 0;
    text-align: center;
}
.appointment-modal .modal-header h4{font-size:18px;}
.appointment-modal .form-control, .contact-us .form-control { padding: 8px 10px;}
.theme-btn{padding:18px 0;}
.appointment-modal .modal-header .close{margin-top: -5px; margin-right: -5px;}
.banner_button {
    padding: 8px 10px;
    margin-top: 6px;
    font-size: 14px;
    display: block;
    text-align: center;
}
.banner_caption span {
    font-size: 18px;
    line-height: 24px;
    color: #0e1128;
}
.offer_price span {
    font-size: 24px;
    display: block;
    padding: 10px 30px;    
	text-align: center;
}
.mobile_offer h5 {
    font-size: 16px;
    padding: 12px 0;
 }
 .mobile_offer ul li {
    font-size: 13px;
    line-height: 24px;
    padding: 4px 0 4px 15px;
}

.mobile_offer ul.spaceal_list li{
    font-size: 16px;
    padding: 5px 0 5px 31px;
}
.mobile_offer p {
    font-size: 16px;
    line-height: 24px;
}

.mobile_offer ul.spaceal_list li:after{ width:23px; height:22px; top:7px;}
section.banner {
    height: 260px;
}
header {
    width: 65%;
}
.frist_section {
    margin: 30px 0;
}
.common_content h1 {
    font-size: 19px;
    margin-bottom: 15px;
}
.common_button{margin:0;}
.common_button, .common_call_button {
    display: block;
    text-align: center;
}
footer {
    padding-top: 100px;
}
.common_content h2 {
    font-size: 18px;
    margin-bottom: 10px;
}
.invisalign_section.common_content h2 span {
    font-size: 22px;
}
.invisalign_section.common_content h3 {
    font-size: 20px;
}
.copy_right{margin-top:15px;}

}