/*
Template Name: Riana Responsive HTML5/CSS3 Charity Template
Author: iThemesLab
Author URI: http://themeforest.net/user/ithemeslab
Description: Riana Responsive HTML5/CSS3 Charity Template.
Version: 1.0
*/

/* Table of Content
--------------------
1.  Navbar Brand

*/


/*1. Navbar Brand*/
@media screen and (max-width: 768px) {
	.navbar-brand {
		padding: 0;
		text-align: center;
		width: 60%;
		margin: 0 auto;
	}

	.navbar-brand img {
		width: 100%;
	}

	.navbar-header {
		text-align: center;
		margin-bottom: 0px;
	}

	.podcast {
		width: 11%!important;
	}

	.podcast img {
		width: 100%!important;
	}

	.navbar-toggle {
		text-align: center;
		margin-right: 40px;
		float: right;
		margin-top: 55px;
		margin-bottom: 0;
		background: #0e3579;
	}

	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
		text-align: center;
		padding-right: 0;
		padding-left: 0;
	}

	.owl-carousel.owl-loaded {
		display: none;
	}

	.navbar-right {
		margin: 0;
		width: 100%;
	}

	/*Home page*/

	.org-logos {
		height: 400px;
		margin-bottom: 20px;
	}

	.org-logos img {
		width: 80%;
	}

	.org-logos a>h3 {
		margin-top: 10px;
	}

	.feature {
		padding-top: 0 !important;
	}

	.feature-wrap {
		text-align: center;
		min-height: 320px;
	}
	/*St Dunstans page*/

	.nav-helper.bg-image .page-head {
		text-align: center;
	}

	.breadcrumb {
		text-align: center!important;
	}

	.nav>li>a {
		padding: 3px;
	}

	.nav>li {
		margin: 0 auto;
		width: 100%;
	}

	/*Ian Fraser page*/

	.btn-primary, .btn-primary:focus {
		font-size: 14px!important;
	}

	/*Leadership page*/

	.video {
		display: none;
	}

	.volunteers {
		padding-top: 0;
	}

	.team-wrap {
		min-height: 250px!important;
	}

	.ft-title {
		margin-top: 60px;
	}

	.back-to-top a {
		float: none;
	}
}

/*Tablet & small screens:*/
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-brand {
		float: none;
		padding: 0;
		text-align: center;
		width: 50%;
		margin: 0 auto;
	}

	.nav>li {
		margin: 0 auto;
		width: auto;
	}

	.header .nav>li>a {
		padding: 25px 0px;
		display: inline-block;
		padding-left: 8px!important;
	}

	.podcast {
		width:7%!important;
	}

	.podcast img {
		width: 90%!important;
	}

	.navbar-brand img {
		width: 30%;
		margin: auto;
	}
	.nav-helper .col-md-5 {
		width: 50%;
		float: left;
		display: inline-block;
	}

	.nav-helper .col-md-7 {
		width: 50%;
		float: right;
		display: inline-block;
	}

	/*Home page*/
	.slide-caption h2, .banner-caption h2 {
	    color: #fff;
	    font-size: 30px;
	    font-weight: 800;
	    line-height: 30px;
	    text-transform: uppercase;
	}

	.slide-caption h3, .banner-caption h3 {
		font-size: 18px;
		line-height: 25px;
		padding-right: 80px;
		padding-left: 80px;
		margin-bottom: 10px;
	}

	.org-logos {
		height: 180px;
		margin-bottom: 20px;
	}

	.org-logos img {
		width: 90%;
	}

	.event .col-md-7 {
	    margin-bottom: 20px;
	}

	/*Leadership page*/

	.video {
		display: none;
	}

	.leaders {
		width: 100%;
	}

	.volunteers {
		padding-top: 0;
	}

	.team-wrap {
		min-height: 300px!important;
	}

	/*Contact page*/

	.form-inline .form-group {
		width: 100%;
	}

	footer .footer-section, .footer-widget-2{
		text-align: center;
	}

	.footer-social ul li {
		text-align: center;
		float: none;
		display: inline-block;
	}

	#mc_embed_signup form, #mc_embed_signup .mc-field-group, #mc_embed_signup .indicates-required {
		text-align: center!important;
	}

	#mc_embed_signup .mc-field-group input {
		width: 70%!important;
		display: inline-block!important;

	}

	.back-to-top a {
		text-align: center;
		float: none;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {
	.slide-caption h2, .banner-caption h2 {
		font-size: 40px!important;
		line-height: 40px!important;
	}

	.slide-caption h3, .banner-caption h3 {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 20px;
	}

	.video {
		display: none;
	}

	.leaders {
		width: 100%;
	}

	.team-wrap {
		min-height: 300px!important;
	}

	.navbar-brand {
		padding: 0px;
		height: 150px!important;
		width: 17%;
		margin-top: 20px;
	}

	.navbar-nav > li > a {
		padding-top: 70px;
		padding-bottom: 55px;
		padding-right: 7px;
		padding-left: 9px!important;
	}

	.navbar-right {
		float: right!important;
		margin-right: -40px;
		width: 84%;
		margin-left: auto;
	}
}

/*Laptop:*/
@media (min-width: 1199px) and (max-width: 1600px) {
	.slide-caption h2, .banner-caption h2 {
		font-size: 40px!important;
		line-height: 40px!important;
	}

	.navbar-right {
		float: right!important;
		margin-right: -50px;
		width: 82%;
		margin-left: auto;
	}

	.navbar-nav > li > a {
		padding-top: 70px;
		padding-bottom: 55px;
		padding-right: 8px;
		padding-left: 18px;
	}
}

@media (min-width: 1400px) and (max-width: 1600px) {
	.podcast {
		width: 5%!important;
	}
	.podcast img {
		width: 25px!important;
	}
}