<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*******************************************
********************************************
RESPONSIVE STYLES */

/*@media screen and (max-height:1105px) {
   .banner-text {
	   padding-bottom: 85px;
   } 
   
   .banner-text h2 {
	    margin:0px;
		font-size: 38px;
        line-height: 39px;
	}
}*/
@media screen and (max-width:1669px) {
  .bestof figure {
    top: 40px;
    right: 90px;
  }
}

@media screen and (max-height:700px) and (max-width:1300px) {
  .bestof figure {
    right: 150px;
    top: 20px;
  }
}

@media screen and (max-width:1199px) {
	.our-goal-block {
		min-height: 500px;
	}
}

@media screen and (max-width:1039px) {
	.main {
		width: auto;
		padding: 0 20px;
		max-width: 100%;
	}
  .logo {
    left: 20px;
    top: 30px;
    width: 250px;
  	padding-top:0px;
  }
	.logo a {
		position:relative;
	}
	.bx-controls {
	   width: 90px;
	}
	nav ul li {
		margin: 0 10px 0 0;
	}
	nav ul li a {
		font-size: 14px;
	}
	.welcome-block {
		padding: 60px 0px 30px;
	}
	.our-goal-block h2 {
		font-size: 42px;
	}
	.our-goal-block .text p {
		font-size: 30px;
	}
	#services-block {
		padding: 60px 0;
	}
	#services-block ul li {
		padding: 0 10px;
	}
	.testimonial-block .text-info {
		padding: 2px 0 10px;
	}
	.testimonial-block .text-info p {
		font-size: 22px;
	}
	.mission:before {
		width: 100%;
	}
}

@media screen and (max-width:1023px) {
	.our-goal-block {
		min-height: 440px;
	}
	.our-goal-block .right-text {
		padding-top: 10%;
	}
	
	.content-section {
  	padding-left: 25px;
  	padding-right: 25px;
	}
}

@media screen and (max-width:1000px) { /* Target Screen Width */
  .bestof figure {
    width: 124px;
    height: 126px;
    top:20px;
    right: 50px;
  }

/* Navigation */
.enumenu_ul { display: none }
.menu-block { height: auto;  }
.menu-icon { display: block; top: 20px; }
nav ul{ padding-top: 65px;}
nav ul &gt; li { display: block; margin: 0px; padding: 0px; float: none; border-bottom: 2px solid #5c6236;}
nav ul &gt; li &gt; a { display: block; text-align: center; padding: 14px ; border: none; margin:0px;}
nav ul &gt; li &gt; a:hover { border: none; color: #5c6236;}
nav ul { width: 100%; }
nav ul &gt; li ul{ padding: 0; background:#D1D1D1; opacity: 1; width: 100%; top:0; position: static;}
nav ul &gt; li ul a{ text-align: center;  display: block; text-align: center; color: #000; padding:5px 0; margin: 0;}
nav ul .arrow { position: absolute; right:10px; top: 9px; width: 30px; height: 30px; background: url(/images/layout/plus.png) no-repeat center center; cursor: pointer; z-index: 999 }
nav ul .arrow.up { background:url(/images/layout/minus.png) no-repeat center center; }
nav ul li ul li a{ margin: 0; padding: 8px 0; }
nav ul li ul{ background: #80865c; }
nav ul li ul li a:hover{ background: #5c6236; color: #FFF; }
nav ul li ul li { border: none; border-bottom:1px solid #FFF; }
nav ul li ul li:last-child{ border-bottom: none;}
nav ul li a:hover, nav ul li a.active{ border: none;}    

body.menuOverlap .enumenu_container nav{ margin: 0; background: #fff; border-bottom: 1px solid #5c6236; border-left: 1px solid #5c6236; border-top: 4px solid #5c6236; display: block; height: 100%; max-height: 100%; max-width: 320px; overflow: auto; position: fixed; top: 0;transition: all 0.5s ease 0s; width: 100%; z-index: 9999;}
body.slidemenuRight .enumenu_container nav{ right: -321px;}
body.slidemenuRight.menu-open .enumenu_container nav{right: 0;}
 
/* Push Menu */
body.menuslide_push{position: relative;}

body.menuslide_push.slidemenuLeft{
left:0;  transition:left 0.5s; -webkit-transition:left 0.5s;  -moz-transition:left 0.5s;  -ms-transition:left 0.5s;  -o-transition:left 0.5s;}
body.menuslide_push.slidemenuRight{
right:0; transition:right 0.5s;  -webkit-transition:right 0.5s;  -moz-transition:right 0.5s;  -ms-transition:right 0.5s; -o-transition:right 0.5s;}
body.slidemenuRight .enumenu_ul { right: -300px;}
body.slidemenuRight.menu-open .enumenu_ul {  right: 0;}
body.slidemenuLeft .enumenu_ul {    left: -300px;}
body.slidemenuLeft.menu-open .enumenu_ul {    left: 0;}
body.menuslide_push.slidemenuLeft.menu-open{left: 300px}
body.menuslide_push.slidemenuRight.menu-open{right: 300px}
    
body.menuslide_push .enumenu_ul, body.menuOverlap .enumenu_ul{
background: #000000 none repeat scroll 0 0; display: block; height: 100%; max-height: 100%; width: 100%; overflow: auto;  position: fixed; transition: all 0.5s ease 0s; max-width: 300px;}

.header-right .call-us,
.header-right .appoinment-nad-patient {
	text-align:center;
}

  #header{
	 height:93px;
  } 
  
  #header .header-right {
	 height:auto;
  }

.logo {
		display:block;
		text-align:center;
		width:100%;
		position:relative;
		top:0px;
		left:0px;	
	}
	.logo a {
		display:block;
		width:250px;
		position:absolute;
		left:40px;
		right:auto;
		margin:0 auto;
		top: 0px;
	}
	.header-right {
		float: none;
		text-align: center;
		display:block;
		height: 146px;
	} 
  
  #nav-bar {
	background:#E3E5E5;
  }
  
  #nav-bar ul {
	display:block;
  }
  
  #nav-bar ul li {
	display:block;
	margin:0px;
	text-align:left;
  }
  
  #nav-bar.mob a {
	  border-bottom:none;
	  color:#5C6236;
  }
  
  nav ul li ul {
	  border-bottom:none;
  }
  
  #nav-bar.mob .sb-menu a {
	  background:#FFF;
	  padding:10px 0px;
  }
  
  #nav-bar.mob .sb-menu li + li a {
    border-top: 1px solid #E3E5E5;
  }
  
.appoinment-nad-patient,
	#nav-bar .appoinment-nad-patient ul {
		padding-top: 0px;
	}
	.appoinment-nad-patient .pay-online,
	.appoinment-nad-patient .appoinment,
	.appoinment-nad-patient .patient {
		background-position: left center; 
		width: 95%;
		margin-left: 10px !important;
		padding: 18px 22px !important;
	}
  #nav-bar .appoinment-nad-patient li ul {
	  display: none;
	  opacity: 1;
		position: relative;
		left: auto;
		top: 0;
		border-bottom: none;
  }
  #nav-bar .appoinment-nad-patient span.arrow {
	  top: 15px;
  }

}

@media screen and (max-width:900px) {
	h2 {
		font-size: 22px;
	}
	.header-right .call-us, .header-right .call-us a {
		font-size: 17px;
	}
	.appoinment-nad-patient .appoinment {
		margin-right: 10px;
		font-size: 13px;
		line-height: 18px;
	}
	.appoinment-nad-patient .patient {
		font-size: 13px;
		line-height: 18px;
	}
	nav ul li {
		margin: 0 5px 0 0;
	}
	nav ul li a {
		font-size: 13px;
	}
	nav ul li ul {
		left: -5px;
		top: 29px;
	}
	nav ul li ul li a {
		font-size: 14px;
	}
	.banner-text h2 {
		font-size: 38px;
		line-height: 45px;
	}
	.banner-text .title {
		font-size: 28px;
		line-height: 30px;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.banner-text .dental-care {
		padding: 10px 20px;
	}
	.banner-inner {
		height: 280px;
	}
	.welcome-block {
		padding: 40px 0 30px 0;
	}
	.welcome-block h1 {
		font-size: 35px;
	}
	.welcome-block h1 span {
		font-size: 22px;
	}
	.our-goal-block {
		min-height: 373px;
	}
	.our-goal-block h2 {
		font-size: 35px;
		line-height: 40px;
	}
	.our-goal-block .text p {
		font-size: 24px;
		line-height: 28px;
	}
	#services-block ul li a .title {
		min-height: 60px;
	}
	#services-block ul li a .title {
		font-size: 13px;
		line-height: 20px;
	}
	.testimonial-block .text-info p {
		font-size: 19px;
		line-height: 26px;
	}
	.testimonial-block .text-info p span {
		font-size: 17px;
	}
	.inner-part {
		padding-bottom: 35px;
	}
	.inner-testimonial {
		padding: 30px 20px 10px;
	}
	.inner-testimonial .icon {
		margin-bottom: 20px;
	}
	.inner-testimonial .text-info p {
		font-size: 21px;
		line-height: 27px;
	}
	.schedule-appointment h2 {
		font-size: 20px;
	}
	.schedule-appointment h2 span {
		font-size: 28px;
	}
	.footer-right {
		width: 60%;
	}
	.footer-right .address-block p {
		font-size: 13px;
	}
	.footer-right .address-block {
		margin-bottom: 0;
	}
	.footer-right .copyright span {
		font-size: 11px;
	}
	.footer-right .copyright a {
		font-size: 11px;
	}
	
	.banner-inner h2 {
    font-size: 48px;
  }
  
  .staff-contain .cell.middle {
    vertical-align: top !important;
  }
  
  .inner-page .bestof figure {
    top: 200px;
    width: 94px;
    height: 96px;
  }
}
@media screen and (max-width:770px) { /* Tablet View */

	/* iOS Clicking Fix */
	body {
		cursor: pointer;
	}
	header{ padding-bottom: 40px;}

h2{ font-size: 17px;}
h3{ font-size: 22px;}    
.inner-testimonial .text-info p{ font-size: 18px; line-height: 25px;}
.inner-testimonial .text-info p span{ font-size: 17px;}
.schedule-appointment{ padding: 30px 0; }
.schedule-appointment h2{ font-size: 18px; line-height: 27px;}
.schedule-appointment h2 span{ font-size: 22px;} 
    
.banner-text h2{ font-size: 20px; line-height: 25px;}
.banner-text h2 br{ display: none;}
.banner-text .title{ font-size: 25px; line-height: 28px;}
#welcome-block { padding: 0px 25px; }
.welcome-block h1{ font-size: 30px; line-height: 35px; padding-bottom: 15px;}
.welcome-block h1 span{ font-size: 20px;}
.appoinment-and-patient-blcok a{ margin: 0 10px 10px 0;}

.our-goal-block{ min-height: 310px;}
.our-goal-block .right-text{ padding-top: 5%;}
.our-goal-block h2{ font-size: 30px; line-height: 35px;}
.our-goal-block .text p{ font-size: 21px; line-height: 25px;}

#services-block{ padding: 50px 0;}
#services-block ul li a .title{ min-height: 80px;}

.testimonial-block .main {
	flex-direction: column;
}
.testimonial-block .text-info {
	width: 100%;
}
.testimonial-block .bottom-part {
	border-top: 2px solid #FFF;
	padding-top: 20px;
	margin: 0;
	width: 100%;
}
.testimonial-block .bottom-part h2 {
	margin-top: 10px;
}

.banner-inner{ height: 220px;}
.inner-part{ padding: 30px 0;}
.left-part, .right-part{ width: 100%; float: none;}
.btn-new-patient{ padding: 10px; display: block; text-align: center;}

footer{ padding: 30px 0;}
.footer-left{ width: 270px; margin: 0 auto; float: none;}
.footer-right{ width: 100%; margin: 0 auto; float: none; text-align: center;}
.footer-right .social-icon{ text-align: center; margin: 20px auto;}
.footer-right .footer-logo, .footer-right .address-block{ text-align: center; margin-bottom: 10px;}
.footer-right .address-block p{ padding-bottom: 10px;}
.footer-right .copyright{ padding: 0; text-align: center;}

  .staff-contain .cell {
    display: block !important;
    width: 100% !important;
    padding: 0px !important; 
  }
  
  .staff-contain section.cell {
    text-align: center;
  }
  
  .staff-contain article {
    display: table;
    margin: 0 auto;
  }
  
  .staff-contain article figure {
    margin: 14px 0px;
  }
  
  .staff-contain article p {
    display: table-header-group;
  }
  
  .staff-page h3 {
    text-align: center;
  }
  
  .review-page #slot-main &gt; h4 {
    padding-top: 60px;
  }

}

@media screen and (max-width:700px) {  
  .appoinment-nad-patient .appoinment,
  .appoinment-nad-patient .patient {
	  padding: 18px 22px;
	  margin: 0 0 0 20px;
  }
  
  .appoinment-and-patient-block {
    margin: 0px;
  }
  
  .content-section &gt; div &gt; div.left-part,
  .content-section &gt; div &gt; div.right-part {
    display: block !important;
    width: 100% !important;
    padding: 0px !important;
  }
  
  .right-part {
    text-align: center;
  }
  
  .right-part ul {
    display:inline-block;
  }
  
  .right-part ul li {
    text-align: left;  
  }
  
  .gMap {
  	margin: 0 auto 22px;
	}
}

@media screen and (max-width:670px) {
	.banner .to-top {
		bottom: 0;
	}
	.banner-text {
		padding-top: 110px;
	}
	.banner-text h2 {
		font-size: 19px;
		line-height: 25px;
	}
	
	#page-banner h2 span {
  	font-size: 18px;
  	line-height: 22px;
  	padding: 20px 30px 0px;
	}
	
	figure.starburst {
		display: block;
		float: none;
		margin: 0 auto 25px;
	}
}

/*------------mobile portrait view------*/
@media screen and (max-width:639px) {
	header {
		padding-bottom: 80px;
	}
	.header-right .call-us {
		margin: 10px 0;
	}
	.bx-controls {
		display: none;
	}
	.banner-text {
		padding-top: 120px;
	}
	.banner-text .title {
		padding-bottom: 5px;
		margin-bottom: 10px;
		font-size: 22px;
		line-height: 25px;
	}
	.banner-text h2 {
		font-size: 22px;
    line-height: 26px;
		margin-bottom: 10px;
	}
	.banner-text .dental-care {
		padding: 6px 15px;
		font-size: 13px;
	}
	.welcome-block h1 {
		font-size: 22px;
		line-height: 30px;
	}
	.welcome-block h1 span {
		font-size: 18px;
		line-height: 22px;
	}
	.appoinment-and-patient-blcok a {
		display: block;
		font-size: 13px;
		padding: 10px;
		text-align: center;
		margin: 0 0 10px 0;
	}
	.our-goal-block {
		background-size: cover;
	}
	.our-goal-block .right-text {
		float: none;
		width: 100%;
		text-align: center;
		padding-top: 30px;
	}
	.our-goal-block .text p {
		font-size: 20px;
	}
	.our-goal-block .take-a-tour {
		font-size: 13px;
	}
	#services-block ul li {
		width: 50%;
	}
	#services-block ul li a .title {
		min-height: 63px;
	}
	#services-block ul li p {
		min-height: 120px;
	}
	.news-block .image {
		float: none;
		margin: 0;
	}
	.news-block .new-info {
		width: auto;
		margin: 10px auto;
		text-align: center;
	}
	.our-goal-block h2 {
  	text-align: center;
	}
	.news-block &gt; div {
  	display: block !important;
  	width: 100% !important;
  	padding: 0px !important;
  	margin: 0px !important;
  	text-align: center !important;
	}
	.news-block .image .fb-photo {
  	height: 150px;
    width: 150px;
	}
	#overlay {
    background-color: rgba(0,0,0,0.3);
  }
}

@media screen and (max-width:580px) { 
  .appoinment-and-patient-block a {
    margin: 0 0 10px;
  }
  
  .pointer .to-top {
    bottom:25px;
  }
  
  .review-page .review-buttons a {
    display: block;
    padding-left: 0px !important;
  }
  
  .review-page .review-buttons a + a {
    padding-top: 20px;
  }
  
}

/*----------optional css------*/
@media screen and (max-width:480px) {
	.staff-page .content-section {
  	padding-top: 20px !important;
	}
	
	h1, .content-section h2 {
		font-size: 27px;
		line-height: 34px;
	}
	header {
		padding-bottom: 60px;
	}
	.banner-text .title {
		font-size: 20px;
	}
	.banner-inner {
		height: 180px;
	}
	.banner-inner h2 {
    padding: 0px;
  }
	body.menuOverlap .enumenu_container nav {
		max-width: 280px;
	}
	.welcome-block h1 span {
		font-size: 16px;
		line-height: 20px;
	}
	#services-block ul li {
		width: 100%;
		float: none;
	}
	#services-block ul li p {
		min-height: inherit;
	}
	#services-block ul li a .title {
		min-height: inherit;
	}
	.testimonial-block .bottom-part h2 {
		font-size: 15px;
	}
	.schedule-appointment h2 {
		font-size: 13px;
	}
	.schedule-appointment h2 span {
		font-size: 19px;
	}
	.footer-right .copyright .copyright-logo {
		display: block;
		margin: 0;
		padding: 0;
	}
	.pos0 {
    background-position: bottom right;	
	}
	.bestof figure {
  	right: 15px;
	}
	.our-goal-block {
  	min-height: none;
  	height: 320px;
	}
	
	.our-goal-block section {
  	background: rgba(0, 0, 0, 0.3);
	}
	
	.banner-inner h2 {
    font-size: 32px;
  }
  
  #page-banner h2 span {
  	font-size: 15px;
  	line-height: 18px;
  	padding: 13px 20px 0px;
	}
	
	.inner-page .bestof figure {
    top: 120px;
  }
  .review-page #slot-main &gt; h4 {
    padding-top: 35px;
    text-align: center;
    line-height: 28px;
  }
}

@media screen and (max-width:400px) {
	.full-testimonial p {
  	
	}
	
	.service h4 {
    font-size: 14px;
    margin-bottom: 16px;
  }
  
  .service h4 a span {
    height: 22px;
    width: 22px;
  }
  
  .service h4 a span::before,
  .service h4 a span::after {
    height: 12px;
  }
	
	.logo a {
		width:182px;
		left:26px;
	}
	
  #header {
    height: 69px;
  }
	
	.menu-icon {
		top:15px;
	}
	
	.full-testimonial p {
  	font-size: 18px;
    line-height: 26px;
	}
	
	.full-testimonial p + p {
  	font-size: 15px;
	}
}

@media screen and (max-width:380px) {
   .footer-right .copyright span {
     display: block;
   }
   
   .footer-right .copyright a {
     display: inline-block;
     border: none;
     margin: 14px 0px 0px;
     padding-right: 9px
   }
   
   .footer-right .copyright a + a {
     border-left: 1px solid #fff;
     padding-right: 0px;
     padding-left: 12px;
   }
   
   .copyright-logo {
     padding-top: 14px !important;
   }
   
	.g-recaptcha &gt; div {
	  -webkit-transform: scale(0.85);
	      -ms-transform: scale(0.85);
	          transform: scale(0.85);
	  -webkit-transform-origin:0;
	      -ms-transform-origin:0;
	          transform-origin:0;
	}
	
	.testimonial-block .main {
		padding: 0px;
	}
}

@media screen and (max-height:600px) {
  .pointer .to-top {
    bottom:15px;
  }
}

@media screen and (max-height:400px) {
  .pointer .to-top {
    display: none;
  }
}
</pre></body></html>