/*All Devices with Responsive Nav*/
@media (min-width: 320px) and (max-width: 736px) {

.main-nav{
padding-top: 20px;
padding-bottom: 40px;
}

.main-nav .col-sm-9{
width: 100%;
}
.navbar-toggle{
padding: 15px 10px;
margin-top: 0px;
margin-bottom: 0px;
z-index: 99999;
top:-10px;
}
.navbar-toggle .icon-bar{
width: 28px;
height: 3px;
}
.navbar-default .navbar-toggle .icon-bar{
background-color: #000;
}
	.navbar-toggle .icon-bar+.icon-bar{
		margin-top: 6px;
	}

	.navbar-collapse.lower-navbar{
	background-color: rgba(0, 0, 0, 0);
text-align: center;
margin-top: 10px;
	}
	ul.nav.navbar-nav{
	margin: 10px 0px 10px;
	float: none;
	padding-top: 10%;
	}

	.under-center:hover:before, .under-center:focus:before, .under-center:active:before{
	left: 100px;
right: 100px;
bottom: 8px;
height: 2px;
	}

	#main.above-foot{
padding-top: 50px;
padding-bottom: 0px;
	}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
background-color:#fff;
}
ul.dropdown-menu{
text-align:center;
}

.footer{
padding: 30px 0px;
font-size:12px;
}
.footer img{
margin-bottom: 15px;
}





}

/*iPhone 5 Portrait*/
@media (min-width: 319px) and (max-width: 321px) {
	.logo {
		width: 225px !important;
		top: 9px !important;
	}

	.doctor {
		width: 250px !important;
	}
}



/*iPhone 5 Landscape*/
@media (min-width: 566px) and (max-width: 569px) {


}



/*iPhone 6 Portrait*/
@media (min-width: 374px) and (max-width: 376px) {


}





@media (min-width: 481px) and (max-width: 767px) {


}


/*iPhone 6 Landscape*/
@media (min-width: 666px) and (max-width: 668px) {


}



/*iPhone 6 Plus Portrait */
@media (min-width: 413px) and (max-width: 415px) {




}


/*iPhone 6 Plus Landscape*/
@media (min-width: 735px) and (max-width: 737px) {


}


/*TABLET Portrait*/
@media (min-width: 768px) and (max-width: 1023px) {
.nav>li>a{
padding: 10px 16px;
font-size: 14px;
}
ul.nav.navbar-nav{
margin: 75px auto 0px;
display: table;
float:none;
}
.main-nav{
padding-bottom: 10px;
}
#main.above-foot{
padding-top: 150px;
}



.foot-copy, .foot-copy .text-right{
font-size:12px;
}
.logo{
width: 450px;
left: 19%;
top: 0;
}



}


/*Tablet Landscape*/
@media (min-width: 1024px) and (max-width: 1199px) {
ul.nav.navbar-nav{
margin: 0px 0px 0px;
}

.logo {
	width: 325px;
	top:0px;
}
.nav>li>a{
padding: 10px 12px;
font-size: 14px;
}

.foot-copy{
font-size: 12px;
}

.doctor {
	width: 450px;
	bottom:-74px;
	right: 3%;
}

#fade_container {
	margin-top: -376px;
}




}




@media screen and (min-width: 1500px) {
	.map-info {
		left: 18%;
	}
}




@media (min-width: 992px) and (max-width: 1199px) {
	.home-header .col-sm-5 {
	    margin-top: 5%;
	}

	.testimonials .carousel-control.right {
	  right: 5%;
	}

	.testimonials .col-sm-2 i {
	  margin-top: 30%;
	}

	.foot-links ul li  {
		padding: 0 5px;
		font-size: 11px;
	}



}

@media (min-width: 768px) and (max-width: 1199px) {
	.about-page .row:first-of-type img {
	  width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1023px) {
	.logo {
		width: 450px;
		left: 26%;
		top: -10px;
	}

	.doctor {
		width: 450px;
		bottom: -58px;
		right: 3%;
	}
}

@media screen and (max-width: 991px) {
	.info-box {
		margin-top: 50px;
	}

	.info-box .col-sm-6:first-of-type {
    border-right: none;
		margin-bottom: 35px;
	}

	.map-container {
		display: none;
	}

	.small-map-container {
	  display: block;
	}

	#small-map {
		width: 100%;
		height: 250px;
	}


	.small-map-container .col-xs-12:last-of-type {
		background-color: #11b8b5;
	}

	.welcome .col-md-6:first-of-type {
	  padding-top: 0;
	}

	.welcome .col-md-6:first-of-type p {
 		font-size:  14px;
	}

	.map-info p:last-of-type {
    border-bottom: 0;
}

	.footer img {
		width: 90%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.map-info {
			left: 15%;
			right: 15%;
		}

		.above-nav .btn-default {
			padding: 13px;
		}

		.doctor {
			width: 425px;
			bottom: -1px;
			right: 0;
		}

		#fade_container {
			margin-top: -449px;
		}

		.footer .clearfix {
			margin-bottom: 25px;
		}

		.testimonials .col-sm-2 i {
		  margin-top: 42%;
		}

		.testimonials .carousel-inner .item {
		  min-height: 240px;
		}

		.testimonials .carousel-control.left {
			right: 12%;
		}

		.footer .location:nth-of-type(2) {
     border-top: 0;
     border-bottom: 0;
		}

		.interior-header h1 {
			margin-top: 7%;
		}


}



@media screen and (max-width: 767px) {
	#hamburger {
		top: 12px;
	}

	#hamburger::before {
		content: 'Menu';
		position: absolute;
		top: -20px;
		right: -6px;
		text-transform: uppercase;
		color: #4f677b;
	}

	.main-nav {
		padding-top: 20px;
		padding-bottom: 20px;
	}

		.logo{
	position: absolute;
	top: 3px;
	width: 275px;
	display: table;
		}

	.logo img{
	width: 100%;
	margin-left: 5px;
	}

	.parallax-window.interior {
		min-height: 200px;
	}



	.foot-copy, .foot-copy .text-right{
	text-align: center !important;
	font-size:12px;
	}

	.footer p {
		padding-right: 0;
	}


	.map-info {
		left: 5%;
		right:5%;
	}


	.testimonials img {
		width: 40%;
		display: block;
		margin: 0 auto;
	}

	.testimonials .carousel-control.left {
	  right: 20%;
	}

	.doctor {
		position: relative;
		bottom: -50px;
		width: 300px;
		right: auto;
		display: block;
		margin: 0 auto;
	}

	.above-nav p {
		float: left;
		margin-top: 13px;

	}

	.above-nav .btn-default {
		margin-left: 0;
		margin-right: -15px;
	}

	.home-header h1 {
		padding-top: 0;
	}

	.footer .btn-default {
		padding: 6px 20px;
	}

	.divider {
		margin: 5% 0;
	}

	.testimonials .divider {
		margin: 6% auto;
	}

	.testimonials .carousel-inner .item {
    padding: 25px 15px;
	}

	.footer .col-xs-12 {
		margin-top: 25px;
	}

	.info-box p.pull-right {
		float: none!important;
		margin-top: 0;
	}

	.info-box p {
		width: 100%;
	}

	.info-box li {
		width: 100%;
	}

	.about-page .row:first-of-type img, .about-page .row:nth-of-type(2) img {
	  width: 75%;
	  margin: 0 auto;
	  display: block;
	}

	.about-page .row:nth-of-type(2) img {
	  padding-top: 0;
	}

	.conditions-page ul li {
	  font-size: 16px;
	  width: 100%;
		padding: 4% 0;
	}

	.testimonials .col-sm-2 i {
		margin: 0 0 10px;
	}

	.testimonials .carousel-inner .item {
		min-height: 435px;
	}

	#fade_container, #fade_container .bg_box {
		min-height: 594px;
	}

	#fade_container {
		margin-top: -594px;
	}

	.mob-gap {
		padding-top: 25px;
		padding-bottom: 25px;
	}





}

@media screen and (max-width: 400px) {
	#fade_container, #fade_container .bg_box {
		min-height: 639px;
	}

	#fade_container .bg_box {
		background-position: 25% center;
	}

	#fade_container .bg_box.two {
		background-position: 40% center;
	}

	#fade_container .bg_box.three {
		background-position: 0 center;
	}

	#fade_container {
		margin-top: -639px;
	}
}


/*All Devices with Responsive Nav*/
@media (min-width: 320px) and (max-width: 736px) {
	
.above-nav .text-right span{
margin: 0;
float: none;
width: 100%;
text-align: center;
display: table;
}
.above-nav .btn-default {
margin-left: 0;
margin-right: 0;
display: block;
margin-top: 0px;
margin-bottom: 0px;
font-size: 16px;
}
}

/*PHONES*/
@media (max-width: 480px) {
	
}



/*iPhone 6*/
@media (min-width: 375px) and (max-width: 479px) {
	
	
}



/*iPhone 6 Landscape*/
@media (min-width: 666px) and (max-width: 668px) {
	
	
}




/*TABLET PORTRAIT*/
@media (min-width: 481px) and (max-width: 767px) {
	
	
}


/*iPhone 5 Landscape*/
@media (min-width: 567px) and (max-width: 569px) {
	
	
}



/*iPhone 6 Plus */
@media (min-width: 666px) and (max-width: 668px) {
	
	
	
	
}


/*iPhone 6 Plus Landscape*/
@media (min-width: 735px) and (max-width: 737px) {
	
	
}


/*TABLET Portrait*/
@media (min-width: 768px) and (max-width: 1023px) {
	.above-nav span img {
width: 103px;
}
.head-phone {
display: none;
}
.above-nav .btn-default {
padding: 13px;
font-size: 10px;
margin-left: 0px;
}
.above-nav .col-sm-7 p {
margin-top: 11px;
font-weight: 600;
font-size: 13px;
}
	
}


/*That weird break point between landscape tablet and desktop*/
@media (min-width: 1024px) and (max-width: 1200px) {
.above-nav span img {
width: 106px;
}
.above-nav .btn-default {
padding: 8px 12px;
}	
	
}
