@media only screen and (max-width: 960px) {
	.container {
	  width: 860px;
	}
	#header-bg .header-item {
	  margin: 0;
	  width: 33.33%;
	}
	#header-bg {
	  padding: 20px 0 0;
	}
	#cta-left {
	  width: 570px;
	}
	#cta-right {
	  width: 285px;
	}
	#body-left {
	  width: 530px;
	}
	#body-right {
	  margin-left: 30px;
	  width: 300px;
	}
	#bg-services {
	  width: 100%;
	}
	img {
	  height: auto;
	  max-width: 100%;
	}
	#logos-bg img {
	  height: auto;
	  width: 100%;
	}
	.main_menu ul li a {
	  padding: 0 5px;
	}
	.main_menu ul li:hover a {
	  font-size: 13px;
	}
	#services-bg2 a:link {
	  line-height: 1;
	}
	#services-bg .dentist-services {
	  width: 30%;
	}
	#logos-bg {
	  background-image: url("../images/logos-bg.jpg");
	  background-repeat: repeat-x;
	  box-sizing: border-box;
	  width: 100%;
	}
	#service-box {
	  overflow: hidden;
	  width: 20%;
	}
	#copyright-left {
	  width: 50%;
	}
	#copyright-right {
	  width: 50%;
	}
	#sidenav a {
	  box-sizing: border-box;
	  width: 100%;
	}
	#sidenav {
	  width: 100%;
	}
	#services-bg2 .dentist-services {
	  box-sizing: border-box;
	  margin: 0;
	  padding: 0 20px;
	  width: 33.33%;
	}
.free-image {
	width: 260px;
}
.free-image img {
	width: 100%;
	height: auto;
}
.free-overlay {
	padding-left: 0;
}
.free-content {
	overflow: hidden;
}
}
@media only screen and (max-width: 860px) {
	.container {
	  box-sizing: border-box;
	  padding: 0 10px;
	  width: 768px;
	  line-height: 1.3;
	}
	#header-right .number {
	  font-size: 30px;
	}
	#navi {
	  width: 100%;
	}
	.main_menu ul li a, .menu ul li a:visited {
	  font-size: 13px;
	}
	#service-box {
	  padding: 0 10px;
	  box-sizing: border-box;
	}
	#cta-left {
	  width: 515px;
	  font-size: 26px;
	}
	#cta-right {
	  width: 230px;
	  text-align: center;
	}
	a.cta-contact-btn {
	  display: inline-block;
	  float: none;
	  margin: 10px 0 0;
	}
	#body-left {
	  width: 480px;
	  padding: 20px 0 0;
	}
	#body-right {
	  margin-left: 5px;
	  width: 260px;
	  padding: 20px 0 0;
	}
	#side-form {
	  box-sizing: border-box;
	  margin: 25px 0 0;
	  width: 100%;
	}
	#side-quote {
	  margin: 0;
	  width: 100%;
	  margin: 10px 0 0;
	}
	#services-bg .dentist-services {
	  width: 33.33%;
	  box-sizing: border-box;
	  margin: 0;
	  padding: 0 15px;
	}
	h1 {
	  font-size: 26px;
	  padding-bottom: 10px;
	}
	#sidenav h1 {
	  font-size: 26px;
	}
	#images > iframe {
	  width: 100%;
	}
	#side-pull-quote {
	  box-sizing: border-box;
	  width: 100%;
	  padding: 15px;
	}
	table {
	  width: 100%;
	}
	#reviews {
	  width: 190px;
	}
	#images {
	  display: inline-block;
	  margin: -15px 0 0;
	}
	#side-form {
	  box-sizing: border-box;
	  overflow: hidden;
	  width: 100%;
	}
	.jotform-form .form-all {
	  overflow: hidden;
	  width: 100% !important;
	}
	#cid_4 textarea {
	  width: 400px;
	}
	#body-left > iframe {
	  overflow: hidden !important;
	}
	
}

@media only screen and (max-width: 767px) {
	#images {
	  width: 100%;
	  box-sizing: border-box;
	}
	img {
	  max-width: 100%;
	}
	.button-menu {
		display: block;
	}
	.icon_menu.open span:before {
	    transform:translateY(0px) rotate(-45deg);
		-webkit-transform:translateY(0px) rotate(-45deg);
		-moz-transform:translateY(0px) rotate(-45deg);
		-o-transform:translateY(0px) rotate(-45deg);
		-ms-transform:translateY(0px) rotate(-45deg);
	}
	.icon_menu span:before {
	    background: none repeat scroll 0 0 #60889c;
	    content: "";
	    display: inline-block;
	    height: 4px;
	    left: 0;
	    margin-top: -2px;
	    position: absolute;
	    top: 50%;
	    transform:translateY(10px) rotate(0deg);
		-webkit-transform:translateY(10px) rotate(0deg);
		-moz-transform:translateY(10px) rotate(0deg);
		-o-transform:translateY(10px) rotate(0deg);
		-ms-transform:translateY(10px) rotate(0deg);
		transition:0.5s all;
		-webkit-transition:0.5s all;
		-moz-transition:0.5s all;
		-o-transition:0.5s all;
		-ms-transition:0.5s all;
	    width: 30px;
	}
	.icon_menu.open span:after {
	    transform:translateY(0px) rotate(45deg);
		-webkit-transform:translateY(0px) rotate(45deg);
		-moz-transform:translateY(0px) rotate(45deg);
		-o-transform:translateY(0px) rotate(45deg);
		-ms-transform:translateY(0px) rotate(45deg);
	}
	.icon_menu span:after {
	    background: none repeat scroll 0 0 #60889c;
	    content: "";
	    display: inline-block;
	    height: 4px;
	    left: 0;
	    margin-top: -2px;
	    position: absolute;
	    top: 50%;
	    transform:translateY(-10px) rotate(0deg);
		-webkit-transform:translateY(-10px) rotate(0deg);
		-moz-transform:translateY(-10px) rotate(0deg);
		-o-transform:translateY(-10px) rotate(0deg);
		-ms-transform:translateY(-10px) rotate(0deg);
		transition:0.5s all;
		-webkit-transition:0.5s all;
		-moz-transition:0.5s all;
		-o-transition:0.5s all;
		-ms-transition:0.5s all;
	    width: 30px;
	}
	.icon_menu.open span {
	    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.icon_menu span {
	    background: none repeat scroll 0 0 #60889c;
	    display: inline-block;
	    height: 4px;
	    left: 5px;
	    margin-top: -2px;
	    position: absolute;
	    top: 50%;
	    width: 30px;
	}
	.icon_menu {
		height: 33px;
	    margin-top: 2px;
	    position: relative;
	    width: 36px;
	    float: left;
	}
	.icon_menu.open {
	    transition: all 0.5s ease 0s;
	    -webkit-transition: all 0.5s ease 0s;
	    -moz-transition: all 0.5s ease 0s;
	    -o-transition: all 0.5s ease 0s;
	    -ms-transition: all 0.5s ease 0s;
	}
	.main_menu {
	    border-radius: 0 0 7px;
	    position: absolute;
	    left: 0;
    	top: 100%;
	    width: 250px;
	    transform:translateX(-100%);
		-webkit-transform:translateX(-100%);
	    transition:0.8s all;
		-webkit-transition:0.8s all;
	    z-index: 9999;
	    opacity: 0;
	}
	.main_menu ul{
		display: block;
	}
	.main_menu.open {
	  background: none repeat scroll 0 0 rgba(70, 100, 115, 0.92);
	  float: left;
	  height: auto;
	  margin: 0 0 0 5px;
	  opacity: 1;
	  transform: translateX(0px);
	  -webkit-transform:translateX(0px);
	}
	.main_menu > ul > li {
	  display: inline-block;
	  float: none;
	  font-size: 14px;
	  height: auto;
	  padding: 0;
	  text-align: left;
	  width: 100%;
	}
	.main_menu > ul > li > a {
	  color: #fff;
	  padding: 0 0 0 15px;
	  text-align: left;
	}
	.main_menu ul li:hover a {
	  background: none repeat scroll 0 0 #466473;
	  font-size: 13px;
	  text-align: left;
	}
	.main_menu ul li.open ul {
	  background-color: transparent;
	  display: inline-block;
	  left: 0;
	  position: static;
	  top: 42px;
	  width: 100%;
	  box-sizing: border-box;
	}
	.main_menu ul li {
	  width: 100%;
	}
	.main_menu ul li:hover ul li a {
	  background: none repeat scroll 0 0 transparent;
	  padding: 0 0 0 30px;
	  width: auto;
	}
	.arrow-menu {
	  background: url("../images/bg-arrow.png") no-repeat scroll 0 0 / 74% auto rgba(0, 0, 0, 0);
	  height: 30px;
	  position: absolute;
	  right: 0;
	  top: 8px;
	  width: 30px;
	}
	li.open .arrow-menu {
	  background-position: 0 -31px;
	}
	.main_menu ul li:hover ul {
	  position: static;
	}
	.container {
	  width: 640px;
	}
	#header-right .number {
	  font-size: 24px;
	}
	#header-center {
	  font-size: 12px;;
	}
	#navi {
	  height: 35px;
	  margin: 15px 0 0;
	  position: relative;
	}
	#service-box a, #service-box a:visited {
	  font-size: 15px;
	  line-height: 1.5;
	}
	#bg-services {
	  height: auto;
	}
	#service-box a:hover {
	  font-size: 15px;
	  line-height: 1.5;
	}
	#cta-left {
	  font-size: 21px;
	  width: 430px;
	}
	#cta-right {
	  width: 190px;
	  font-size: 19px;
	}

	#body-left {
	  width: 385px;
	}
	#body-right {
	  width: 230px;
	  padding: 20px 0 0;
	}
	h1 {
	  font-size: 28px;
	  line-height: 1.3;
	  padding-bottom: 15px;
	}
	h2 {
	  font-size: 20px;
	}
	#side-pull-quote {
	  box-sizing: border-box;
	  font-size: 14px;
	  line-height: 1.5;
	  padding: 15px;
	  width: 100%;
	  background-size: 100%;
	}
	#body-left {
	  font-size: 14px;
	  line-height: 1.5;
	  padding: 20px 0 0;
	}
	#side-form {
	  font-size: 20px;
	}
	.form-line {
	  padding: 0 10px;
	}
	#services-bg .dentist-services {
	  width: 50%;
	}
	#logos-bg {
	  height: auto;
	}
	#footer-bg {
	  font-size: 14px;
	}
	#copyright-left {
	  font-size: 13px;
	  line-height: 1.5;
	}
	#body-left table {
	  width: 100%;
	}
.free-items {
	padding-bottom: 0;
	float:left;
	padding-top:20px;
}
.free-item h2 {
	font-size: 16px;
}
.free-content {
	overflow: hidden;
	margin-top:200px;
}	
}
@media only screen and (max-width: 639px) {
	.container {
	  width: 550px;
	}
	#header-center {
	  font-size: 10px;
	}
	#cta-bg {
	  height: auto;
	}
	#cta-left {
	  box-sizing: border-box;
	  font-size: 20px;
	  padding: 10px;
	  text-align: center;
	  width: 100%;
	}
	#cta-right {
	  text-align: center;
	  width: 100%;
	  padding: 10px 0;
	}
	#body-left {
	  width: 100%;
	}
	
	#body-right {
	  width: 100%;
	}
	#side-quote {
	  margin: 0;
	  width: 44%;
	  float: left;
	}
	#side-form {
	  box-sizing: border-box;
	  margin: 0;
	  padding: 0 20px;
	  width: 55%;
	}
	#footer-bg a:link {
	  font-size: 14px;
	}
	#body-left {
	  width: 100%;
	  padding: 20px 0 0px;
	}
	#body-left h1 br {
	  display: none;
	}
	#footer-bg {
	  font-size: 13px;
	}
	#service-box a, #service-box a:visited {
	  font-size: 13px;
	  line-height: 1.5;
	}
	#services-bg2 .dentist-services {
	  width: 50%;
	}
	#bg_containers .bg1, #bg_containers .bg2  {
		background-image:none;
	}
	#bg_containers .text  {
		margin:0 0 0 0px;
		padding:0 0 0 0px;
	  width:100%;
	  text-align:center;
	  font-size: 28px;
	  line-height:32px;
	  color:#fff;
	  padding-top:10px;
	  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
	}
	#bg_containers {
	  height: 235px;
	  width:100%;
	}
}

@media only screen and (max-width: 550px) {
	.container {
	  padding: 0 10px;
	  width: auto;
	}
	#header-left {
	  display: none;
	}
	#header-bg .header-item {
	  margin: 0;
	  width: 50%;
	}
	#bg-services {
	  text-align: center;
	}
	#service-box {
	  display: inline-block;
	  float: none;
	  margin: 0;
	  padding: 0 10px;
	  width: 49%;
	}
	#service-box br {
	  display: none;
	}
	#service-box a, #service-box a:visited {
	  font-size: 15px;
	}
	#service-box img {
	  display: block;
	  float: none;
	  width: 165px;
	}
	#service-box:nth-child(5) img {
	  display: inline-block;
	}
	#service-box > a {
	  display: inline-block;
	}
	#side-quote {
	  width: 50%;
	  margin: 0 25%;
	}
	#side-form {
	  width: 100%;
	}
	#side-form {
	  width: 70%;
	  margin: 21px 15% 0;
	}
	#services-bg .dentist-services {
	  width: 100%;
	}
	#footer-bg {
	  font-size: 10px;
	}
	#footer-bg a:link {
	  font-size: 12px;
	  padding: 0 5px;
	}
	#copyright-left {
	  width: 100%;
	  margin: 5px 0;
	}
	#copyright-right {
	  margin: 0;
	  text-align: left;
	  width: 100%;
	}
	#bg_containers .bg1, #bg_containers .bg2  {
		background-image:none;
	}
	#bg_containers .text  {
	  margin:0 0 0 0px;
	  padding:0 0 0 0px;
	  width:100%;
	  text-align:center;
	  font-size: 28px;
	  line-height:32px;
	  color:#fff;
	  padding-top:80px;
	  text-shadow: 3px 1px 2px rgba(150, 150, 150, 0.9);
	}
	#bg_containers {
	  height: 235px;
	  width:100%;
	}
	
}
@media only screen and (max-width: 479px) {
	#header-bg #header-right.header-item {
	  margin: 10px 0 0;
	  text-align: center;
	}
	#header-bg .header-item {
	  width: 100%;
	}
	#header-bg {
	  padding: 15px 0 0;
	}
	#header-center {
	  font-size: 13px;
	}
	#service-box a, #service-box a:visited {
	  font-size: 13px;
	}
	#service-box a:hover {
	  font-size: 13px;
	}
	#cta-left {
	  font-size: 15px;
	}
	#cta-left .blue {
	  font-size: 20px;
	}
	#cta-right {
	  padding: 0 0 10px;
	}
	#body-left > img {
	  width: 100%;
	  height: auto;
	}
	h1 {
	  font-size: 17px;
	  padding: 0;
	}
	h2 {
	  font-size: 15px;
	}
	#side-quote {
	  display: inline-block;
	  margin: 0;
	  width: 250px;
	  float: none;
	}
	#side-form {
	  margin: 0;
	  width: 310px;
	  display: inline-block;
	  float: none;
	}
	#footer-bg a:link {
	  line-height: 1.3;
	}
	#footer-bg {
	  font-size: 11px;
	  line-height: 1.3;
	}
	#footer-bg br {
	  margin: 2px 0 3px;
	  padding: 10px;
	  display: block;
	}
	#body-right {
	  padding: 0;
	}
	#services-bg2 .dentist-services {
	  padding: 0;
	  width: 100%;
	}
	#body-left #images {
	  box-sizing: border-box;
	  padding: 10px 0;
	  width: 100%;
	}
	.form-line {
	  padding: 0;
	}
	#images > iframe {
	  height: 250px;
	  width: 100%;
	}
	#images {
	  width: 100%;
	  box-sizing: border-box;
	  text-align: center;
	}
	#sidenav h1 {
	  font-size: 20px;
	}
	#sidenav a {
	  font-size: 14px;
	  line-height: 2.5;
	}
	#sidenav ul {
	  margin: 0;
	}
	.form-textbox, .form-textarea {
	  width: 100%;
	}
	#body-left iframe {
	  width: 100%;
	  height: 300px;
	}
	#sidenav {
		width:100%;
	  margin: 10px 0;
	}
	#reviews {
	  width: 100%;
	}
	#reviews > a {
	  margin: 5px 0;
	}
	#side-quote center a {
	  float: left;
	  width: 100%;
	  margin: 5px 0 ;
	  text-align: center;
	}
	h1 {
	  margin: 5px 0 15px;
	}
	
}
@media only screen and (max-width: 360px) {
	
	#body-left iframe {
	  height: 250px;
	}
	#bg_containers {
	  height: 140px;
	  width:100%;
	}
	#bg_containers .bg1, #bg_containers .bg2  {
		background-image:none;
	}
	#bg_containers .text  {
		margin:0 0 0 0px;
		padding:0 0 0 0px;
	  width:100%;
	  text-align:center;
	  font-size: 28px;
	  line-height:32px;
	  color:#fff;
	  padding-top:30px;
	  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
	}
	#sidenav {
	  width: 260px;
	  padding-left:20px;
	  border-radius: 10px;
	}
	
	#side-form {
	  width: 100%;
	  padding: 0;
	}
	#service-box {
	  width: 80%;
	  margin: 10px 10% 0;
	}
	#service-box {
	  margin: 10px 0 0;
	  padding: 0 30px;
	}
	#cta-left {
	  font-size: 14px;
	}
	#cta-left .blue {
	  font-size: 18px;
	}
	h1 {
	  font-size: 14px;
	}
	#copyright-left {
	  font-size: 11px;
	}
	#copyright-right a:link {
	  font-size: 12px;
	}
	#copyright-right {
	  font-size: 12px;
	}
	.dentist-services a{
		line-height:18px; padding-top:2px;
	}
}