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


@media (min-width: 1920px) and (max-width: 2500px) {}

@media (min-width: 1600px) and (max-width: 1920px) {}

@media (min-width: 1200px) and (max-width: 1400px) {
	p {
		line-height: 25px;
		font-size: 14px;
	}

	.online_Ease_left img {
		object-fit: contain;
		object-position: left bottom;
	}

	.front-about-content {
		padding: 55px 20px 55px 40px;
	}

	.about-content {
		padding: 30px 0 30px;
	}

	#service-slider .service-item .slider-content h5 {
		font-size: 18px;
	}

	#navbarSupportedContent ul.menu {
		gap: 26px;
	}

	#navbarSupportedContent .custom-button {
		margin-left: 30px;
		line-height: 42px;
		padding: 0px 15px;
		font-size: 15px;
	}

	#navbarSupportedContent ul.menu li a {
		font-size: 13px;
	}

	.content-holder h3 {
		font-size: 50px;
	}

	.content-holder h2 {
		font-size: 55px;
	}

	.custom-header h2 {
		font-size: 32px;
	}

	.inner-banner .inn-banner-content h2 {
		top: -33vh !important;
		font-size: 45px;
	}

	.about-page .inn-banner-content h2 {
		top: -19vh !important;
	}
	.before-after-box {  margin-top: -185px;}
	.testi-control {margin-top: -50px;}
	.testimonials-text-box {height: 80px;}
	.user-testi { margin: -100px 0 8px;}
}

@media (min-width: 1024px) and (max-width: 1200px) {
	#navbarSupportedContent ul.menu {
		gap: 15px;
	}

	#navbarSupportedContent .custom-button {
		margin-left: 30px;
		line-height: 42px;
		padding: 0px 15px;
		font-size: 15px;
	}

	#navbarSupportedContent ul.menu li a {
		font-size: 13px;
	}

	.content-holder h3 {
		font-size: 55px;
	}

	.content-holder h2 {
		font-size: 60px;
	}

	.custom-header h2 {
		font-size: 35px;
	}

	.site-logo {
		width: 165px;
		margin-top: -45px;
		margin-bottom: 7px;
	}

	#navbarSupportedContent .custom-button {
		margin-left: 15px;
		line-height: 42px;
		padding: 0px 11px;
		font-size: 14px;
	}

	.top-head a {
		font-size: 12px;
	}

	.top-head .call-top {
		font-size: 12px;
	}

	.content-holder h2 {
		font-size: 45px;
	}

	.content-holder h3 {
		font-size: 40px;
	}

	.contact-wrap .contact-content h3 {
		font-size: 30px;
	}

	.contact-wrap .contact-content a {
		line-height: 34px;
		font-size: 17px;
	}

	.question-pic {
		text-align: right;
	}

	.question-pic img {
		width: 60%;
	}

	.banner {
		height: calc(80vh - 90px);
	}

	.banner img {
		height: calc(80vh - 90px);
	}

	.news-wrap .const-pic {
		text-align: right;
	}

	.news-wrap .const-pic img {
		width: 70%;
	}

	.site-logo {
		width: 165px;
		margin-top: -33px;
		margin-bottom: 7px;
	}

	.online_Ease_left img {
		object-position: right;
	}

	.service-details-holder .servise-details {
		padding: 0 10px !important;
	}

	.service-details-holder .srv-thumbnail {
		height: 380px !important;
	}

	#service-details .service-item {
		height: 380px !important;
	}

	.inner-banner img {
		height: calc(60vh - 70px);
	}

	#service-details .service-item {
		margin-top: 30px !important;
	}
}

@media (min-width: 992px) and (max-width: 1024px) {
	p {
		line-height: 25px;
		font-size: 14px;
	}

	.online_Ease_left img {
		object-fit: contain;
		object-position: left bottom;
	}

	.front-about-content {
		padding: 55px 20px 55px 40px;
	}

	.about-content {
		padding: 30px 0 30px;
	}

	#service-slider .service-item .slider-content h5 {
		font-size: 18px;
	}

	#navbarSupportedContent ul.menu {
		gap: 15px;
	}

	#navbarSupportedContent .custom-button {
		margin-left: 30px;
		line-height: 42px;
		padding: 0px 15px;
		font-size: 15px;
	}

	#navbarSupportedContent ul.menu li a {
		font-size: 13px;
	}

	.content-holder h3 {
		font-size: 50px;
	}

	.content-holder h2 {
		font-size: 55px;
	}

	.custom-header h2 {
		font-size: 32px;
	}

	.site-logo {
		width: 165px;
		margin-top: -45px;
		margin-bottom: 7px;
	}

	#navbarSupportedContent .custom-button {
		margin-left: 15px;
		line-height: 42px;
		padding: 0px 11px;
		font-size: 14px;
	}

	.top-head a {
		font-size: 12px;
	}

	.top-head .call-top {
		font-size: 12px;
	}

	.content-holder h2 {
		font-size: 45px;
	}

	.content-holder h3 {
		font-size: 40px;
	}

	.contact-wrap .contact-content h3 {
		font-size: 30px;
	}

	.contact-wrap .contact-content a {
		line-height: 34px;
		font-size: 17px;
	}

	.question-pic {
		text-align: right;
	}

	.question-pic img {
		width: 60% !important;
	}

	.banner {
		height: calc(80vh - 90px);
	}

	.banner img {
		height: calc(80vh - 90px);
	}

	.news-wrap .const-pic {
		text-align: right;
	}

	.news-wrap .const-pic img {
		width: 70%;
	}

	.service-details-holder .servise-details {
		padding: 0 10px !important;
	}

	.service-details-holder .srv-thumbnail {
		height: 380px !important;
	}

	#service-details .service-item {
		height: 380px !important;
	}

	.inner-banner img {
		height: calc(60vh - 70px);
	}

	#service-details .service-item {
		margin-top: 30px !important;
	}

	.inner-banner .inn-banner-content h2 {
		top: -33vh !important;
		font-size: 45px;
	}

	.nav-item .nav-link {
		font-size: 15px !important;
		padding: 10px 10px !important;
	}

	.investor-tab-wrap .tab-content .tab-pane .content-box a {
		font-size: 16px !important;
	}

	.investor-tab-wrap .tab-content .tab-pane .content-box a img {
		margin-right: 6px !important;
		width: 22px !important;
	}
}


@media (min-width: 768px) and (max-width: 991.99px) {
	.hero-heading {font-size:26px;}
	.hero-text {  font-size: 15px;  margin-bottom: 17px;}
	.org-head h2 {font-size: 30px;}	
	.custom-head h2 {font-size: 30px;}
	.info-box h2 {font-size:28px;}
	#carouselExampleCaptions .nav-btn-slider { bottom: 0px;}
	.service-section .owl-carousel .owl-nav button.owl-prev { left: 35%;}
	.service-section .owl-carousel .owl-nav button.owl-next {  right: 35%;}
	.service-section .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {bottom:-20px !important;}
	.service-section {  background: url(../images/bg-front.webp) right 0 no-repeat; padding-bottom: 50px;}
	.custom-button{padding: 15px 70px 15px 10px !important;}
	.contact-info-box { width: 100%;padding: 40px 20px;}
	.site-logo {width: 145px;margin-top: -28px;margin-bottom: 7px;	}
.intro-holder h2 {	font-size: 34px;}
	.exparties-head h2 {font-size:34px;}
	.crediential-head h2 {font-size: 34px;}
	.footer .footer-navigation ul {  gap: 0 20px;}
	.faq-hold .accordion .accordion-item {width:100%;}
	.menu-button a{width:170px;line-height: 32px;}
	.menu-button a i{top:5px;}
	.navbar-toggler {
		background: var(--c-blue);
		box-shadow: 0 0 0 !important;
	}

	.navbar {
		position: relative;
	}

	.navbar-collapse {
		position: absolute;
		top: 49px;
		width: 100%;
		z-index: 9999;
		background: #fff;
		padding-bottom: 10px;
	}

	#navbarSupportedContent ul.menu {
		display: block;
		padding: 0 15px;
	}

	#navbarSupportedContent ul.menu li ul.sub-menu {
		position: relative;
		width: 100%;
		border: 0;
	}

	.sticky .navbar-collapse {
		top: 80px;
	}

	.content-holder h3 {
		font-size: 35px;
	}

	.banner {
		height: calc(80vh - 90px);
	}

	.banner img {
		height: calc(80vh - 90px);
	}

	.online_Ease_left img {
		object-position: right;
	}

	.front-about-content {
		padding: 20px 20px 20px;
	}

	.about-content {
		padding: 30px 0 35px;
	}

	.count-badge img {
		width: 50px !important;
	}

	.about-counter .count .count-text p {
		font-size: 18px !important;
		line-height: 21px;
	}

	.service-wrap {
		padding: 30px 0 !important;
	}

	.service-wrap .custom-header p {
		padding: 20px 0 !important;
	}

	#service-slider {
		padding: 0 15px !important;
	}

	.news-wrap .const-pic {
		top: -2% !important;
		width: 54%;
	}

	.news-wrap .const-pic img {
		width: 70%;
	}

	.news-wrap .const-pic {
		text-align: right;
	}

	#news-slider {
		padding: 30px 25px 55px !important;
	}

	.front-enquiry {
		right: -25px;
	}

	.question-pic {
		width: 50% !important;
		text-align: right;
	}

	.question-pic img {
		width: 80%;
	}

	.contact-wrap .contact-content h3 {
		font-size: 25px !important;
		line-height: 32px !important;
	}

	.contact-wrap .contact-content a {
		line-height: 26px !important;
		font-size: 17px !important;
	}

	.contact-wrap {
		padding: 30px 0 165px;
	}

	#testimonials-slider {
		padding: 30px 20px 10px !important;
	}

	.testimonials-wrap {
		padding: 40px 0 50px;
		background: url(../images/testi-car.webp) #fee2b0 no-repeat 0% 100%;
		background-size: 40% auto;
	}

	.testimonials-wrap .modal-dialog {
		max-width: 95%;
	}

	.testi-content-box {
		padding: 0 0px 0 0px;
	}

	.modal-body {
		padding: 0 10px 10px 15px;
	}

	.testimonials-wrap .modal-body .testi-content-box .testi-cont-text {
		margin-bottom: 20px;
	}

	.quick-link {
		padding-left: 15px;
	}

	footer {
		padding:0;
	}

	.footer-info {
		padding-left: 10px;
	}

	.action-link {
		display: block;
		text-align: center;
	}

	.action-link a {
		font-size: 13px;
	}

	.action-link {
		order: 1;
		padding-bottom: 15px;
	}

	.copyright-txt {
		order: 2;
		text-align: left;
	}

	.powerd-txt {
		order: 3;
		text-align: right;
	}

	.chatboat {
		right: 13%;
	}

	.footer-link h2 {
		font-size: 20px;
	}

	#about-banner {
		height: calc(80vh - 90px);
	}

	#about-banner img {
		height: calc(80vh - 90px);
	}

	.inner-banner .inn-banner-content h2 {
		top: -4em !important;
		margin: auto;
		text-align: center;
		width: 94%;
		font-size: 45px;
	}

	.info-details-box {
		padding-left: 0px !important;
		text-align: center;
		padding-top: 30px;
	}

	.ab-info-wrap .info-details-box .custom-header {
		text-align: center !important;
	}

	.team-info-wrap {
		padding: 30px 10px !important;
		text-align: center !important;
	}

	.team-info-wrap .custom-header {
		text-align: center !important;
	}

	.vision-wrap .vm-content {
		display: block !important;
		padding: 0 20px !important;
	}

	.vision-wrap .vm-box {
		margin: 20px 0 !important;
	}

	.tslide-wrap .modal-dialog {
		max-width: 98% !important;
	}

	.tslide-wrap .modal-body .pro-pic {
		margin-bottom: 10px;
	}

	.tslide-wrap {
		padding: 80px 0 100px;
	}

	#associate-slider .associate-item .logo-box img {
		width: auto;
		height: 50px;
	}

	.tslide-wrap .tslide-box .prof-cont-box h3 {
		font-size: 16px !important
	}

	.tslide-wrap .tslide-box .prof-cont-box h6 {
		font-size: 14px !important
	}

	.service-details-holder .servise-details {
		padding: 0 10px !important;
	}

	.service-details-holder .srv-thumbnail {
		height: 380px !important;
	}

	#service-details .service-item {
		height: 380px !important;
	}

	.inner-banner img {
		/* height: calc(60vh - 70px); */
	}
	.inner-banner img {
		height: calc(28vh - 70px);
	}

	#service-details .service-item {
		margin-top: 30px !important;
	}

	.inner-banner .container {
		min-height: 20px !important;
	}

	.blog-item .blog-content {
		padding-left: 15px;
		padding-top: 45px;
		text-align: center;
	}

	.blog-item .serv-button {
		text-align: center;
	}

	.investor-tab-wrap #pills-tab {
		justify-content: center !important;
		gap: 10px 7px;
	}

	.investor-tab-wrap .tab-content .tab-pane .content-box a {
		font-size: 18px !important;
	}

	.investor-tab-wrap .tab-content .tab-pane .content-box a img {
		margin-right: 3px !important;
		width: 20px;
	}

	.investor-tab-wrap .investor-img-box img {
		height: 600px !important;
		width: auto !important;
	}

	.nav-item .nav-link {
		font-size: 16px;
		padding: 10px 12px !important;
	}

	.project-tab-wrap .tab-content .tab-pane .content-box .cp-sec-header h1 {
		font-size: 25px !important;
		text-align: center !important;
	}

	.project-tab-wrap .tab-content .tab-pane .custom-header p {
		padding: 40px 10px 0 !important;
	}

	.project-tab-wrap .info-details-box {
		padding: 25 px 0px 0 !important;
	}

	.project-tab-wrap {
		padding: 0px 0 20px !important;
	}

	.project-tab-wrap .info-details-box {
		padding: 25px 0px 0 !important;
	}

	.project-tab-wrap .info-details-box .text-box p {
		margin-bottom: 0px !important;
	}

	.project-tab-wrap .info-details-box .cp-button {
		text-align: center !important;
	}

	.project-tab-wrap .tab-content .tab-pane .content-box .cp-sec-header {
		margin: 30px 0 40px !important;
	}

	.contactus-wrap .contact-form .form-sec form .subm-button {
		margin-bottom: 30px;
	}
}


@media only screen and (max-width: 991.98px) {
	.navbar-toggler {
		float: left;
		margin: 0;
		height: 45px;
		width: 45px;
		border-radius: 0;
		z-index: 1
	}

	.navbar-toggler .icon-bar {
		width: 24px;
		background: #fff;
		transition: .5s ease;
	}

	.navbar-toggler.collapsed .icon-bar:nth-child(2) {
		transform: rotate(0) translateY(0) translateX(0);
	}

	.navbar-toggler.collapsed .icon-bar:nth-child(3) {
		opacity: 1
	}

	.navbar-toggler.collapsed .icon-bar:nth-child(4) {
		transform: rotate(0) translateY(0) translateX(0);
	}

	.navbar-toggler .icon-bar:nth-child(2) {
		transform: rotate(-45deg) translateY(5px) translateX(-5px);
	}

	.navbar-toggler .icon-bar:nth-child(3) {
		opacity: 0
	}

	.navbar-toggler .icon-bar:nth-child(4) {
		transform: rotate(45deg) translateY(-4px) translateX(-3px);
	}
button:focus:not(:focus-visible) {
  outline: 0;
	box-shadow:0 0 0 0;
}
	.navbar-header {
		display: block;
    background: #00a0e4;
    border-radius: 5px;
			  color:#fff; 
	}

	.site-banner {
		height: 300px;
	}

	.site-banner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 100% 100%;
	}
.navbar-collapse {
  position: absolute;
  top: 62px;
  z-index: 999;
  background: #fff;
  width: 100%;
	padding-bottom: 30px;
    box-shadow: 0px 7px 3px 5px #f1f1f1;}
	.main-navigation ul li{margin:0 15px;}
	.main-navigation .nav-link{padding-top:0; padding-bottom:0;}
	.menu-item-has-children:hover .sub-menu{position:relative;box-shadow:0 0 0 0;}
	.contact-frm{  margin-right:0px; margin-bottom:30px;}
	.team-card-slider .card{margin-bottom:25px;}
	.contact-frm{padding:20px;}
}


@media (max-width: 767.99px) {
	.custom-header .navbar-brand img {width: 260px;}
	.carousel-caption { display:block !important;position: relative; top:0 !important;}
	.hero-heading {font-size:26px;}
	.hero-text {  font-size: 15px;  margin-bottom: 17px;}
	.hero-content{text-align:center;}
	.buttons-container {text-align: center;}
	#carouselExampleCaptions .nav-btn-slider {  position: relative;  bottom: 10px;}
	.carousel-indicators{position:relative;bottom: 0px !important;margin-left: auto !important;  margin-right: auto !important;}
	 .info-box { padding: 25px; margin-top: 222px;text-align: center;}
	.front-about { padding: 20px 0 140px;}
	.service-section .owl-carousel .owl-nav button.owl-prev { left: 35%;}
	.service-section .owl-carousel .owl-nav button.owl-next {  right: 35%;}
	.service-section .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {bottom:-20px !important;}
	.smile-section {padding-left:15px;}
	.smile-heading{font-size: 30px;}
	.smile-container{text-align:center !important;}
	.smile-section .text-start { text-align: center !important;}
	.journal-section {padding: 50px 0 0px;text-align: center;}
	.journal-section .text-right { text-align: center !important;}
	.front-contact-section .inner {padding:380px 0 40px;background: url(../images/bg-tooth.webp) 0 0 no-repeat;background-size: auto;background-size: 100% auto;text-align: center;}
	.org-head h2 {font-size: 30px;}
	.contact-info-box{width:100%;margin: 40px 0 20px;padding:30px 20px;}
	.testimonial-nav {  width: 190px;  margin: 0 auto;    margin-top: 0px;}
	.custom-head h2 {font-size: 30px;}
	.journal-slider .blog-icon{left:42%;}
	.footer-logo { max-width: 120px;}
	.footer-sec {  background: url(../images/footer-bg.webp) -20px bottom no-repeat; padding: 30px 0 80px; background-size: 107% auto;}
	.user-testi{margin: -100px auto 15px;}
	.footer-bottom::before{width:100%;}
	.about-intro{text-align:center;padding: 40px 0 0;}
	.intro-holder h2 {font-size: 30px;}
	.exparties-head h2 {font-size: 30px;}
	.crediential-head h2 {font-size: 30px;}
	.degree-card{min-height:265px;}
	.implant-thum{margin-top:25px;margin-bottom: 20px;}
	.service-details-body .implant-section { padding-right: 15px;}
	.implant-section h2 { margin: 10px 0 20px;}
	.filter-buttons .btn{width: 90%; margin: auto;padding: 8px 20px;}
	.filter-buttons{display:block;}
	.filter-buttons{position: sticky;  top: 88px;  z-index: 999;}
	.blog-section{padding-top:20px !important;}
	.blog-content {text-align: center;}
	.blog-grid .blog-icon{left: 42%;}
	.blog-contain { padding: 0 0px;}
	.single-blog-title {font-size: 20px;}
	.related-blog { text-align: center;}
	.related-blog .text-right { text-align: center;}
	.contact-section {  background: url(../images/contact_bg.webp) 0 top no-repeat;background-size: auto; background-size: 100% auto;padding-top: 220px;}
	.faq-hold .accordion .accordion-item {width: 100%;}
	.lb-data .lb-close{z-index: 9999 !important;  position: relative;}
	.before-after-box{margin-top: 0;}
	.testi-control {padding-left: 0;  margin-top: 0;}
	.smile-section {padding-top: 60px;}
	.fancybox__content{width:100% !important;}
}