@media (min-width: 1300px) { 
	
}
@media (max-width: 1160px) {
	html { -webkit-text-size-adjust: none; }

	
	.container {
		width: 98%;
	}
	
	#navigation li { margin-right: 20px; }
	#navigation li a { font-size: 14px; }
	
	.about .overview { padding: 0px 100px; }
	.about .benefits .item { margin: 0px 2%; width: 29%; }
	
	.reviews .slider { padding: 0px 45px; }
	.reviews .slider .arrow-prev { left: 0px; }
	.reviews .slider .arrow-next { right: 0px; }
	
	.office .images ul { overflow: hidden; }
	.office .images li { float: left; margin: 0px 1%; width: 23%; }
	.office .map { width: 48%; }
	.office .details { width: 48%; }
	.office .details .column-1 { width: 48%; }
	.office .details .column-2 { width: 48%; }
}
@media (max-width: 1024px) { 
	
	#navigation li { margin-right: 10px; }
	
}
@media (max-width: 960px) {
	#navigation li { margin-right: 0px; }
	
	.banner .overview { padding-right: 300px; }
	
	.office .details .column-1 {
		float: none;
		margin-bottom: 15px;
		width: 100%;
	}
	.office .details .column-2 {
		float: none;
		width: 100%;
	}
}
@media (max-width: 900px) {
	
	#header .logo a { font-size: 30px; }
	
	#header .contact-info { margin: 15px 0px; }
	#header .contact-info .text a { font-size: 18px; }
	#header .contact-info .btn-pink { background-position: 5px 50%; padding: 10px 15px 10px 40px; }
	
	
	#navigation li a { font-size: 13px; }
	
	.page-about-dr-jennifer-a-yue .entry-content .images span { margin: 0px 1%; width: 48%; }
}
@media (max-width: 840px) {
	#navigation li a { font-size: 12px; }
}
@media (max-width: 800px) {

	* { -webkit-overflow-scrolling: touch; }
	
	#wrapper { padding-top: 91px; }
	
	#header { display: none; padding: 10px 0px; text-align: center; }
	
	#header .logo { float: none; margin: 0px 0px 10px; }
	#header .logo a { font-size: 28px; }
	#header .contact-info { float: none; margin: 0px; }
	#header .contact-info span { display: block; }
	#header .contact-info .button { margin: 0px; }
	#header .contact-info .text { margin-bottom: 5px; }
	#header .contact-info .text a { font-size: 18px; }
	
	
	#mobile-header {  display: block; padding-top: 44px; position: absolute; left: 0px; top: 0px;  width: 100%;}
	#mobile-header .buttons { background: #f76f90; height: 44px; overflow: hidden; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 100; }
	#mobile-header .buttons .item { float: left; height: 44px; line-height: 44px; text-align: center; width: 20%; }
	#mobile-header .buttons .item-2 { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; float: left; width: 60%; }
	#mobile-header .buttons .item a { color: #ffffff; display: block; height: 100%; width: 100%; }
	#mobile-header .buttons .item img { margin-bottom: 5px; vertical-align: middle; }
	#mobile-header .logo { background: #ffffff; border-bottom: 1px solid #d6d6d6; padding: 10px; text-align: center; }
	#mobile-header .logo a { color: #014a97; font-family: 'Alex Brush', cursive; font-size: 34px; }
	
	#navigation { display: none; }
	
	
	.mobile-navigation-toggle { display: block; color: #ffffff; height: 20px; font-size: 35px; right: 8%; position: fixed; top: 15px; width: 25px; z-index: 1001; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); 		-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
	.mobile-navigation-toggle span { display: block; position: absolute; height: 2px; width: 100%; background: #ffffff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out;  transition: .25s ease-in-out; }
	.mobile-navigation-toggle span:nth-child(1) { top: 0px; }
	.mobile-navigation-toggle span:nth-child(2),
	.mobile-navigation-toggle span:nth-child(3) { top: 7px; }
	.mobile-navigation-toggle span:nth-child(4) { top: 14px; }
	.mobile-navigation-toggle.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
	.mobile-navigation-toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.mobile-navigation-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.mobile-navigation-toggle.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
	
	.mobile-navigation-list { background: #014a97; display: none; height: 100%; left: 0px; overflow: auto; padding-top: 20px; position: fixed; top: 0; width: 100%; z-index: 999; }
	.mobile-navigation-list li { display: block; text-align: center; }
	.mobile-navigation-list a { color: #ffffff; display: block; font-size: 18px; padding: 15px; }
	
	.about .container,
	.custom-smiles .container,
	.reviews .container,
	.office,
	#sub-footer,
	#footer .container { padding: 30px 0px; }
	
	.banner { background: none; min-height: 0px; }
	.banner .container { width: 100%; }
	.banner .overview { padding: 20px 0px; }
	.banner .overview h2 { color: #014a97; font-size: 40px; margin-bottom: 15px; padding: 0px 20px; }
	.banner .overview h3 { color: #000000; font-size: 24px; padding: 0px 20px; }
	.banner .overview p { color: #848484; font-size: 18px; line-height: 22px; margin-bottom: 15px; padding: 0px 20px; }
	.banner .overview .image { display: block; }
	.banner .overview .btn { display: none; }
	
	.office .map { float: none; margin-bottom: 20px; width: 100%; }
	.office .details { float: none; width: 100%; }
	.office .details .column-1 { float: none; margin-bottom: 20px; width: 100%; }
	.office .details .column-2 { float: none; width: 100%; }
	
	.content-main { float: none; margin-bottom: 30px; width: 100%; }
	.content-sidebar { float: none; width: 100%; }
	
	.page-smile-gallery .entry-content { padding: 0px; }
	
}
@media (max-width: 640px) { 
	.container { width: 92%; }
	
	.btn-blue { font-size: 14px; padding: 10px 15px; }
	.btn-white { font-size: 14px; padding: 10px 15px; }
	.btn-pink { font-size: 14px; padding: 10px 15px; }
	
	#mobile-header .logo a { color: #014a97; font-family: 'Alex Brush', cursive; font-size: 26px; }
	
	.mobile-navigation-toggle { right: 7%; }
	
	.banner .container { width: 100%; }
	
	.about h2 { font-size: 40px; }
	.about .overview { margin-bottom: 30px; padding: 0px; }
	.about .overview p { font-size: 16px; line-height: 22px; }
	.about .benefits .item { float: none; margin: 0px 0px 30px; width: 100%; }
	.about .logos li { display: block; }
	
	.custom-smiles .title { margin-bottom: 15px; }
	.custom-smiles .title h2 { font-size: 30px; }
	.custom-smiles .title h3 { font-size: 24px; }
	.custom-smiles .overview { padding: 0px; }
	.custom-smiles .overview p { font-size: 16px; line-height: 22px; margin-bottom: 15px; }
	
	.reviews .title { margin-bottom: 20px; }
	.reviews .title h2 { font-size: 30px; }
	.reviews .title p { font-size: 16px; line-height: 22px; }
	.reviews .slider .stage ul { margin: 0px; }
	.reviews .slider .stage li {  }
	.reviews .slider .box .inner { padding: 20px; }
	.reviews .slider .box .rating { margin-bottom: 10px; }
	.reviews .slider .box .message { font-size: 16px; line-height: 20px; }

	.office .title h2 { font-size: 30px; }
	.office .title p { font-size: 16px; line-height: 22px; }
	.office .images li { float: none; margin: 0px 0px 10px; text-align: center; width: 100%; }
	.office .overview { padding: 0px; }
	
	#sub-footer .title h2 { font-size: 30px; }
	#sub-footer .overview { margin-bottom: 15px; }
	#sub-footer .overview h3 { font-size: 20px; line-height: 30px; }
	#sub-footer .overview p { font-size: 16px; }
	
	
	#footer .socials-icons li { width: 14%; }
	#footer .newsletter input[type="text"],
	#footer .newsletter input[type="email"]	{ margin-bottom: 15px; width: 100%; }
	#footer .newsletter  input[type="submit"] { width: 100%; }
	#footer .socials-reviews li { display: block; margin: 0px 0px 5px; }
	
	.post { margin-bottom: 30px; }
	.entry-content h2 { font-size: 26px; line-height: 30px; }

	#gallery-slider { border: 0px none; box-shadow: 0px 0px 0px 0px transparent; }
	#gallery-slider .stage { padding: 0px; }
	#gallery-slides li { margin-bottom: 25px; position: relative!important; left: 0px!important; top: 0!important; visibility: visible!important; }
	#gallery-slides .cycle-sentinel { display: none!important; }
	#gallery-slides .arrow-prev { display: none; }
	#gallery-slides .arrow-next { display: none; }
	#gallery-slide-thumbnails { display: none; }
	
	.entry-title .entry-subtitle { font-size: 32px; }
	
	.page-about-dr-jennifer-a-yue .entry-content .images span { display: block; margin: 0px 0px 10px; width: 100%; }
	
	.custom-smiles .overview .before-after span { display: block; margin: 0px 0px 15px; }
	
	#mep_0 { max-width: 100%; }
	
}
@media (max-width: 480px) { 
	
}