﻿@media only screen and (max-width:767px) 
{
	.dbox{ display:block; margin:auto; width: 100%; max-width:300px !important; float: none; }

	#photo1 {
		border-width: 6px 5px 22px
	}
	#photo2, #photo3 {
		border-width: 5px 5px 22px
	}
}


@media screen and (max-width:759px) 
{

.img-responsive { display:block; margin:0 auto !important; float:none !important; }

.icon-01 { left: 0;}

.icon-02 { right: 0;}

.text-div h2 { font-size:44px; margin-top:10px; }

.face-wrapper { padding:0px; background:transparent; }

.face-info { position: relative; bottom: auto; background: #dadce9; width: 100%; max-width: 500px; text-align: center; margin: 0 auto; left: 0; right: 0; border-radius: 10px; padding: 5px 0; margin: 10px auto;}

.face-info h3 { margin:5px 0; }

.map-50 {
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding: 0 10px;
  text-align: center;
  vertical-align: top;
}

.app-left-div, .app-text-div { display:block; float:none; margin:0 auto; width:100%; max-width:450px; }

.right-logo-div { width: 100%; max-width: 98%; text-align: center; display: block; background: #eae9df; margin: 0 auto;}

.text-div { display: block; width: 100%; max-width: 98%; padding: 0 20px 0 0; margin: 0 auto;}

.home-text-content { background:#fff; }

.img-cor { position: relative; margin: 0; left: 0; top: 0; float: none; display: block; width: 100%; max-width: 300px; text-align: center;    margin: 0 auto; }

.img-cor a { width:100%; max-width:100% !important; margin:5px 0; }

#menu-thin a:hover, #mobile-menu>a:hover, .block>a, .sidr li a, ul.special-block a, ul.special-block-hr a li>div, ul.special-block-hr a:hover li>div {
	text-decoration: none
}
#mobile-menu {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 5px 0 10px
}
.touch-with-ul>a:after {
	position: absolute;
	font-size: 14px;
	top: 50%;
	right: 1em;
	margin-top: -7px;
	content: "\f0d7";
	font-family: FontAwesome;
	font-weight: 400;
	font-style: normal;
	line-height: 1em
}
li.touch-with-ul.touch-hover:after>a {
content:"\f0d8"
}
.sidr {
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999999;
	width: 260px;
	overflow-x: none;
	overflow-y: auto;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #fff;
	background: #333;
	background: -moz-linear-gradient(left, #333 0, #191919 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #333), color-stop(100%, #191919));
	background: -webkit-linear-gradient(left, #333 0, #191919 100%);
	background: -o-linear-gradient(left, #333 0, #191919 100%);
	background: -ms-linear-gradient(left, #333 0, #191919 100%);
	background: linear-gradient(to right, #333 0, #191919 100%);
	-pie-background: linear-gradient(left, #333 0, #191919 100%);
	behavior: url(/PIE.htc)
}
.admin-bar .sidr {
	top: 24px
}
.sidr .menu {
	height: auto;
	visibility: visible;
	background: 0 0;
	margin: 0 0 50px
}
.sidr .sidr-inner {
	padding: 0 0 15px
}
.sidr .sidr-inner>p {
	margin-left: 15px;
	margin-right: 15px
}
.sidr.right {
	left: auto;
	right: -260px
}
.sidr.left {
	left: -260px;
	right: auto
}
.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 {
	font-size: 11px;
	font-weight: 400;
	padding: 0 15px;
	margin: 0 0 5px;
	color: #fff;
	line-height: 24px;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #4d4d4d), color-stop(100%, #1a1a1a));
	background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);
	background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);
	background-image: -o-linear-gradient(#4d4d4d, #1a1a1a);
	background-image: linear-gradient(#4d4d4d, #1a1a1a);
	-webkit-box-shadow: 0 5px 5px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 5px 3px rgba(0,0,0,.2);
	box-shadow: 0 5px 5px 3px rgba(0,0,0,.2)
}
.sidr p {
	font-size: 13px;
	margin: 0 0 12px
}
.sidr p a {
	color: rgba(255,255,255,.9)
}
.sidr>p {
	margin-left: 15px;
	margin-right: 15px
}
.sidr ul {
	display: block;
	margin: 0 0 15px;
	padding: 0
}
.sidr .sf-menu li {
	display: block;
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #4d4d4d;
	-webkit-box-shadow: -8px 10px 0 -9px #1a1a1a;
	-moz-box-shadow: -8px 10px 0 -9px #1a1a1a;
	box-shadow: -8px 10px 0 -9px #1a1a1a;
	background: 0 0
}
.sidr .sf-menu {
	float: none;
	width: 100%
}
.sidr .sf-menu>li {
	width: auto;
	float: none;
	line-height: normal
}
.sidr li li, .sidr li.sidr-class-active {
	line-height: 17px
}
.sidr li.sidr-class-active>a {
	-webkit-box-shadow: inset 0 0 15px 3px #222;
	-moz-box-shadow: inset 0 0 15px 3px #222;
	box-shadow: inset 0 0 15px 3px #222
}
.sidr li a {
	padding: 6% 30px 6% 5px;
	display: block;
	font-size: 1.6em;
	font-family: Raleway, tahoma, verdana, arial, sans-serif;
	font-weight: 700
}
.sidr label, .sidr li li {
	font-size: 13px
}
.sidr .sf-menu li ul {
	border-bottom: 0;
	margin: 0;
	position: relative;
	left: 0;
	width: 100%!important;
	background: 0 0;
	min-height: 100%
}
.back-div {
	width: 100%;
	position: relative
}
.sidr li li {
	background: #1E1E1E
}
.sidr li li:last-child {
	border-bottom: 0
}
.sidr li li a {
	padding-left: 30px
}
.sidr .sf-menu ul ul li {
	background: #000
}
.sidr li li li a {
	padding-left: 45px
}
.sidr form {
	margin: 0 15px
}
.sf-menu ul.menu-services {
	min-width: auto
}
.sf-menu ul.menu-services li {
	display: block;
	width: auto
}
#mobile-menu, #mobile-menu>a {
	font-size: 24px;
	color: #fff
}
#mobile-menu>a {
	float: left;
	display: block;
	padding: 10px;
	line-height: 20px
}
#mobile-menu a.practice-link {
	float: none;
	font-size: 16px;
	line-height: 24px;
	text-align: center
}
.sidr li a {
	color: #FFF;
	text-align: left;
	padding-right: 36px
}
.sidr li li a {
	color: #ccc
}
.sidr .sidebar-search {
	position: relative;
	padding: 10px 0;
	border: none
}
.sidebar-search .input-medium {
	width: 184px;
	padding-right: 28px
}
.sidebar-search button {
	line-height: 1em;
	margin-left: -40px;
	position: absolute;
	right: 5px;
	top: 16px;
	background: 0 0;
	border: none;
	border-left: 1px solid #CCC
}
ul.children {
	display: none
}
ul.show-touch-menu {
	position: static!important;
	display: block
}
#photo1 {
	border-width: 10px!important;
	display: inline-block;
	float: none;
	position: relative;
	top: 30px;
	left: 0;
	width: 50%
}
#photo2, #photo3 {
	display: none
}
.container-fluid h2 {
	color: #000;
	background: 0 0;
	margin: 0;
	width: 80%;
	text-align: center;
	font-size: 20px;
	position: relative;
	top: 20px;
	left: 0
}
.slider-title-two {
	font-size: 18px
}
.slider-title-one {
	font-size: 16px
}
ul.flipper {
	margin: 0 auto
}
.banner-new-1, .banner-new-2 {
	background-position: 0 0;
	min-height: 100%
}
.inner-div {
	padding: 0
}
.row-fluid {
	position: static;
	z-index: 2001
}
.row-fluid h1 {
	font-size: 22px;
	font-weight: 700
}
.row-fluid h3 {
	font-size: 16px;
	font-weight: 700
}
.banner-new-1 {
	background-size: cover;
	padding: 31% 0;
	background-image: none
}
.banner-new-2 {
	background-size: 100% 100%;
	padding: 170px 0
}
.container-fluid {
	display: inline-block;
	width: 100%!important;
	max-width: 100%;
	position: absolute;
	text-align: center;
	top: 0
}
#header-wrapper {
	padding: 0;
	width: 100%;
	z-index: 997
}
#photo1 {
	margin: -30 auto!important
}
.menu-btn {
	background: #41594c;
	display: inline-block!important;
	text-align: center;
	float: none!important;
	width: 45px
}
.mob-none {
	display: none!important
}
.desk-none {
	display: inline-block!important;
	width: 100%!important
}
.smile-box li {
	display: inline-block;
	width: 98%;
	padding: 10px
}
.footer-2-map, .footer-2-office-div {
	width: 100%
}
#content-main ul.children {
	display: inline-block!important
}
.rotator-box {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	display: block;
	padding: 20px 0
}
.mobile-rotator {
	display: inline-block;
	width: 100%;
	background: #a6cbb4
}
.column-clear.testimonials-page {
	margin-right: 0;
	width: 100%;
	max-width: 100%
}
ul.special-block a li.four, ul.special-block a li.one, ul.special-block a li.three, ul.special-block a li.two, ul.special-button-image a li, ul.special-button-image li {
	background-image: url(/Go8/images/arrow.png);
	background-position: 95%;
	background-repeat: no-repeat
}
section.insurance article, section.insurance figure {
	width: 90%
}
.video-box-new {
	width: 95%;
	text-align: center
}
section.insurance figure, ul.flipper li.box2, ul.flipper-inner li.box2 {
	display: none
}
.video-box-li {
	float: none
}
ul.footer-NAP li {
	display: block;
	text-align: center;
	margin: auto
}
ul.footer-NAP li.social {
	float: none;
	margin: 20px 0 0
}
.special-fluid {
	display: block;
	padding: 30px 0
}
.back, .flip-container, .front {
	width: 100px;
	height: 100px
}
ul.flipper li {
	margin: 0 10px 0 0
}
ul.special-block, ul.special-button-image {
	margin: 0 auto;
	width: auto;
	box-shadow: none
}
.slider-wrapper {
	height: 360px;
	position: relative
}
ul.special-block {
	padding: 10px 0;
	border: none
}
ul.special-block li {
	display: block;
	padding: 5px 10px;
	text-align: left;
	vertical-align: middle;
	background-color: rgba(96,96,96,.3)
}
ul.special-block a li {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Open sans', serif;
	letter-spacing: normal
}
ul.special-block a li img {
	border-radius: 50px;
	border: none
}
ul.special-block a:hover li {
	color: #fff
}
ul.special-button-image {
	padding: 10px 0;
	border: none;
	float: none
}
ul.special-button-image li {
	padding: 5px 10px;
	margin: 0 0 5px;
	text-align: left;
	vertical-align: middle;
	border: none
}
ul.special-button-image a li {
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	background-color: rgba(96,96,96,.3)
}
ul.special-button-image li.smile {
	padding: 8px 10px;
	background-size: 50px;
	background-image: url(/go8/images/smile.png);
	background-repeat: no-repeat;
	background-position: 98%
}
#header-wrap.smaller {
	height: auto
}
.hidden {
	background: rgba(0,34,74,.9)!important;
	box-shadow: 0 0 0 0 #000;
	display: none;
	padding: 0;
	position: relative;
	top: 0;
	z-index: 999999
}
.hidden a {
	border-bottom: 0 solid #00275a;
	padding: 10px 0 7px 20px;
	width: 100%
}
ul.block a li>div, ul.special-block-hr a li>div {
	padding: 10px 0 10px 10px;
	font-size: 15px;
	letter-spacing: 0
}
ul.block a li, ul.special-block-hr a li {
	list-style: none;
	border: 0;
	width: 200px;
	position: relative;
	text-decoration: none
}
ul.block a li {
	display: block;
	margin: 0
}
ul.block a li img {
	display: none
}
ul.block a li>div {
	margin: 0 0 5px
}
ul.special-block-hr a li {
	margin: 10px
}
.desktop {
	display: none
}
ul.special-block-hr a li>div {
	background-color: #d3d3d3;
	margin: 0 0 5px;
	text-align: left;
	color: #002f5f
}
ul.special-block-hr a:hover li>div {
	background-color: #002f5f;
	color: #FFF
}
.special-btn {
	margin: 5px 0 10px
}
.special-btn li {
	background: rgba(237,170,55,.3);
	border: 5px solid #796543;
	color: #fff;
	display: inline-block;
	margin: 10px 0 0 5px;
	padding: 8px 10px;
	width: 84%
}
#footer, #header-wrap {
	background-size: auto
}
.scrollToTop {
	bottom: 0!important;
	right: 10px;
	top: 90%!important
}
.padding {
	overflow-y: scroll
}
#header-wrap {
	height: auto;
	position: relative;
	z-index: 0
}
#header-wrapper {
	margin: 0
}
#special-wrapper, #special-wrapper-Inner {
	padding: 30px 0 0;
	margin: 0;
	max-width: 100%;
	text-align: center;
	display: table-footer-group;
	float: none
}
ul.special-button-image li {
	width: 90%;
	float: none;
	display: inline-block
}
ul.special-block li {
	margin: 3px auto;
	width: 85%
}
#content-main {
	width: auto;
	/*display: table-header-group*/
}
#content-main img {
	max-width: 100%;
	height: auto;
	outline: 0;
	width: auto
}
#footer {
	background-position: left top
}
.content-wrapper {
	/*display: table;*/
	width: auto;
	margin: 0 10px;
	padding: 0 15px
}
.header-top {
	width: 95%;
	display: table;
	padding: 2% 0
}
.content-page-title {
	font-size: 30px
}
nav#menu-thin-pulldown {
	padding-top: 5px
}
nav#menu-thin-pulldown ul {
	display: none;
	background-color: #655231
}
nav#menu-thin-pulldown>ul>li>a {
	line-height: 20px;
	padding: 5px 8px
}
#menu-thin-direction, #menu-thin-phone {
	background-color: #ffd79c;
	text-align: center;
	color: #000;
	font-family: Lato, serif;
	padding: 10px 0
}
nav#menu-thin-pulldown ul li {
	display: block;
	text-align: left;
	padding: 0 0 0 15px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #806b46;
	background-image: url(/Go8/images/arrow.png);
	background-repeat: no-repeat;
	background-position: 90%;
	background-size: 10px
}

body,
#menu-thin-direction,
#menu-thin-phone {
	font-family: var(--site-body-font);
	font-size: var(--site-body-font-size);
}
nav#menu-thin-pulldown>ul>li:hover>ul {
	display: none
}
#menu-thin {
	display: block;
	text-align: center
}
#menu-thin a {
	font-size: 18px;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	color: #fff;
	line-height: 40px;
	display: inline-block;
	padding: 0 1%
}
ul.header-NAP {
	margin: auto;
	float: none;
	text-align:center;
	max-width: 100%;
	display: table-footer-group
}
ul.header-NAP li, .img-button {
	float: none;
	text-align: center
}

.header-call-ul { display:none; }

ul.header-NAP li a {
	text-align: center
}
ul.header-NAP li.header-phone {
	font-size: 20px
}
.img-button, ul.header-NAP a.img-button li {
	float: none;
	margin: auto
}
ul.header-NAP-left {
	margin: auto;
	float: none;
	max-width: 100%
}
ul.header-NAP-left li {
	float: none;
	text-align: center
}
ul.header-NAP-left li a {
	text-align: center
}
#header-logo {
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	background-size: 70%;
	background-position: center top
}
#header-phone {
	font-size: 22px
}
ul.header-logo {
	margin: 10px auto;
	float: none;
	width: 100%;
	position: static;
	text-align:center;
	display: table-header-group
}
ul.header-logo li {
	float: none;
	text-align: center;
	font-size: 20px;
	letter-spacing: -1px;
	display:inline-block;
}
ul.header-logo li.text {
	font-size: 30px
}
ul.header-logo li.header-practice-name {
	font-size: 34px;
	float: none;
	margin: 5px 0
}
ul.header-logo li.dr-name {
	font-size: 25px
}
ul.header-logo li.img-logo {
	float: none;
	margin: 0;
	top: 0;
	position: relative;
	text-align: center
}
ul.header-logo li img {
	width: 300px;
}
h1 {
	font-size: 27px
}
h2 {
	font-size: 20px
}
ul.header-logo li.img-logo img {
	width: 300px
}
#pull {
	display: block;
	text-align: center
}
#menu-thin-offer {
	background-color: #ffd79c;
	display: none;
	padding: 25px 10px 15px;
	text-align: center;
	color: #000;
	font-size: 16px
}
#menu-thin-direction a, #menu-thin-offer div, #menu-thin-offer p, #menu-thin-offer span, #menu-thin-offer td, #menu-thin-phone a {
	color: #000
}
#menu-thin-direction {
	display: none;
	font-size: 18px
}
#menu-thin-phone {
	display: none;
	font-size: 26px
}
#curve, #header-wrapper {
	display: none
}
#rotator-area {
	width: auto;
	float: none;
	margin: 0 0 10px
}
}

@media screen and (max-width:530px) 
{
	#header-wrap {
		background-size: auto
	}
	textarea {
		width: 250px
	}
	ul.header-logo li.text {
		font-size: 30px
	}
	section.services ul li {
		width: 45%
	}
	.slider-wrapper {
		height: 390px
	}
}
