/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {	
	#main-menu > .container { width:100%; }
	.navbar-nav.nav-justified > li:last-child .dropdown-menu { left:auto !important; right:0 !important; }
	
	#jcs-form .second { border-left: 1px solid #0079c2; }
	#searchblock.modal.in .modal-dialog { width: 68%; margin:10% auto !important; }
	.date-field-spacer { display:block; }
}

@media(min-width:768px) and (max-width:1199px) {
	.date-field-spacer { display: block !important; margin-bottom:3px !important; }
}
.date-field-spacer { display: none; }
.title-field-spacer { display: none; }

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.navbar-inverse .navbar-nav > li > a { font-size: 12px; padding: 10px 5px; }
	#searchblock.modal.in .modal-dialog { width: 88%; margin: 20% auto; }
	.site-branding { text-align: left; }
	/* .header-after-logo-content { display:none; } */
	#after-logo .after-logo-flex{
		flex-direction: column;
	}
	#testimonials-carousel blockquote, #testimonials-carousel blockquote a { font-size: 25px; line-height: 37px; }
	#grid-events .item { margin-bottom: 15px; }
	body.single-wpq_news .entry-content .thumbimg,
	body.single-latino-blog .entry-content .thumbimg,
	body.single-post .entry-content .thumbimg { margin-bottom:15px; }
	#footer-social-icons { margin-top:30px; }
}

@media (min-width: 768px) and (max-width: 991px){
	.header-content{
		padding: 20px 5px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	[data-type] .block-header h2 { font-size:25px; }
	header#page-header .header-wrapper .row-header { display:none; }	
	nav .navbar { background-color:#244688; }
	.nav-wrap { text-align:center; }
	.navbar-header .logo-mobile { margin:8px 0; max-width: 38px; }
	.navbar-header .action-button { float: right; margin: 8px 15px; }
	.navbar-header .action-button .btn.search { background: transparent; padding: 0; color: #fff; font-size:28px; }
	.navbar-toggle { border:none !important; padding: 9px 0; margin-right:0 !important; }
	.navbar-toggle .icon-bar { width: 28px; height: 5px; }
	.navbar-nav { margin: 20px 0; }
	.nav-wrap { background-color: #fff; }
	.navbar-inverse .navbar-nav>.active>a, 
	.navbar-inverse .navbar-nav>.active>a:focus, 
	.navbar-inverse .navbar-nav>.active>a:hover,
	.navbar-inverse .navbar-nav > li > a { color:#244688; font-size: 16px; }
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #333; text-align: center; text-transform:uppercase; font-size:14px; }
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > .active > a, 
	.navbar-inverse .navbar-nav > .active > a:focus, 
	.navbar-inverse .navbar-nav > .active > a:hover, 
	.navbar-inverse .navbar-nav > li.dropdown.open > a { border:none; }
	.nav-wrap ul#social-network { font-size:25px; color:#234687; } 
	.nav-wrap ul#social-network a { font-size:28px; color:#234687; }
	.nav-wrap ul.social-network { display:inline-block; margin-left:5px; }
	
	
	#searchblock.modal.in .modal-dialog { width: 88%; margin: 30% auto !important; }
	.services-block .item .label-wrapper { min-height:15%; }
	.services-block .item .label-wrapper h4 { position:absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; max-width: 90%; max-height: 35%;  }
	#grid-events .item { padding: 0 15px; }
	#grid-events .item-body * { -webkit-line-clamp: 100; }
	#footer-section-1 { margin-bottom: 20px; }
	#footer-section-2 .newsletter-social { padding: 0; margin-bottom: 20px; border:none; }
	#footer-social-icons { padding-bottom:20px; border-bottom: 1px solid #0079c2; }
	
	body.single-wpq_events .page-header h1.page-title { margin-right:20%; }
	body.single-wpq_team_member #staff-member { text-align:center; }	
	#jcs-form .second { border:none !important; }
	.banners-wrapper .card { margin-bottom:30px; text-align:left; }
	.banners-wrapper .avatar,
	.banners-wrapper .item-body { float:left; }
	.banners-wrapper .avatar { width:25%; }
	.banners-wrapper .item-body { width:75%; }
	body.single-wpq_programs #testimonials-carousel .featured-image,
	body.single-wpq_programs #main .featured-image { display:none; }
	#bcs-wrapper .carousel-caption { text-align:center; }
	#colophon .slogan { text-align:center; }
	#colophon .slogan p { font-size:22px; }
	.posts-block #posts-carousel h4,
	.posts-block #posts-carousel h4 a,
	.cms-content-subtitle,
	.services-block .item .label-wrapper h4,
	body.management-team .posts-block .block-header h2{ font-size:18px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 479px) {
	#searchblock.modal.in .modal-dialog { width:95%; margin: 30% auto !important; }
	#searchblock input[type="search"] { width: 100%; font-size:14px; margin-bottom:10px; }
	#searchblock .input-group-btn { display:block; width:100%; text-align: left; clear: both; margin-top:10px; }
	.services-block .item .label-wrapper { min-height:20%; }
	.services-block .item .label-wrapper h4 { max-height: 45%;  }
	body.single-wpq_events .page-header h1.page-title { margin-right:25%; }
	.banners-wrapper .avatar { display:none }
	.banners-wrapper .item-body { float:none; width:100%; }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.services-block .item .label-wrapper { min-height:25%; }
	
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {	
	#bcs-wrapper .carousel-caption .main-title { font-size: 22px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {		
	.page-header h1.page-title { font-size:28px; }
	.subtitle { font-size:20px; }
	#bcs-wrapper .carousel-caption .main-title { font-size: 24px; }
	#bcs-wrapper .carousel-caption .slide-toptitle,
	#bcs-wrapper .carousel-caption .slide-content * { line-height: 1.4; font-size: 14px; }
	
	#colophon .slogan p { font-size: 22px; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	[data-type] .block-header h2 { font-size:42px; }
	.site-branding { text-align: left; float:left; }
	.header-content { float:right; text-align:right; }
	#main-menu > .container { padding: 0; }
	.navbar-header .action-button { display:none; }	
	.nav-wrap ul#social-network { display:none; }
	#bcs-wrapper div[class^="col-"] { padding-right:0; }
	#bcs-wrapper .carousel-caption { padding-bottom: 0; }
	#bcs-wrapper .carousel-caption .slide-toptitle { margin:0; font-size:14px; }
	#bcs-wrapper .carousel-caption .main-title { font-size: 25px; }
	#bcs-wrapper .carousel-caption .slide-content { font-size:14px; }
	
	.page-header h1.page-title { font-size:35px; }
	.subtitle { font-size:22px; }
	.navbar-inverse .navbar-nav { margin-bottom: -1px; }
	.navbar-nav.nav-justified > li { float: none; }
	.services-block .item .label-wrapper { min-height:45px; line-height:45px; }
	.services-block .item .label-wrapper h4 { font-size:16px; }
	#colophon .footer-wrapper { padding-top:30px; padding-bottom:30px; }
	#footer-section-1 { border-right: 1px solid #0079c2; padding-right:45px; padding-top:10px; padding-bottom:10px; }
	#footer-section-2 { padding-left: 45px; padding-top:10px; padding-bottom:10px; }
	.footer-contact-us-list-block .logo-wrapper  { margin-bottom: 40px; }
	body.single-wpq_events article.hentry,
	body.single-wpq_news article.hentry,
	body.single-latino_blog article.hentry,
	body.single-wpq_video_gallery article.hentry,
	body.single-post article.post { margin:0 50px 65px; }	
	body.single-wpq_events .page-header h1.page-title { margin-right:15%; }
	body.single-wpq_team_member #staff-member { padding:0 70px; }
	body.single-wpq_team_member .page-header { text-align:left; }
	body.single-wpq_team_member #staff-form textarea { height:260px; }
	.form { border: 1px solid #0079c2; padding:25px; }
	body.single-wpq_programs.has_thumb .page-header { text-align:left; }
	body.single-wpq_programs.has_thumb .page-header { height:auto; }
	body.single-wpq_programs #main .featured-image { float:right; max-width: 250px; }
	.form input[type=text], .form select { height:40px; }
	#colophon .slogan { display: table-cell; vertical-align: middle; padding-left: 50px; }
	#colophon .slogan p { font-size:36px; }
	.posts-block #posts-carousel h4,
	.posts-block #posts-carousel h4 a,
	.cms-content-subtitle { font-size:24px; }
	body.management-team .posts-block .block-header h2 { font-size:24px; }
	body.search-results .page-header h1.page-title { font-size: 42px; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {	
	.page-header h1.page-title { font-size:40px; }
	.services-block .item .label-wrapper { min-height:75px; line-height:75px; }
	.services-block .item .label-wrapper h4 { font-size:20px;  }	
	#testimonials-carousel figure { margin-top:10px; }
	
	body.single-wpq_events .event-date-wrapper,
	body.post-type-archive-wpq_events .event-date-wrapper { width:90px; }
	body.single-wpq_events .event-date-wrapper span,
	body.post-type-archive-wpq_events .event-date-wrapper span { font-size:17px; }
	body.single-wpq_events .event-date-wrapper span:first-child,
	body.post-type-archive-wpq_events .event-date-wrapper span:first-child { font-size: 27px; }
	.archive-wrapper .box .item h4 a { font-size: 22px; font-weight: 400; }
	body.single-wpq_news .entry-content .content-col, 
	body.single-latino_blog .entry-content .content-col, 
	body.single-post .entry-content .content-col { border-right: 1px solid #e7edf2; }
	.banners-wrapper .card { text-align:left; } 
	.banners-wrapper .avatar,
	.banners-wrapper .item-body { float:left; }
	.banners-wrapper .avatar { width:25%; }
	.banners-wrapper .item-body { width:75%; }
	#bcs-wrapper .carousel-caption { margin-left:5%; margin-top: 5%; }
	#bcs-wrapper .carousel-caption.hero-slide-small-margin { margin-top:2%; margin-bottom:10px;}	
	.title-field-spacer { display: block !important; margin-bottom:3px !important; }	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#searchblock.modal.in .modal-dialog { width:56%; margin-top:10% !important; }		
	.page-header h1.page-title { font-size:40px; }
	#bcs-wrapper .carousel-indicators { /*bottom:0; left:0; width:100%; margin: 0; text-align: left; */ }
	#bcs-wrapper .carousel-caption { text-align: left; }
	#bcs-wrapper .carousel-caption .slide-toptitle { margin: 0; }	
	#bcs-wrapper .carousel-caption .main-title { font-size:40px; }
	#bcs-wrapper .carousel-caption .slide-toptitle,		
	#bcs-wrapper .carousel-caption .slide-content * { font-size:15px; }
	#bcs-wrapper .carousel-caption .btn { font-size:12px; }
	
	.services-block .item .label-wrapper { min-height:60px; line-height:60px; }
	.services-block .item .label-wrapper h4 { font-size:25px; }
	
	.ways-to-give .card { width:70%; margin: 0 auto; }
	#jcs-form .first { border-right: 1px solid #0079c2; }
}

@media only screen and (min-width : 1400px) {
	#searchblock.modal.in .modal-dialog { width:48%; margin-top:8% !important; }
	.services-block .item .label-wrapper { min-height:75px; line-height:75px; }
	.services-block .item .label-wrapper h4 { font-size:28px; }	
	#programs-list .item .label-wrapper h4 { font-size:25px; }	
	#bcs-wrapper .carousel-caption { margin-top: 8%; }
	#bcs-wrapper .carousel-caption.hero-slide-small-margin { margin-top:2%; }		
	#bcs-wrapper .carousel-caption .main-title { font-size:45px; }
}

@media only screen and (min-width : 1800px) {	
	#bcs-wrapper .carousel-caption { margin-top:13%; }		
	#bcs-wrapper .carousel-caption .main-title { font-size:50px; }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
	
}