/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=News+Cycle:400,600,700,800,300,900');
@import url('https://fonts.googleapis.com/css?family=Archivo+Black');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,600,700,800,300,900');

@font-face{	
	font-family: 'Asimov';
	src: url(css/Asimov/Asimov.otf)  format("opentype"); 
}
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* Custom CSS */
/* HEADER */
body{
    font-family: 'News Cycle', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
header{
	border-top:5px solid #4abea2;	
	border-bottom:1px solid #d1d1d1;
	position:fixed;
	width:100%;
	background-color:#FFFFFF;
	z-index:99;
	top:0;
	font-weight:bold;
}
header .header_logo{
	float:left;
}
header .header_logo img{
	width:290px;
	margin-left: 4px;
	margin-top: -2px;
    margin-bottom: -10px;
}
header .menu_caption{
	display:none;
	text-align:center;	
}
header nav{
	float:right;
	width:556px;
	text-align:right;
	margin-right: 1%;
}
header nav ul{
	list-style:none;
	margin:auto;	
}

header nav ul li{
	display:inline-block;    
    margin: 0px -2px;
}
header nav ul li a{
	text-decoration:none;
	color:#1a1f24;
	font-family: 'News Cycle', sans-serif;
	padding:28px 20px 28px 20px;
	display:block;
	transition:0.2s all ease-out;    
}
header nav ul li:hover a{
	background-color:#4abea2;
	color:#FFFFFF;
}
header nav ul li:hover ul{
	display:block;
}
/* 2nd menu */
nav ul li ul{
	position:absolute;
	width:100%;
	background-color:#4abea3;
	left:0;
	text-align:right;
	box-sizing:border-box;
	padding: 0px 50px;
	font-weight:normal;
	display:none;
}
nav ul li ul li{
	text-align:left;
	
}
header nav ul ul li a{
	text-decoration:none;
	color:#FFFFFF;
	font-family: 'News Cycle', sans-serif;
	padding:15px 20px 15px 20px;
	display:block;
	transition:0.1s all ease-in-out;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
header nav ul ul li a:hover{
	background-color:#037a6c;
    padding-top: 15px;
    padding-bottom: 15px;
}
header nav ul .active a{
	background-color:#037a6c;
	color:#FFFFFF;
}

h1{
	font-family:'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
main{
	margin-top:77px;	
}

a img{
    -webkit-transition: 2s; /* Safari */
    transition: 0.6s;
}

a img:hover{    
    opacity: 0.7;
}


.banner img{
	width:100%;	
}
/* For Home page */
.banner{
	width:100%;
	/*border-bottom:8px solid #4cb99f;	*/	
}


/* Banner for inner pages desktop/Mobile version */
section.banner-inner{
    
}


.home_contact{    
	background-image:url(../img/home_contact.jpg);    
	background-repeat:repeat-x;	
    background-position: 0px -28px;
	text-align:center;
    background-color: #027b6c;
	border-bottom: 8px solid #4cb99f;
	border-top: 8px solid #4cb99f;       
}
.home_contact .home_contact_content{
	padding:30px 10px;
	background-color:#037a6c;
	display:inline-block;
	font-size:26px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:'Roboto', sans-serif;	
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

img.phoneicon{
    width: 35px;
    display: inline-block;
    margin-left:  -8px;
    margin-right: 8px;
}

.home_contact .home_contact_content a:link, .home_contact .home_contact_content a:active, .home_contact .home_contact_content a:hover, .home_contact .home_contact_content a:visited{	
	font-size:26px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:'Roboto', sans-serif;	
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    border-bottom: 1px solid #fff;
    padding-bottom: 1px;
    text-decoration: none;
}


.welcome{
	text-align:center;
	color:#464748;
	padding-bottom:40px;
    min-width: 99%;
    max-width: 99%;
    margin-left: auto;
    margin-right: auto;    
}
.welcome h1{
	padding:10px 0px;
}
.welcome p{
	font-family: 'News Cycle', sans-serif;	
    font-size: 16px;
	padding-bottom:20px;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);    
}

div.row_content{
    width: 79.8%;    
    padding: 0px;
    margin: 10px auto;
    height: 900px;    
}

.ourteam{
    width: 100%;
    height: 1200px;
    background-image:url(../img/our-team-bg-home.jpg);	
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 0px 0px;    
    padding-top: 76px;
}


.ourteam h1{
    width: 100%;
    padding: 0px;
    margin: 0px 0px 97px 0px;    
    text-align: center;
    font-family:'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    font-size: 32px;
    font-weight: bold;
    text-transform: capitalize;
    color: #fff;    
}


.ourteam_box{
    width: 27.526%;
    height: 898px;
    background-color: #fbfbfb;
    font-size: 16px;
    line-height: 18px;
    font-family: 'News Cycle', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    float: left;
    margin-right: 8.52%;
}


div.row_content > :nth-child(1){    
    margin-left: 2px;
}

div.row_content > :nth-child(3){    
    margin-right: 0;
}

.ourteam_image{
    width: 100%;
    margin: 62px auto 45px auto;    
    padding: 0px;
    text-align: center;
}

.ourteam_image img{
    width: 70%;
}


.ourteam_box h2{    
    font-size: 22px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 0px 0px;
}


.ourteam_content{
    width: 98%;
    margin: 0px auto;
    text-align: center;
    font-family: 'News Cycle', sans-serif;
    font-size: 16px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    
}

.ourteam_content p{
    text-align: left;
    display: block;
    font-family: 'News Cycle', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;    
    width: 80%;
    margin:  0px;
    margin-top: 68px;
    margin-left: 13%;        
}

.ourteam_content p strong{
    font-weight: 900;    
}


.service{
	background-image:url(../img/service_bg.jpg);
	background-size:100% auto;
	padding-top: 40px;
}
.service .title{	
	text-align:center;	
	text-transform:uppercase;
	color:#FFFFFF;
	background-image:url(../img/our_service.png);
	background-position:center;
	background-size:auto 100%;
	background-repeat:no-repeat;
	height:25px;    
}

.service_list{
	padding:20px 7%;	
	text-align:center;
}
.service_list .service_item{
	display:inline-block;
	width:344px;
	margin:20px 20px;
	text-align:left;
	background-color:#FFFFFF;
	transition:0.2s all ease-out;
}
.service_list .service_item:hover{
	color:#FFFFFF;
	background-color:#a2a2a2;	
}
.service_list .service_item img{
	transition:0.2s all ease-out;     
}
.service_list .service_item:hover img{

    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.service_list .service_item:hover a{
	color:#FFFFFF;
	background-color:#000000;	
	transition:0.2s all ease-out;
}
.service_list .service_item img{
	width:100%;	
}
.service_list .service_item a{
	display:block;	
	background-color:#037a6c;
	color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
	padding:5px 0px;
	margin-top:10px;
	margin-bottom:20px;
	text-decoration:none;
}
.service_list .service_item .service_text{
	padding:10px 10px 10px 10px;
    min-height: 183px;
}

.service_text h2{
    font-family:'Roboto', sans-serif;	
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

.emergency{
	background-image:url(../img/emergancy.jpg?v=1234);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 0px -30px;
	text-align:center;
	padding:40px 20px 80px 20px;
	font-size:18px;
	font-weight:bold;    
}
.emergency .title h1{
	font-size:32px;
}
.emergency .title img{
	width:20px;
	margin-top:-40px;	
	
}
.emergency .need_assist{
	border-radius:10px;
	-webkit-box-shadow: 0px 10px 3px -6px rgba(200,235,227,1);
-moz-box-shadow: 0px 10px 3px -6px rgba(200,235,227,1);
box-shadow: 0px 10px 3px -6px rgba(200,235,227,1);
	background-color:#4abea3;
	color:#FFFFFF;
	padding: 10px 70px;
    font-family:'Roboto', sans-serif;	
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    font-weight: bold;
	text-decoration:none;
	transition:0.2s all ease-out;
}
.emergency .need_assist:hover{
	background-color:#037a6c;
}
.office_hour{
	background-image:url(../img/office_hour_bg.jpg);
	background-size:100% 100%;
	text-align:center;
	color:#FFFFFF;
	padding:20px 20px;
}
.office_hour table{
	width:	400px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}
.office_hour table tr td:nth-child(1){
	border-width:0;	
	text-align:left;
	width:100px;
}
.office_hour table tr td{
		border-radius:10px;
		border:1px solid #FFFFFF;
		color:#FFFFFF;
		padding:5px;
}
footer{
	background-color:#000000;
	color:#FFFFFF;
	font-size:14px;	
	padding:30px 0px 0px 0px;
    min-height: 50px;
}
footer a{
	color:#FFFFFF;	
	text-decoration:none;
	transition:0.2s all ease-out;
}
footer a:hover{
	color:#4abea2;	
}
footer h3{
		
}
footer .col1, footer .col2, footer .col3, footer .col4{
	float:left;
	width:25%;	
	padding:0 40px;
	box-sizing:border-box;
	line-height:180%;
}

footer .title h2{
    font-family:'Roboto', sans-serif;	
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

footer .col1{ width:33%; }
footer .col2{ width:17%;}
footer .col3{ width:26%;}
footer .col4{ width:24%;}
footer .col1 img{
	width:200px;
	margin-bottom:20px;
}
footer .col4 img{
	width:30px;	
	margin-right:15px;
}
footer .note{
	color:#FFFFFF;	
	background-color:#272727;
    margin-top:40px;    
	font-size:13px;
    padding-top: 0px;
    overflow: hidden;
    height: 36px;
    overflow: hidden;
}
footer .note .col1{
	width:50%;
	padding:2px 10px;
    margin-top: 3.6px;
}
footer .note .col2{
	width:50%;
	text-align:right;
	padding:2px 10px;
	vertical-align:middle;
}
footer .note .col2 img{	
    margin-top: 6px;
}
/* For About us page */
.intro .title{
	border-bottom:1px solid #707272;
	color:#707272;
	padding:10px 0px 0px 0px;
	text-align:center;
	margin-bottom: 15px;
}
.intro .title h1{
	margin-bottom:10px;	
}
 .intro{
	background-color:#f5f5f5;
	
	padding:20px 40px 40px 40px;
}
.philocophy{
	background-color:#4abea3;	
	color:#FFFFFF;
	overflow:hidden;
}
.philocophy .col1{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:10px 10px 10px 40px;
	overflow:hidden;
	background-color:#4abea3;	
}
.philocophy .col1 h1{
	font-size: 38px;
    line-height: 100%;
    margin-top: 50px;	
}
.philocophy .col2{
	float:left;
	width:50%;	
	margin-top:-5px;
	background-color:#FFFFFF;
}
.philocophy .col2 img{
	margin:5px;	
	width:222px;
	margin: 5px 0 0px 5px;
}
.philocophy .col2 img:nth-child(1){
	margin-left:0px;	
}
.meet_team .title{
	border-bottom:1px solid #707272;
	color:#707272;
	padding:10px 0px 0px 0px;
	text-align:center;
	margin-bottom:20px;
}

 .meet_team{
	background-color:#f5f5f5;
	padding:0 40px 20px 40px;
}

.meet_team .team{
	background-color:#FFFFFF;
	color:#707071;
	padding:20px;
	margin:40px 0;
}
.meet_team .team .col1{
	float:left;
	box-sizing:border-box;
	width:20%;	
}
.meet_team .team .col1 img{
	width:100%;
	border:1px solid #717271;	
}

.meet_team .team .col2{
	float:left;
	box-sizing:border-box;
	width:80%;	
	box-sizing:border-box;
	padding:20px 10px 10px 20px;
}
.meet_team .team .email{
	text-align:right;	
}
.meet_team .team .email a{
	color:#4abea3;
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
	
}
/* For services page */




/* For Facilities us page */
.facilities {
	padding-left:20px;
	padding-right:20px;
}
.facilities .title{
	border-bottom:1px solid #707272;
	color:#707272;
	padding:10px 0px 0px 0px;
	text-align:center;
}
.facilities .sub_section{
	color:#707071;	
	padding-bottom:10px;
	border-bottom: 1px solid #707272;
}
.facilities .sub_section h2{
	display:block;
	margin-top:20px;
}
.facilities .image_area{
	text-align:center;	
}
.facilities .image_area img{
	margin:10px;
}
.facilities .sub_section .alb_item{
	cursor:pointer;	
	width:200px;
	margin:5px;
}

/* For location page */
.contact_us>h1{
	background-color:#FFFFFF;
	color:	#707272;
	padding:40px 0px 00px 140px
}
.contact_block{
	color:#FFFFFF;
	background-color:#087a6b;
	padding:40px 150px 20px 150px;
	box-sizing:border-box;
	background-image:url(../img/about_us_down_arrow.jpg);
	background-repeat:no-repeat;
	background-position:140px top;
	
}
.contact_us .col1{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-right:80px;
}
.contact_us .col1 h1{
	font-size:60px;	
	margin-bottom: 0px;
}
.contact_us .col2{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-left:20px;
}

.contact_us .col2 input{
	width:100%;
	padding:15px 5px;
	box-sizing:border-box;	
	margin-bottom:20px;
	margin-top:10px;
}
.contact_us .col2 textarea{
	width:100%;
	padding:15px 5px;
	box-sizing:border-box;	
	margin-bottom:10px;
	height:100px;
}
.contact_us .col2 .submit{
	border-width:0;	
	color:#FFFFFF;
	background-color:#4bb89f;
	width:160px;
    -webkit-transition: 0.6s; /* Safari */
    transition: 0.6s;
}

.contact_us .col2 .submit:hover{
    cursor: pointer;
    background-color: #3ea38b;    
}

.map{
	text-align:center;	
	color:#707272;
}
/* Mobile CSS */
.mob_menu{
	display:none; 
	margin-top: 20px;
    margin-right: 20px;
	position:absolute;
	top: 0;
    right: 0;
}
.mob_menu img{width:30px; margin-top: 4.0px; margin-right: -11px;}
header nav .submenu .menu_back{ display:none}
.bg-white{
	background-color:#FFFFFF;	
}
.bg-gray{
	background-color:#f5f5f6;
}
.common_padding{
	padding:20px 20px 20px 40px;	
}
.service_details{
	color:#707172;	
	font-weight:bold;    
}
.service_center_align{
	text-align:center;    
}
.service_center_align>div{margin:auto}

.service_center_align > div:last-child{
    margin-bottom: -22px;
}

.service_details .title{
	margin-bottom:20px;
	border-bottom:1px solid #171f26;
    padding-bottom: 0px;    
}

.service_details .title h1{        
    margin: 0.67em 0 -0.06em 0;
}

.dental{
	text-align:center;	
	width:1000px;

}

.dental .image{ 
	text-align:center;
	display:inline-block;
	margin:50px;
	font-size:10px;
	font-weight:bold;
    float: left;
}


.dental .txt{ 
   text-align:left;
	display:inline-block;	
	font-size:16px; 
    float: right;    
    width: 590px;
    margin-top:  50px;
}


.dental .image img{ 
	width:300px;    
	
}
.service_bottom{
	padding-bottom:100px;
	padding-top: 40px;
}
.service_bottom_img{
	
	background-position:70px top;
	background-repeat:no-repeat;
	background-size:auto 100%;
	height:	526px;
	background-color:#4abea3;
	color:#707071;
	font-weight:bold;
	box-sizing:border-box;
	padding:100px 0 0 628px;
	
}
.service_bottom_img .text{
	width:377px;
}
.dental_implants_img{
	background-image:url(../img/dental_implants.jpg);
}
.service_details .sub_title{
	text-align:left;
	color:#707172;
	font-family:'Roboto', sans-serif;	
	font-size:20px;
	padding:20px;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
.service_details .sub_title2{
	text-align:center;
	color:#707172;
	font-family:'Roboto', sans-serif;	
	font-size:18px;
	padding:0 20px;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);    
    text-align: center;
    width: auto;
    width: 51.30%;
    margin-left: 21%;
}
.service_details .dental2 .image2{
	padding:0;
	margin:auto;
	/*display:inline-block;	*/
	float:left;
	box-sizing:border-box;
}
.service_details .dental2 .image2 img{
	width:200px;
	vertical-align:top;	
	border:1px solid #717273;
}
.service_details .dental2 .side_text{	
	width:82.00%;
	box-sizing:border-box;
	font-size:16px;	
	text-align:left;
	padding-left:20px;	
	float:left;    
}
.service_details .side_text h2{
	font-family: 'Roboto', sans-serif;
	font-weight:bold;	
	/*line-height:0;*/
	font-size:20px;
	margin:0 0;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
.service_details .dental2{
	width:100%;	
	text-align:justify;
	padding:20px 20px;
	box-sizing:border-box;
	margin-bottom:40px;    
}

.service_details .dental3{
	width:100%;	
	text-align:justify;
	padding:20px 20px;
	box-sizing:border-box;
	margin-bottom:40px;
}

.service_details .dental3 .title h1{
		width:100%;	
		
	}
.service_details .dental3 .side_text{
		width:100%;	
		
	}
.oral_surgery .service_bottom_img {
	background-image:url(../img/oral_surgery_doctor.jpg);
	color:#FFFFFF;
	padding-top:233px;
}
.general .service_bottom_img{
	background-image:url(../img/general_dentist.jpg);
	color:#656665;
	padding-top:85px;
}

div.image h1{
    font-size: 18px !important;
}


div.sub_section h2{
    font-size: 20px;
}

section.banner-general img{    
    width: 100%;
    content:url("../img/generaldentist-banner.jpg");    
}    


div.solutionby{    
}

a.solutionby{
    content: url(../img/signature_normal.png);
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
}

a.solutionby:hover{
    content: url(../img/signature_hover.png);
}

/* Justify */
.welcome p{        				
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}

.service_list .service_item .service_text{
    text-align: justify;
}

.service_list .service_item .service_text h2{
    text-align: left;
}

.service_details .title h1{
    text-align: left;
}

.service_details{
    text-align: justify;
}

.service_details .dental2 .side_text h2{
    text-align: left;
}

.service_details .dental2 .side_text{
    text-align: justify;
}

.title img{
    content: url(../img/footer-logo-desktop.png);    
}

img.footer-logo{   
   width: 250px;
   display: block;
   margin-top: 5px;
}


/* Media Query for desktop/laptop  Monitor  1366 x 768  Up to 1599 < 1600 px */
@media only screen and (min-width: 1600px){
    .welcome p{        
      width: 35%;
      margin-left: auto;
      margin-right: auto;
    }
}


@media only screen and (min-width: 1366px) and (max-width: 1599px){
    .welcome{        
        padding-bottom:40px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;    
    }
    .welcome h1{
        padding:10px 0px;
    }
    
    .welcome p{
        font-family: 'News Cycle', sans-serif;	
        font-size: 16px;
        padding-bottom:20px;
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);        
        width: 35%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .ourteam{
        width: 100%;
        height: 1000px;
    }

    .ourteam_box{
        width: 31.70%;
        height: 770px;
        margin-right: 2.00%;
    }    
   
}/* @media only screen and (min-width: 1024px) and (max-width: 1599px) */


/* Media Query for desktop Squar Monitor/tablet FROM [800 px X 600 Px] UP TO [1024 px X 768 px]  */
@media only screen and (min-width: 1025px) and (max-width: 1364px){
  .service_details .dental2 .side_text{	
        width:77.78%;        
  }
    
  .welcome p{        
      width: 35%;
      margin-left: auto;
      margin-right: auto;
  }

    
}


/* Media Query for desktop Squar Monitor/tablet FROM [800 px X 600 Px] UP TO [1024 px X 768 px]  */
@media only screen and (min-width: 801px) and (max-width: 1024px){
   
    .welcome{                
        min-width: 99%;
        max-width: 99%;                
    } 
    
    .welcome p{        
          width: 70%;
          margin-left: auto;
          margin-right: auto;
          text-align: left;
    }
    
    .ourteam{
        width: 100%;
        height: 1000px;
    }

    .ourteam_box{
        width: 31.70%;
        height: 770px;
        margin-right: 2.00%;
    }
    
    .service_details .dental2 .side_text{	
        width:73.78%;        
    }
    
}/* @media only screen and (min-width: 800) and (max-width: 600px) */

@media (max-width: 900px){
    
   /* Inner Pages Banner */
    
    section.banner-general{
        height:  306px;                
        margin-top: -5px;
    }
    
    img.phoneicon{
        width: 32px;
        display: inline-block;
        margin-left:  -8px;
        margin-right: 8px;
        margin-top: -2px;
    }
    
    section.banner-general img{    
        width: 100%;
        content:url("../img/banner-innerpage-general-mv.jpg");                
    }
    
	h1{
		font-size:22px;
	}
	.mob_menu{display:inline-block;}
	main {
		margin-top: 83px;
		width:100vw;
		overflow:hidden;
	}
    
    header{
        height: 70px;
    }
    
	header .menu_caption{
		display:block;	
	}
	header .header_logo img{
		width:270px;
        margin-left: -1px;
	}
	header nav ul{
		display:none;
		position:absolute;
		width:100%;
		background-color:#4abea3;
		height:100vh;
		height:100vh;
		left:0;
		padding:0;		
		text-align:left;
	}
	header nav ul li{
		display:block;
		margin:0;	
	}
	header nav ul li{
		width:100%;
			
	}
	header nav ul li a{
		width:100%;
		color:#FFFFFF;
		padding:10px;
		border-bottom:1px solid #FFFFFF;
	}
	header nav ul li a:hover{
		background-color:#037a6c;
	}
	
	header nav ul li ul{
		padding:0;
		display:none;
	}
	header nav ul ul li a{
		padding-left:10px;	
	}
	
	header nav .submenu>a{
		background-image:url(../img/menu_right_arrow.png);	
		background-position:90% center;
		background-repeat:no-repeat;
		
	}
	header nav .submenu .menu_back a{
		background-image:url(../img/menu_left_arrow.png);	
		background-position:10% center;
		background-repeat:no-repeat;
		text-align:center;
		
	}
	header nav ul .submenu .menu_back a{
		background-color:#037a6c;
	}
	.welcome iframe{
		width:80%;	
	}

    .welcome p{        
      width: 65%;
      margin-left: auto;
      margin-right: auto;
    }
    
    .service .title{	
        text-align:center;	
        text-transform:uppercase;
        color:#FFFFFF;
        background-image:url(../img/our_service.png);
        background-position:center;
        background-size:auto 100%;
        background-repeat:no-repeat;
        height:22px;    
    }    
    
	.service_list{
		padding:20px 0%;	
		text-align:center;
	}
	.service_list .service_item{
		margin:	20px 0px;
	}
	.service{
		background-color:#4bb89f;
		background-image:none;
	}
	.service_details .dental2{
		text-align:center;	
	}
	.service_details .dental2 .image2{
		float:none;	
	}
	.service_details .dental2 .image2 img{
		width:90%;
	}
	.service_details .dental2 .side_text{
		width:87.78%;	
		float:none;
		margin-top:20px;
	}
    
    .ourteam{
        width: 100%;
        height: 2380px;        
        padding-top: 26px;
    }


    .ourteam h1{
        width: 100%;
        padding: 0px;
        margin: 0px 0px 10px 0px;    
        text-align: center;
        font-family:'Roboto', sans-serif;
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
        font-size: 22px;
        font-weight: bold;
        text-transform: capitalize;
        color: #fff;    
    }

    .ourteam_box{
        width: 60%;
        height: auto;
        background-color: #fbfbfb;
        font-size: 16px;
        line-height: 18px;
        font-family: 'News Cycle', sans-serif;
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;        
        margin-left: 4.6%;                
        margin: 2% 0 3.8% 20.0%;        
        padding-bottom:  60px;
    }


    div.row_content > :nth-child(1){            
        margin: 2% 0 3.8% 22.0%;
    }

    div.row_content > :nth-child(3){    
        margin-right: 0;
    }

    .ourteam_image{
        width: 100%;
        margin: 62px auto 45px auto;    
        padding: 0px;
        text-align: center;
    }

    .ourteam_image img{
        width: 70%;
    }


    .ourteam_box h2{    
        font-size: 22px;
        text-align: center;
        display: block;
        width: 100%;
        padding: 0px 0px;
    }


    .ourteam_content{
        width: 98%;
        margin: 0px auto;
        text-align: center;
        font-family: 'News Cycle', sans-serif;
        font-size: 16px;
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

    }

    .ourteam_content p{
        text-align: left;
        display: block;
        font-family: 'News Cycle', sans-serif;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;    
        width: 80%;
        margin:  0px;
        margin-top: 68px;
        margin-left: 13%;            
    }

    .ourteam_content p strong{
        font-weight: 900;    
    } 
    
    .home_contact .home_contact_content a:link, .home_contact .home_contact_content a:active, .home_contact .home_contact_content a:hover, .home_contact .home_contact_content a:visited{	
        font-size:22px;
    } 
    
	.emergency{
		background-image:url(../img/emergency_mob.png);
		
	}
	.office_hour{
		padding:20px 0px;	
	}
	.office_hour table{
		width:350px;	
	}
	footer .col1, footer .col2, footer .col3, footer .col4{
		float:none;
		width:100%;	
		text-align:center;
		padding:10px 10px;
		box-sizing:border-box;
		line-height:180%;
	}
	footer .col4 .twit img{
		margin-right:0;
	}
	footer .note .col1, footer .note .col2{
		width:100%;
		float:none;
		text-align:center;	
    }
    
    footer .note{
        height: 100px;
    }
	
	/* location */
	.contact_block{
		padding:40px 10px 20px 10px;
		background-position: 40px top;	
	}
	.contact_us>h1{
		background-color:#FFFFFF;
		color:	#707272;
		padding:40px 0px 00px 40px
	}
	.contact_us .col1, .contact_us .col2{
		float:none;
		width:100%;	
		padding:0px;
	}
	.contact_us .col h1{
		text-align:center	
	}
	
	/*about us*/
	.philocophy{ background-color:#FFFFFF;}
	.philocophy .col1, .philocophy .col2{
		float:none;
		width:100%;
		text-align:justify;	
		padding:0 20PX 20px 20PX;
		box-sizing:border-box;
	}
	
	 .philocophy .col2 img{
		width:100%; 
	 }
	 
	 .meet_team .team .col1, .meet_team .team .col2{
	 	float:none;
		width:100%; 
	 }
	 .meet_team .team .col2 h2{
		text-align:center; 
	 }
	 .meet_team .team .email{
		text-align:center; 
	 }
	 .dental .image{
		display:block; 
		margin:10px;
        
	 }
	 .dental .image img{
		width:90%; 
	 }
	 .dental{
		width:100%; 
		padding:20px 0;
		box-sizing:border-box;
	 }
	 .service_bottom_img{
		background-position:left top; 
		background-size: 100% auto;
		padding: 52% 0 0 0px;
		color:#707071;
		
	 }
	 .service_bottom{
	   background-color: #4abea3;
	   padding-bottom: 70px;
	 }
	 .service_bottom_img .text{
		width:100%; 
		padding: 20px 40px 20px 40px;
		background-color:#FFFFFF;
		box-sizing:border-box;
		color:#707071;
	 }
	 .common_padding{
		padding:20px; 
	 }
	
	 .oral_surgery .service_bottom_img {
		 padding-top: 425px;
		 background-size:auto 100%;
	 }
    
    .dental .txt{ 
       text-align:left;
        display:inline-block;	
        font-size:16px; 
        float: right;    
        width: 99%;
        margin-top:  50px;
        margin-left: auto;
        margin-right: auto;
    }

    .service_details {
        text-align: justify;
        margin-left: -1%;
        width: 93%;
    }

    .service_details {
        text-align: justify;
        margin-left: -3.5%;
        width: 95%;
    }
    
    .service_details .dental2 .side_text{
        width: 94.78%;
    }
    
    .title img{
        content: url(../img/footer_logo.png);    
    }
    
    img.footer-logo{   
       width: 250px;
       display: block;
       margin-top: 5px;
       margin-left: auto;
       margin-right: auto;
    }
	
	
	div.solutionby{    
	}

	a.solutionby{
		content: url(../img/signature_normal.png);
		margin: 0px;
		margin-top: 5px;
		padding: 0px;
	}

	a.solutionby:hover{
		content: url(../img/signature_hover.png);
	}

}


/* Media Query for Mobile Potrait & Landscape [671 px] UP TO [800]  */
@media only screen and (min-width: 671) and (max-width: 800px){
 
    .welcome{                
        min-width: 98%;
        max-width: 98%;
        margin-left: auto;
        margin-right: auto;                
    }
    .welcome h1{
        padding:10px 0px;
    }
    .welcome p{
        width: 65%;
        margin: 0px auto;
        font-family: 'News Cycle', sans-serif;	
        font-size: 16px;
        padding-bottom:20px;
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);        
    }

    a.solutionby{
        content: url(../img/signature_normal.png);
        margin: 0px;
        margin-top: 5px;
        padding: 0px;
    }
    
    a.solutionby:hover{
        content: url(../img/signature_hover.png);
    }

} /* // Media Query for Mobile Potrait & Landscape [671 px] UP TO [800] */



/* Media Query for Mobile Potrait & Landscape [320 px] UP TO [670]  */
@media only screen and (min-width: 471px) and (max-width: 680px){
    
    .home_contact .home_contact_content{
        font-size: 22px;    
    }
    
    .welcome{        
        padding-bottom:40px;        
        min-width: 98%;
        max-width: 98%;
        margin-left: auto;
        margin-right: auto;        
    }
    .welcome h1{
        padding:10px 0px;
    }
    .welcome p{
        width: 295px;
        margin: 0px auto;
        font-family: 'News Cycle', sans-serif;	
        font-size: 16px;
        padding-bottom:20px;
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);        
    }  
    
    img.phoneicon{
        width: 27px;
        display: inline-block;
        margin-left:  -8px;
        margin-right: 8px;
    }
    
    div.row_content{
        width: 98%;    
        padding: 0px;
        margin: 10px auto;
        height: auto;    
        padding-bottom: 20px;
    }

    .ourteam{
        width: 100%;
        height: 2400px;        
        padding-top: 26px;
    }


    .ourteam h1{
        width: 100%;
        padding: 0px;
        margin: 0px 0px 10px 0px;    
        text-align: center;
        font-family:'Roboto', sans-serif;
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
        font-size: 22px;
        font-weight: bold;
        text-transform: capitalize;
        color: #fff;    
    }

    .ourteam_box{
        width: 94%;
        height: auto;
        background-color: #fbfbfb;
        font-size: 16px;
        line-height: 18px;
        font-family: 'News Cycle', sans-serif;
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;        
        margin-left: 4.6%;                
        margin: 2% 0 3.8% 4.5%;        
        padding-bottom:  60px;
    }


    div.row_content > :nth-child(1){            
        margin: 2% 0 3.8% 4.5%;
    }

    div.row_content > :nth-child(3){    
        margin-right: 0;
    }

    .ourteam_image{
        width: 100%;
        margin: 62px auto 45px auto;    
        padding: 0px;
        text-align: center;
    }

    .ourteam_image img{
        width: 70%;
    }


    .ourteam_box h2{    
        font-size: 22px;
        text-align: center;
        display: block;
        width: 100%;
        padding: 0px 0px;
    }


    .ourteam_content{
        width: 98%;
        margin: 0px auto;
        text-align: center;
        font-family: 'News Cycle', sans-serif;
        font-size: 16px;
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

    }

    .ourteam_content p{
        text-align: left;
        display: block;
        font-family: 'News Cycle', sans-serif;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;    
        width: 80%;
        margin:  0px;
        margin-top: 68px;
        margin-left: 13%;            
    }

    .ourteam_content p strong{
        font-weight: 900;    
    } 
    
    
    .office_hour{
	   background-image:url(../img/office_hour_bg_mb.jpg);       
    }
    
    
    .home_contact .home_contact_content a:link, .home_contact .home_contact_content a:active, .home_contact .home_contact_content a:hover, .home_contact .home_contact_content a:visited{	
        font-size:22px;
    }
    
    .service .title{	       
        height:17px;    
    }
    
    
    
    footer{
        padding-bottom: 0px;
    }
    
    footer .note{        
        height: 100px;
    }

    .service_details {
        text-align: justify;
        margin-left: -3.5%;
        width: 95%;
    }
    
    .service_details .dental2 .side_text{
        width: 94.78%;
    }  

		
	div.solutionby{    
        border: 1px solid #b30000;
	}

	a.solutionby{
		content: url(../img/signature_normal.png);
		margin: 0px;
		margin-top: 5px;
		padding: 0px;
	}

	a.solutionby:hover{
		content: url(../img/signature_hover.png);
	}
    
}/* @media only screen and (min-width: 1024px) and (max-width: 1599px) */



/* Media Query for Mobile Potrait & Landscape [320 px] UP TO [470]  */
@media only screen and (min-width: 320px) and (max-width: 470px){
  
    .home_contact .home_contact_content{
        font-size: 22px;    
    }
    
    .welcome{        
        padding-bottom:40px;        
        min-width: 96%;
        max-width: 96%;
        margin-left: auto;
        margin-right: auto;                 
    }
    
    .welcome p{
        font-family: 'News Cycle', sans-serif;	
        font-size: 16px;
        padding-bottom:20px;
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);    
        width: 295px;
    }
    
    .welcome h1{
        padding:10px 0px;
    }    
    
    div.row_content{
        width: 98%;    
        padding: 0px;
        margin: 10px auto;
        height: auto;    
        padding-bottom: 20px;
    }

    .ourteam{
        width: 100%;
        height: 2370px;        
        padding-top: 26px;
    }


    .ourteam h1{
        width: 100%;
        padding: 0px;
        margin: 0px 0px 10px 0px;    
        text-align: center;
        font-family:'Roboto', sans-serif;
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
        font-size: 22px;
        font-weight: bold;
        text-transform: capitalize;
        color: #fff;    
    }

    .ourteam_box{
        width: 90%;
        height: auto;
        background-color: #fbfbfb;
        font-size: 16px;
        line-height: 18px;
        font-family: 'News Cycle', sans-serif;
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;        
        margin-left: 4.6%;                
        margin: 2% 0 3.8% 4.5%;        
        padding-bottom: 60px;
    }


    div.row_content > :nth-child(1){            
        margin: 2% 0 3.8% 4.5%;
    }

    div.row_content > :nth-child(3){    
        margin-right: 0;
    }

    .ourteam_image{
        width: 100%;
        margin: 62px auto 45px auto;    
        padding: 0px;
        text-align: center;
    }

    .ourteam_image img{
        width: 70%;
    }


    .ourteam_box h2{    
        font-size: 22px;
        text-align: center;
        display: block;
        width: 100%;
        padding: 0px 0px;
    }


    .ourteam_content{
        width: 98%;
        margin: 0px auto;
        text-align: center;
        font-family: 'News Cycle', sans-serif;
        font-size: 16px;
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

    }

    .ourteam_content p{
        text-align: left;
        display: block;
        font-family: 'News Cycle', sans-serif;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;    
        width: 80%;
        margin:  0px;
        margin-top: 68px;
        margin-left: 13%;            
    }

    .ourteam_content p strong{
        font-weight: 900;    
    } 
    
    .home_contact .home_contact_content a:link, .home_contact .home_contact_content a:active, .home_contact .home_contact_content a:hover, .home_contact .home_contact_content a:visited{	
        font-size:22px;
    } 
    
    .service .title{	
        text-align:center;	
        text-transform:uppercase;
        color:#FFFFFF;
        background-image:url(../img/our_service.png);
        background-position:center;
        background-size:auto 100%;
        background-repeat:no-repeat;
        height: 17px;    
    }   
    
    .office_hour{
	   background-image:url(../img/office_hour_bg_mb.jpg);       
    }
    
    footer{
        padding-bottom: 0px;
    }
    
    footer .note{        
        height: 100px;
    }

    .service_details {
        text-align: justify;
        margin-left: -3.5%;
        width: 95%;
    }
    
    .service_details .dental2 .side_text{
        width: 94.78%;
    }
	
	
	div.solutionby{    
        border: 1px solid #b30000;
	}

	a.solutionby{
		content: url(../img/signature_normal.png);
		margin: 0px;
		margin-top: 5px;
		padding: 0px;
	}

	a.solutionby:hover{
		content: url(../img/signature_hover.png);
	}   

}