/*!
 * Stride - Responsive CSS
 */

@media only screen and (min-width: 240px) and (max-width: 480px) {
	.large-title {
		font-size: 2.2em;
	}
	.tiny-title {
		font-size: 1.5em;
	}
	.location .small-title {
		font-size: 1.2em;
	}
	.investigators h3 {
		font-size: 2em;
	}	
	.investigators img {
		float: none !important;
		display: table;
		margin: 10px auto;
	}
	.investigators h3 {
		text-align: center;
	}
	.investigators p {
		display: block;
	}
	.margin40 {
		margin-top: 20px;
	}	
	.margin60 {
		margin-top: 20px;
	}
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
	.large-title {
		font-size: 3.5em;
	}
} 

@media (min-width: 768px) {
	.navbar-custom {
		padding: 5px 0 0;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
	}
	.navbar-custom .navbar-brand {
		font-size: 2em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.navbar-custom.affix {
		padding: 10px 0 0 0;
		border-bottom: 0;
		-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.3);
	}
	.navbar-custom.affix .navbar-brand {
		font-size: 1.5em;
	}
}

@media (max-width: 767px) {
	section {
		padding: 75px 0;
	}
	section.first {
		padding-top: 75px;
	}
	.content-post {
		margin: 0 15px
	}
	.content-wrapper {
		padding: 200px 0 50px 0 !important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #f5f5f5;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, 
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		background-color: #dfe1e8;
	}
    .view-stories-banner-bg {
        min-height: 105px !important;
    }

    .video-library-banner-bg {
        min-height: 105px !important;
    }
}
@media only screen and (max-width: 767px) {
	.navbar-header {
		border-top: 1px solid #eeeeee;
	}
	.nav>li {
		position: relative;
		display: block;
		text-align: left;
		border-bottom: 1px solid #eeeeee;
	}
	.navbar-nav {
		border-top: 0;
		margin-top: 0;
	}
	.input-group  {
		font-weight: normal !important;
	}
	.navbar-custom {
		font-weight: normal !important;
		font-size: 12px;
		-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.3);		
	}
	.search-box {
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.dropdown-menu>li>a {
		font-size: 12px;
	}
	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:focus, 
	.navbar-default .navbar-nav>.open>a:hover {
		font-size: 12px;
	}
	.user-login .nav>li {
		border-bottom: 0;
	}
	.content-wrapper {
		margin: -25px 0 0;
	}
	.left-section::before {
		content: "";
		width: 100%;
		top: 0;
		bottom: 0;
		position: absolute;
		background-color: #f7f7f6;
	}	
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
	.user-text {
		display: none !important;
	}
}
@media only screen and (min-width: 240px) and (max-width: 767px) {
	.stellar-logo{
		margin-bottom: 10px;
	}
	.slider-bg {
		min-height: 250px;
	}
	#StellarSlider .owl-pagination {
		position: absolute;
		width: 20px;
		right: 20px;
		top: 15%;		
	}
    .consent-area {
        min-height: 390px;
    }
    .dr-pic {
		float: none !important;
	}
	.small-title {
		font-size: 1.8em;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.left-section::before {
		content: "";
		width: 100%;
		top: 0;
		bottom: 0;
		position: absolute;
		background-color: #f7f7f6;
		height: 50%;
	}
	.slider-bg {
		min-height: 350px;
	}
    .consent-area {
        min-height: 320px;
    }
}
@media (min-width: 1200px) {
	.footer-above .container {
		width: 850px;
	}
}
@media (min-width: 992px) {
	.footer-above .container {
	    width: 1080px;
	}
}