/*
Theme Name: AmericaSmiles.com
Author: AmericaSmiles
Author URI: http://americasmiles.com/
Theme URI: http://americasmiles.com
Description: AmericaSmiles.com is a flexible multipurpose theme made for, as the name suggests, <a href="http://americasmiles.com">AmericaSmiles.com</a> (http://americasmiles.com/).
Version: 1.0.0
License: GNU General Public License 2.0
License URI: <a href="http://www.gnu.org/licenses/gpl-2.0.html">GNU General Public License 2.0</a> (http://www.gnu.org/licenses/gpl-2.0.html)
Tags: responsive-layout, fluid-layout, custom-background, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, black, white, light, one-column, two-columns, full-width-template
*/

/* Fonts */

@font-face {
    font-family: HelveticaNeue;
    src: url('font/helveticaneue.eot');
    src: url('font/helveticaneue.eot#iefix') format('embedded-opentype'),
         url('font/helveticaneue.woff') format('woff'),
         url('font/helveticaneue.ttf') format('truetype'),
         url('font/helveticaneue.svg') format('svg');
}

/* Global Styles */

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
}

body {
	background: #353535;
	overflow-x: hidden;
}


/* Global Classes */

.text-white {color: #ffffff;}

.btn-light-blue {background: #00caff;}
.btn-light-blue:hover {background: #38b2d0;}


/* Home Page */

#site-logo {
	width: 300px;
	height: 300px;
	/*background: url(img/americasmiles-logo.min.png) no-repeat;*/
}

#circle-container {

}

.circle {
    /*width:260px;
    height:260px;
    border-radius:250px;*/
    font-size:1.3em;
    font-weight: 700;
    font-family: "Arial";
    text-decoration: none !important;
    text-align:center;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 0;
    padding: 50% 0;
    border: 6px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    line-height: 100%;
    z-index: 1000;
    /*display: table;*/
}

.circle-content {
	position: relative;
	top: -400px;
    color: #ffffff;
}

.circle-content h1 {
	font-family: HelveticaNeue;
	font-weight: 800;
	font-size: 2.6em;
	text-shadow: 1px 1px 1px rgba(60, 60, 60, 1);
	word-spacing: 5px;
    text-transform: uppercase;
	padding-bottom: 20px;
}


.circle-transition {
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;
}

.circle-transition:hover {
	/*-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);*/
	-moz-box-shadow: -8px -8px 8px #808080;
	-webkit-box-shadow: -8px -8px 8px #808080;
	box-shadow: -8px -8px 8px #808080;
}

.circle-search {background:#d61e2d;}

#body-row {
	background: #009cfe; /* Old browsers */
	background: -moz-linear-gradient(top,  #009cfe 0%, #9fdeff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009cfe), color-stop(100%,#9fdeff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #009cfe 0%,#9fdeff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #009cfe 0%,#9fdeff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #009cfe 0%,#9fdeff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #009cfe 0%,#9fdeff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009cfe', endColorstr='#9fdeff',GradientType=0 ); /* IE6-9 */
	width: 110%;
}

#body-section-2 {
	margin-bottom: -200px;
	overflow: hidden;
}

#img-container {
	margin-bottom: -200px;

}

#img-family {
	height: 900px;
	width: 1000px;
	background: url(img/americasmiles-family.min.png) no-repeat;
	position: relative;
	top: 250px;
	left: -150px;
	z-index: 1004;
	max-height: 900px;
	overflow: hidden;
}

#search-input {
	font-size: 1.6em;
	height: 70px;
	margin-top: 20px;
}

#btn-search {
	font-size:1.3em;
    font-weight: 700;
    font-family: "Arial";
    text-decoration: none !important;
    text-align:center;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 0;
    padding: 50% 0;
    border-radius: 50%;
    color: #ffffff;
    line-height: 100%;
    z-index: 1000;
}

.search-options {
	color: #ffffff;
	text-decoration: underline;
}

.search-options:hover {
	color: #74c7fb;
}


#desktopContainer {
	width: 70%; 
	padding-top: 0px;
}


#mobileContainer {
	margin-top: 50px; 
	min-height: 520px; 
	height: 80%;
}

#mobileTitle {
	color: #ffffff;
	font-family: HelveticaNeue;
	font-weight: 800;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px rgba(60, 60, 60, 1);
}


#searchDentistsMobile {
	width: 87%;
}


.mobile-label {
	color: #ffffff;
	text-shadow: 2px 2px 2px rgba(60, 60, 60, 1);
}

#footer-row {
	position: relative;
	background: #353535;
	z-index: 1005;
	min-height: 200px;
}

#footer-row h3 {
	color: #ffffff;
	font-weight: 600;
}

#footer-row div.col-xs-12 {
}

.footer-section-container {
	width: 300px;
	margin-left: 30%;
}

.footer-links {
	padding-left: 0px;
}

.footer-links li {
	list-style-type: none;
}

.footer-links li a {
	color: #ffffff;
	text-decoration: underline;
}

.footer-links li a:hover {
	color: #74c7fb;
}

.footer-social-links {
	padding-left: 0px;
}

.footer-social-links li {
	float: left;
	list-style-type: none;
	margin-right: 10px;
}

.footer-social-icon {
	width: 50px;
	height: 50px;
	position: relative;
	left: -50px;
}

#footer-social-icon-1 {
	background: url(img/facebook.png) no-repeat;
}

#footer-social-icon-2 {
	background: url(img/twitter.png) no-repeat;
}

#footer-social-icon-3 {
	background: url(img/google-plus-icon.png) no-repeat;
}

#footer-social-icon-4 {
	background: url(img/linkedin.png) no-repeat;
}


/* Other Pages */

#header-row {
	height: 80px;
}

#header-row,
#header-row nav {
	background: #ffffff;
}

#header-row nav {
	background: #ffffff;
}

#top-nav {
	border: none;
}

#top-links li a {
	color: #0e9ae3;
	font-weight: 700;
}

#top-links li a:hover {
	color: #0080c3;
}

#header-title img {
	position: relative;
	top: -40px;
	max-height: 120px;
}

#page-row {
	background: #f5f2ef;
	color: #000000;
	border-top: 1px solid #cccccc;
	padding-top: 50px;
	padding-bottom: 50px;
}

#page-section-2 {
	position: relative;
	border: 1px solid #cccccc;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
}

#main {
	background: #ffffff;
}


.fl-photo-caption.fl-photo-caption-below {
	font-size: 1.3em;
	font-weight: 600;
}


/* Search Page */

#nav-search {
	border: 1px solid #cccccc;
	background: #ebf4f6;
	width: 100%; 
	height: 100%;
	margin: 0px;
	padding: 0px;
}

#nav-search .navbar-nav li {
	padding-right: 7px;
	padding-bottom: 5px;
}

#nav-search .navbar-nav .form-control {
	height: 50px;
}

#nav-search-btn {
	margin-top: 20px;
	height: 50px;
}

#search-container {
	margin: 0px;
	padding: 0px;
}

.search-results {
	padding-left: 30px;
	padding-right: 30px;
}

#search-results-header {
	font-size: 1.3em;
}

#search-row {
	z-index: 100;
}

.map-info-window {
	height: 220px;
	width: 100%;
	line-height: 1.35;
	overflow: hidden;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	min-width: 280px;
}

.map-info-window li {
	line-height: 1.35;
	overflow: hidden;
	white-space: nowrap;
	list-style-type: none;
}

.map-info-picture {
	width: 100%;
	height: 110px;
}

.map-info-picture ul {
	margin: 0px;
	padding: 0px;
}

.map-info-picture ul li {
	float: left;
}

.map-info-picture ul li a {
	margin-top: 3px;
	margin-left: 35px;
	margin-right: 35px;
	width: 130px;
}

.map-info-picture ul li a:first-child {
	margin-top: 0px;
}

.map-info-picture-box {
	width: 80px;
	border: 1px solid #cccccc;
}

.map-info-distance {
	position: relative;
	top: -17px;
	left: 5px;
}

.map-info-details {
	width: 100%;
	padding-top: 10px; 
	border-top: 1px solid #cccccc;
}

.map-info-details p {
	margin: 0px;
	padding: 0px;
}

.distance {
	font-weight: 700;
	margin-left: 15px;
	position: relative;
	top: -10px;
}

.suffix {
	color: #999999;
	font-size: 0.75em;
	font-weight: 700;
}

.img-link {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

.img-link:hover, .img-default-link:hover {
	text-decoration: none !important;
}

.map-info-picture-box .img-default-link {
	position: relative;
	top: 0px;
	left: 0px;
}

.map-info-picture-box span {
	position: relative;
	left: -5px;
}

.map-info-picture-box .img-default-link strong {
	position: relative;
	top: 0px;
	left: 0px;
}

.map-info-picture-box .img-link {
	position: relative;
	top: -20px;
}

#pagination {
	margin-left: 20px;
}


/* Custom modification to the Google Map infowindow */

.gm-style-iw div {
	overflow: hidden !important;
}



/* Dentist Page */


.address-spacer {
}


.image-profile {
	cursor: pointer;
}


#lightGallery {
	width: 220px;
	margin-top: 10px;
	margin-bottom: 10px;
	white-space: nowrap;
}


#lightGallery li {
	display: inline-block;
	width: 70px;
	height: 100px;
	margin-right: 0px;
	padding-right: 0px;
	overflow-y: hidden;
}


#lightGallery li img {
	width: 70px;
	height: auto;
	margin-right: 0px;
	padding-right: 0px;
}


/* Social Button CSS */

.share-btn {
    display: inline-block;
    color: #ffffff;
    border: none;
    padding: 0.2em;
    width: 2.0em;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    outline: none;
    text-align: center;
    font-size: 2.0em;
    margin-bottom: 10px;
}

.share-btn:hover {
  color: #eeeeee;
}

.share-btn:active {
  position: relative;
  top: 2px;
  box-shadow: none;
  color: #e2e2e2;
  outline: none;
}

.share-btn.twitter    { background: #55acee; }
.share-btn.googleplus { background: #dd4b39; }
.share-btn.facebook   { background: #3B5998; }
.share-btn.linkedin   { background: #4875B4; }
.share-btn.youtube    { background: #e52d27; }
.share-btn.email      { background: #444444; }


/* Login Page */

#loginContainer {
	max-width: 600px;
}

#loginImage {
	width: 100%;
	max-width: 300px;
}

#submitLoginButton {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 1.4em;
}



/* adjust body when menu is open */
body.slide-active {
    overflow-x: hidden;
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0px!important;
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    padding-top: 0px;
    left: 0;
}
#page-content.slide-active {
    padding-top: 0;
}



/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    width: 30px;
    height: 40px;
    padding: 10px 0 0 0;
    border: 0;
    background: transparent;
}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 7px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    /*background: orange;*/
    background: #929292;
}
.navbar-header {
    position: relative;
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative
}
/* Sliding Navbar Media Styles */
@media (max-width:767px) {
	#page-content {
	    padding-top: 0;
	    margin-top: 30px;
	}
	#page-content.slide-active {
	    padding-top: 0;
	    margin-top: -66px;
	}
	#slide-nav .container {
	    margin: 0!important;
	    padding: 0!important;
      	height:100%;
	}
	#slide-nav .navbar-header {
	    margin: 0 auto;
	    padding: 0px 15px;
	    padding-top: 10px;
	    padding-bottom: 25px;
	    
	    /*background: #51c3da;*/ /* Old browsers */
		/*background: -moz-linear-gradient(top,  #51c3da 0%, #3893a6 100%);*/ /* FF3.6+ */
		/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51c3da), color-stop(100%,#3893a6));*/ /* Chrome,Safari4+ */
		/*background: -webkit-linear-gradient(top,  #51c3da 0%,#3893a6 100%);*/ /* Chrome10+,Safari5.1+ */
		/*background: -o-linear-gradient(top,  #51c3da 0%,#3893a6 100%);*/ /* Opera 11.10+ */
		/*background: -ms-linear-gradient(top,  #51c3da 0%,#3893a6 100%);*/ /* IE10+ */
		/*background: linear-gradient(to bottom,  #51c3da 0%,#3893a6 100%);*/ /* W3C */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51c3da', endColorstr='#3893a6',GradientType=0 );*/ /* IE6-9 */
	    
	    background: #e0e0e0; /* Old browsers */
		background: -moz-linear-gradient(top,  #e0e0e0 0%, #aeaeae 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#aeaeae)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e0e0e0 0%,#aeaeae 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e0e0e0 0%,#aeaeae 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e0e0e0 0%,#aeaeae 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e0e0e0 0%,#aeaeae 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#aeaeae',GradientType=0 ); /* IE6-9 */

		-webkit-box-shadow: 0px 8px 10px 0px rgba(90, 90, 90, 0.70);
		-moz-box-shadow:    0px 8px 10px 0px rgba(90, 90, 90, 0.70);
		box-shadow:         0px 8px 10px 0px rgba(90, 90, 90, 0.70);
		width: 120%;
		max-height: 80px;
	}
	#slide-nav .navbar.slide-active {
	    position: absolute;
	    width: 80%;
	    top: -1px;
	    z-index: 1000;
	}
	#slide-nav #slidemenu {
	    background: #f7f7f7;
	    left: -100%;
	    width: 80%;
	    min-width: 0;
	    position: absolute;
	    padding-left: 0;
	    z-index: 2;
	    top: 81px;
	    margin: 0;
	}

	#slidemenu form label {
		color: #ffffff;
	}

	#slide-nav #slidemenu .navbar-nav {
	    min-width: 0;
	    width: 100%;
	    margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav li a {
	    min-width: 0;
	    width: 80%;
	    white-space: normal;
	    color: #ffffff;
	    font-weight: 700;
	}

	#slide-nav #slidemenu .navbar-nav .divider {
	    border-bottom: 1px solid #000000;
	}

	#slide-nav {
	    border-top: 0;
	}
	#slide-nav.navbar-inverse #slidemenu {
	    /*background: #2d7988;*/
		background: #929292;
	}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	#navbar-height-col {
	    position: fixed;
	    top: 0;
	    height: 100%;
      	bottom:0;
	    width: 80%;
	    left: -80%;
	    background: #f7f7f7;
	}
	#navbar-height-col.inverse {
	    /*background: #2d7988;*/
	    background: #929292;
	    z-index: 1;
	    border: 0;
	}
	#slide-nav .navbar-form {
	    width: 100%;
	    margin: 8px 0;
	    text-align: center;
	    overflow: hidden;
	    /*fast clearfixer*/
	}
	#slide-nav .navbar-form .form-control {
	    text-align: center;
	}
	#slide-nav .navbar-form .btn {
	    width: 100%;
	}

	#header-title-xs {
		position: relative;
		top: -45px;
		margin-left: 35%;
		z-index: 30000;
	}

	#header-title-xs img {
		max-height: 100px;
		z-index: 30000;
	}

	#toggle-map-btn {
		position: relative;
		margin-top: 40px;
		margin-left: 42%;
		border: 1px solid #e0e0e0;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		-moz-box-shadow: 1px 1px 1px #808080;
		-webkit-box-shadow: 1px 1px 1px #808080;
		box-shadow: 1px 1px 1px #808080;
	}

	#toggle-map-btn span {
		font-size: 1.4em;
	}

	#googleMapContainer {
		display: none;
		width: 100%;
		height: 100%;
		min-height: 400px;
		z-index: 20000;
	}

	#googleMap {
		width: 100%;
		height: 400px;
		z-index: 20000;
	}

	.map-info-picture ul li a {
		margin-left: 5px;
		margin-right: 5px;
		min-width: 110px;
	}
}
@media (min-width:768px) { 
	#page-content {
	    left: 0!important;
	}
	.navbar.navbar-fixed-top.slide-active {
	    position: fixed;
	}
	.navbar-header {
	    left: 0!important;
	}
}





/* Safari 5.1-6.0, Chrome 10-23 */

@media screen and (min-width:-100px) and (-webkit-min-device-pixel-ratio:0) {
    _::-moz-svg-foreign-content, #circle-container {
    	margin-bottom: 295px !important;
    } 
}


/* Safari 6.1+ */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media {
    #circle-container {
    	margin-bottom: 295px !important;
    }
}}


/* IE 9 */

.ie9 body #circle-container {
	margin-bottom: 295px !important;
}

.ie9 body .circle-content h1 {
	font-family: Arial;
	font-weight: 800;
	font-size: 3.0em;
}

@media (max-width: 1780px) {
	.ie9 body .circle-content h1 {
		font-size: 2.7em !important;
	}
}

@media (max-width: 1520px) {
	.ie9 body .circle-content h1 {
		font-size: 2.4em !important;
	}
}

@media (max-width: 1370px) {
	.ie9 body .circle-content h1 {
		font-size: 2.0em !important;
	}
}

@media (max-width: 1140px) {
	.ie9 body .circle-content h1 {
		font-size: 1.5em !important;
	}
}




/* IE 10+ */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #circle-container {
    	margin-bottom: 295px !important;
    }
}








/* Media Styles */


/* Small devices (tablets, 767px and below) */
@media (max-width: 767px) {
	#top-nav .navbar-collapse {
		position: relative;
		top: 40px;
		background: #ffffff;
		border-bottom: 1px solid #cccccc;
	}

	#body-row {
		width: 120%;
	}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md) {}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	#profileNameContainer h1, 
	#profileNameContainer h2,
	#profileNameContainer h4,
	#profileNameContainer p {
		padding-left: 30px;
	}
}


/* All devices larger than mobile */
@media (min-width: 768px) {

	/* hide the mobile navbar */
	body {
		padding-top: 0px; 
		/*margin-top: -70px; */
	}

	.map-info-picture-box .img-default-link span {
		left: -35px;
	}
}


@media (max-width: 1860px) {
	#site-logo {
		width: 250px;
		height: auto;
	}

	.circle-content {
		top: -350px;
	}

	#circle-container {
		margin-bottom: 100px;
	}
}

@media (max-width: 1800px) {
	#search-input {
		font-size: 1.0em;
	}
}

@media (max-width: 1660px) {

	#site-logo {
		width: 200px;
	}

	.circle-content {
		top: -300px;
	}

	#circle-container {
		/*margin-top: 80px;*/
		margin-top: 0px;
		margin-bottom: 150px;
		width: 58%;

	}

	#search-input {
		margin-top: 10px;
		font-size: 1.2em;
	}

	.circle-content h1 {
		font-size: 2.0em;
		word-spacing: 5px;
		padding-bottom: 15px;
	}

	.search-options {
		font-size: 0.8em;
	}

	#img-family {
		top: 200px;
	}
}

@media (max-width: 1470px) {
	#search-input {
		font-size: 1.1em;
	}

	#circle-container {
		margin-top: 30px;
		margin-bottom: 100px;
	}

	#img-family {
		top: 150px;
		left: -120px;
		max-height: 700px;
	}

	#site-logo {
		width: 180px;
	}
}


@media (max-width: 1440px) {
	#search-input {
		font-size: 1.1em;
	}

	#circle-container {
		margin-top: 40px;
		margin-bottom: 100px;
	}

	.circle-content {
		top: -270px;
	}

	#img-family {
		top: 180px;
		left: -120px;
		max-height: 700px;
	}

	#site-logo {
		width: 180px;
	}
}

@media (max-width: 1400px) {
	#search-input {
		margin-top: 0px;
		font-size: 1.1em;
	}

	#circle-container {
		margin-top: 40px;
		margin-bottom: 140px;
	}

	.circle-content {
		top: -270px;
	}

	.circle-content h1 {
		font-size: 1.5em;
		word-spacing: 5px;
		padding-bottom: 10px;
		padding-top: -100px;
		position: relative;
		top: -10px;
	}

	#img-family {
		top: 160px;
		left: -120px;
		max-height: 700px;
	}

	#site-logo {
		width: 180px;
	}
}

@media (max-width: 1370px) {
	#search-input {
		margin-top: 0px;
		font-size: 1.0em;
	}

	#circle-container {
		margin-top: 20px;
		margin-bottom: 140px;
	}

	.circle-content {
		top: -270px;
	}

	.circle-content h1 {
		font-size: 1.5em;
		word-spacing: 5px;
		padding-bottom: 10px;
		padding-top: -100px;
		position: relative;
		top: -10px;
	}

	#img-family {
		top: 120px;
		left: -120px;
		max-height: 600px;
	}

	#site-logo {
		width: 180px;
	}

	#search-options-hidden {
		position: relative;
		top: -15px;
	}

	.search-options-hidden-label {
		font-size: 0.8em;
	}
}


@media (max-width: 1300px) {
	#search-input {
		margin-top: 0px;
		font-size: 1.0em;
	}

	#circle-container {
		margin-top: 60px;
		margin-bottom: 140px;
	}

	.circle-content {
		top: -240px;
	}

	.circle-content h1 {
		font-size: 1.5em;
		word-spacing: 5px;
		padding-bottom: 10px;
		padding-top: -100px;
		position: relative;
		top: -10px;
	}

	#img-family {
		top: 140px;
		left: -110px;
	}

	#site-logo {
		width: 150px;
	}

	.search-options {
		font-size: 0.7em;
	}
}


@media (max-width: 1270px) {
	#search-input {
		position: relative;
		top: -10px;
		left: -20px;
		width: 120%;
	}

	#circle-container {
		margin-top: 80px;
		margin-bottom: 150px;
	}

	.circle-content {
		top: -240px;
	}

	#img-family {
		top: 140px;
		left: -100px;
	}

	.search-options {
		font-size: 0.6em;
		position: relative;
		top: -20px;
	}
}

@media (max-width: 1220px) {

	#search-input {
		position: relative;
		top: 0px;
		left: -20px;
		width: 120%;
		height: 50px;
	}

	.circle-content h1 {
		font-size: 1.2em;
		word-spacing: 5px;
		padding-bottom: 10px;
		padding-top: -100px;
		position: relative;
		top: -10px;
	}

	#circle-row {
		width: 100%;
	}

	#site-logo {
		margin-top: 30px;
	}

	#circle-container {
		margin-bottom: 150px;
	}
}


@media (max-width: 1050px) {

	#search-input {
		position: relative;
		top: 0px;
		left: -20px;
		width: 120%;
		height: 50px;
	}

	.circle-content h1 {
		font-size: 1.0em;
		word-spacing: 5px;
		padding-bottom: 10px;
		padding-top: -100px;
		position: relative;
		top: -10px;
	}

	#circle-row {
		width: 100%;
	}

	#site-logo {
		margin-top: 50px;
		width: 120px;
	}

	#circle-container {
		margin-bottom: 190px;
	}

	#btn-search {
		width: 45px;
		height: 45px;
		font-size: 1.0em;
	}

	#footer-row h3 {
		font-size: 1.3em;
	}
}

@media (max-width: 830px) {
	#footer-row h3 {
		font-size: 1.1em;
	}
}

@media (max-width: 767px) {
	#footer-row h3 {
		font-size: 1.5em;
	}
}

@media (max-width: 750px) {

	#toggle-map-btn {
		margin-left: 35%;
	}
}


@media (max-width: 560px) {

	#header-title-xs {
		margin-left: 33%;
	}

	#toggle-map-btn {
		margin-left: 30%;
	}
}


@media (max-width: 480px) {

	#header-title-xs {
		margin-left: 30%;
	}

	#toggle-map-btn {
		margin-left: 22%;
	}
}


@media (max-width: 430px) {

	.hidden-xxs {
		display: none;
	}
}


@media (max-width: 400px) {
	.footer-section-container {
		width: 100%;
		margin-left: 0%;
	}

	#header-title-xs {
		margin-left: 24%;
	}

	#toggle-map-btn {
		margin-left: 13%;
	}

	.footer-social-icon {
		left: 0px;
	}
}


@media (max-width: 310px) {

	#header-title-xs {
		margin-left: 20%;
	}

	#toggle-map-btn {
		margin-left: 9%;
	}
}


@media (max-width: 275px) {

	#header-title-xs {
		margin-left: 14%;
	}

	#toggle-map-btn {
		margin-left: 1%;
	}

	.footer-social-icon {
		width: 40px;
		height: 40px;
	}
}


@media (max-width: 253px) {

	#header-title img {
		position: relative;
		top: -40px;
		max-height: 100px;
	}

	#top-nav .navbar-collapse {
		position: relative;
		top: 20px;
	}
}

@media (max-width: 233px) {

	#header-title img {
		position: relative;
		top: -35px;
		left: -20px;
		max-height: 80px;
	}

	#top-nav .navbar-collapse {
		position: relative;
		top: 10px;
	}
}

@media (max-width: 213px) {

	#header-title img {
		position: absolute;
		top: 0px;
		left: -10px;
	}
}