/******************************
RESPONSIVE STYLES 
******************************/
@media screen and (max-width: 1200px) {
    .top-menu li{
        margin-right: 15px;
    }
    .top-bar .search-btn{
        margin: 0;
    }
    .banner .slick-arrow.slick-prev{
        left: 20px;
    }
    .banner .slick-arrow.slick-next{
        right: 20px;
    }
    .banner .banner-text{
        padding: 0 0 0 45px;
    }
    .cta-box .cta-box-inner{
        width: auto;
        padding: 20px 25px;
    }
}

@media screen and (max-width: 1100px) {
	
	.banner .single-banner,
	.signup-wrapper {
		background-attachment: scroll;
	}
	
	.top-btn-menu .btn {
		min-width:150px;
		padding-right: 10px;
		padding-left: 10px;
	}
	
    .top-menu {
        display: none;
    }
    .top-nav li{
        margin: 0 20px;
    }
    .cta-box .btn{
        margin-bottom: 10px;
    }
    .cta-info-circle{
        width: 250px;
        height: 250px;
        padding: 62px 35px 15px 60px;
    }
    .footer-info{
        padding-left: 15px;
    }
    .footer-info ul{
        margin: 0 0 20px;
    }
    .sub-banner{
        height: 310px;
    }
    .main-content .sidebar{
        width: 305px;
        padding-left: 60px;
    }
    .difference-wrapper{
        padding: 0;
    }
    .difference-wrapper h3{
        white-space: normal;
    }
}

@media screen and (max-width: 1080px) {
	.three-column-list > div {
		padding-bottom: 0px !important;
	}
	.three-column-list ul {
		margin: 5px auto !important;
	}
}

@media screen and (max-width: 1000px) { /* Target Screen Width */
    .header-menu > .flexbox .flexbox{
        flex-grow: 1;
        justify-content: space-between;
    }
    .top-btn-menu .btn{
        height: auto;
        padding-top: 13px;
        padding-bottom: 13px;
    }
    .top-nav{
        margin: 0 auto;
    }
    .top-nav li{
        margin: 0 10px;
    }
    .quick-links-wrapper,
    .social-wrapper{
        padding: 55px 0 60px;
    }
    .social-wrapper .more-link-wrap{
        margin-bottom: 25px;
    }
    .quick-links-wrapper .container > .flexbox{
        height: 457px;
    }
    .ql-col{
        width: 32.2%;
    }
    .mission-wrapper .flexbox{
        margin: 0 -15px;
    }
    .mission-wrapper .ql-box,
    .mission-wrapper .text-overlay{
        padding: 30px 10px;
    }
    .mission-wrapper .text-overlay h3:after{
        margin: 12px auto 0;
    }
    .stories-slider .person-box{
        height: 310px;
    }
    .signup-wrapper .flexbox{
        flex-direction: column;
        text-align: center;
    }
    .signup-wrapper .large-text{
        margin-bottom: 0;
    }
    .social-wrapper .container{
        padding: 0 15px;
    }
    .footer-top{
        margin: 0 -15px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .footer-main{
        padding: 40px 0 30px;
    }
    .difference-wrapper .info-box{
        padding: 0 25px;
    }
}

@media screen and (max-width: 900px) {
	
	.mob-only {
		display: inherit;
	}
	
    #header{
        height: 88px;
    }
    .top-bar{
        position: static;
        height: auto;
        background-color: #fff;
    }
    .top-bar .container{
        padding: 0;
    }
    .top-bar .flexbox > div:nth-child(1),
    .top-bar .flexbox > div:nth-child(2),
    .top-nav{
        display: none;
    }
    .top-bar .search-btn{
        position: absolute;
        top: 50px;
        right: 100px;
        transition: all 0.5s ease 0s;
        z-index: 1;
    }
    .search-box{
        position: static;
        height: 0;
        padding: 0 15px 0 35px;
        overflow: hidden;
    }
    .show-search .search-box{
        height: auto;
        padding: 15px 15px 15px 35px;
    }
    .show-search .search-btn{
        top: 84px;
    }
    .header-menu{
        height: auto;
    }
    .header-menu > .flexbox .flexbox{
        flex-grow: 0;
    }
    .logo{
        position: static;
        background: transparent;
    }
    .banner .banner-text{
        max-width: 560px;
    }
    .mission-wrapper h2,
    .large-text,
    .signup-wrapper .large-text{
        line-height: 60px;
        font-size: 56px;
    }
    .quick-links-wrapper .container > .flexbox{
        justify-content: center;
        height: auto;
    }
    .quick-links-wrapper .medium-title{
        margin-bottom: 25px;
    }
    .ql-col{
        width: 40%;
        margin: 0 7px 15px;
    }
    .ql-col:first-child .ql-box:first-child{
        margin-bottom: 15px;
    }
    .ql-col:last-child{
        width: calc(80% + 14px);
    }
    .ql-col:last-child .ql-box{
        width: calc(50% - 7px);
    }
    .ql-col:last-child .ql-box:first-child{
        margin-right: 7px;
    }
    .ql-col:last-child .ql-box:last-child{
        margin-left: 7px;
    }
    .mission-inner > div:first-child .ql-box:last-child {
	    margin-top: 0;
    }
    .mission-inner > div:last-child {
	    width: 41.6%;
    }
    .bar-callout{
        flex-direction: column;
        height: auto;
        text-align: center;
    }
    .bar-callout .img-box {
        height: 375px;
    }
    .cta-info-circle {
        width: 230px;
        height: 230px;
        padding: 45px 30px 15px 55px;
    }
    .cta-box{
        width: 100%;
    }
    .cta-box .cta-box-inner{
        padding: 40px 15px;
        justify-content: center;
    }
    .cta-box .cta-box-inner p:first-child{
        margin-bottom: 20px;
    }
    .cta-box .cta-box-inner p:first-child:after{
        margin: 20px auto 0;
    }
    .mission-wrapper{
        padding-top: 45px;
        text-align: center;
    }
    .mission-wrapper .flexbox{
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
    }
    .mission-wrapper .ql-box{
        height: 240px;
        margin: 0 7px;
    }
    .mission-wrapper .more-link-lg{
        top: 0;
        margin-top: 18px;
    }
    .mission-inner > div{
        width: 83.3%;
    }
    .mission-inner > div:first-child{
        left: 0;
    }
    .mission-inner > div:last-child{
        right: 0;
        margin-top: 15px;
    }
    .stories-wrapper{
        margin-top: 20px;
        padding-top: 45px;
    }
    .stories-slider .slick-slide img{
        transform: none;
    }
    .stories-slider .person-box{
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    .stories-slider .person-box img{
        position: static;
    }
    .stories-slider .slick-center .person-box img + img{
        display: inline-block;
    }
    .stories-slider .person-box img + img{
        display: inline-block;
        opacity: 1;
        visibility: visible;
    }
    .social-inner{
        height: auto;
        flex-wrap: wrap;
        justify-content: center;
    }
    .social-inner .soc-col{
        width: 80%;
    }
    .social-inner .soc-col:first-child,
    .social-inner .soc-col:last-child{
        width: 39.5%;
        margin: 0 0 0 4px;
    }
    .social-inner .soc-col:first-child{
        margin: 0 4px 0 0;
    }
    .social-inner .soc-col:nth-child(2){
        order: 1;
        margin: 8px 0 0;
    }
    .soc-box.soc-large-box{
        height: 300px;
    }
    .soc-box.soc-large-box h4{
        font-size: 22px;
    }
    .footer-top{
        padding: 40px 35px;
    }
    .footer-main{
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 40px 0 16px;
    }
    .footer-info{
        margin-top: 30px;
        padding: 0;
    }
    .footer-bottom{
        flex-direction: column;
        padding: 16px 0 25px;
        text-align: center;
    }
    
    .opportunities-page #content + .container {
	    padding-bottom: 20px;
    }

    .sub-banner{
        height: 250px;
    }
    .main-content .container > .table{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .main-content .content{
        display: block;
    }
    .main-content .sidebar{
        width: 100%;
        margin-top: 40px;
        padding: 0;
    }
    .sidebar .sidebar-menu{
        margin-bottom: 30px;
    }
    .difference-wrapper .info-box{
        width: 50%;
        margin-bottom: 35px;
    }
    
    .sub-ql .ql-box {
	    flex-basis: 48%;
    }
    
	/* ---- Staff Pages ---- */
	.staff-container > div {
		width: 50%;
	}
}   

@media screen and (max-width: 770px) { /* Tablet View */
    body {
        cursor: pointer; /* iOS Clicking Fix */
    }
    h1{
        font-size: 30px;
    }
    .mission-wrapper h2,
    .large-text,
    .signup-wrapper .large-text{
        line-height: 54px;
        font-size: 50px;
    }
    .medium-title,
    .toggle-box .toggle-head{
        line-height: 30px;
        font-size: 26px;
    }
    .banner .banner-text{
        padding: 0 0 0 15px;
    }
    .move-down{
        display: none;
    }
    .sub-banner .flexbox{
        justify-content: center;
    }
    .sub-banner .medium-title:after{
        margin: 15px auto 0;
    }
    .quick-links-wrapper,
    .social-wrapper{
        padding: 45px 0 50px;
    }
    .ql-col{
        width: 45%;
    }
    .ql-col:last-child{
        width: calc(90% + 14px);
    }
    .ql-box .text-overlay h3{
        margin-bottom: 5px;
    }
    .mission-inner > div{
        width: 94%;
    }
    .stories-wrapper br{
        display: none;
    }
    .signup-wrapper .flexbox{
        height: 400px;
    }
    .signup-wrapper .ico-envelope{
        width: 125px;
        height: 125px;
    }
    .social-inner .soc-col{
        width: 92%;
    }
    .social-inner .soc-col:first-child,
    .social-inner .soc-col:last-child{
        width: 45.4%;
    }
    .logo-row{
        justify-content: center;
    }
    .logo-row a{
        padding: 0 20px;
    }
    .toggle-box.toggle-open .toggle-head:after {
	    right: 20px;
    }
    .toggle-box .toggle-head:after{
        font-size: 38px;
    }
    .toggle-box .toggle-content{
        padding: 15px 0 30px;
    }
    
    .toggle-box .toggle-head {
	    padding-right: 55px;
    }
    
    .faq-question:before {
	    left: 5px;
    }
    
    .faq-answer:before {
	    left: 15px;
    }
    .faq-question {
	    padding-left: 45px;
    }
    .faq-section .faq-answer {
	    padding-left: 55px;
    }
    
    .sidebar-cta-banner h3{
        font-size: 24px;
    }
    
	/* ---- Staff Pages ---- */
	
	.staff-bio > div {
		flex-basis: 450px;
	}
    
    .staff-bio .staff-modal-image {
	    margin: 0 auto 10px;
    }
    .staff-container .name-heading,
    .staff-bio .name-heading,
    .staff-container .sub-heading,
    .staff-bio .sub-heading {
	    display: block;
	    text-align: center;
    }
}

@media screen and (max-width: 670px) { /* Phone View */
    .banner{
        min-height: 470px;
    }
    .banner .banner-text br{
        display: none;
    }
    .ql-col,
    .ql-col:last-child{
        width: 345px;
        margin: 0 0 15px;
    }
    .ql-col:last-child{
        margin: 0;
    }
    .ql-col:nth-child(2) .ql-box{
        height: 400px;
    }
    .ql-col:last-child .ql-box{
        width: 100%;
    }
    .ql-col:last-child .ql-box:first-child{
        margin: 0 0 15px;
    }
    .ql-col:last-child .ql-box:last-child{
        margin: 0;
    }
    .mission-inner > div:last-child {
	    width: 41.6%;
    }
    .mission-inner > div,
    .mission-inner > div:last-child {
        width: 345px;
        flex-wrap: wrap;
    }
    
    .mission-wrapper .ql-box{
        width: 100%;
        margin: 0;
    }
    .mission-wrapper .ql-box + .ql-box{
        margin-top: 15px !important;
    }
    .more-link-wrap{
        text-align: center !important;
    }
    .stories-wrapper:after{
        bottom: 36px;
    }
    .stories-wrapper .more-link-wrap{
        margin-top: 0;
    }
    .stories-wrapper .more-link-wrap a{
        padding: 0;
        background-color: transparent;
    }
    .signup-wrapper .flexbox{
        height: auto;
    }
    .signup-wrapper .flexbox > div:nth-child(2){
        margin: 20px 0;
    }
    .social-inner .soc-col,
    .social-inner .soc-col:first-child,
    .social-inner .soc-col:last-child{
        width: 345px;
    }
    .social-inner .soc-col:first-child{
        margin: 0;
    }
    .social-inner .soc-col:nth-child(2){
        order: 0;
        margin: 15px 0;
    }
    .soc-box,
    .soc-box.soc-large-box{
        height: 240px;
    }
    .soc-box > [class^=fa]{
        opacity: 0;
        visibility: hidden;
    }
    .soc-box:not(.soc-large-box):not(.soc-short) .text-overlay{
        opacity: 1;
        visibility: visible;
        background-color: rgba(28, 28, 28, 0.5);
    }
    .soc-short{
        height: 120px;
    }
    .difference-wrapper .info-box{
        width: 80%;
        padding: 0;
        margin: 0 auto 30px;
    }
    
    .logo-row {
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
    }
    .logo-row a {
	    margin: 10px 0;
    }
    .logo-row:last-child {
	    margin-top: 0;
    }
    
	/* ---- Staff Pages ---- */
	.staff-container > div {
		width: 100%;
	}
	
}
@media screen and (max-width: 600px) {
	.sub-ql .ql-box {
	    flex-basis: 100%;
    }
    
    .list-info {
	    flex-wrap: wrap;
    }
    .list-info > span {
	    margin: 5px 0 !important;
	    padding: 0 10px;
	    flex-basis: 50%;
	    text-align: left;
    }
    .list-info > span:first-child,
    .list-info > span:first-child {
	    flex-basis: 100%;
/* 	    padding: 0; */
    }
    .opportunities-page .list-item .more-link {
	    margin-left: 15px;
    }
    
/*
    .opportunities-page .list-item {
	    padding: 15px;
    }
*/
    
    .staff-item.flexbox {
	    flex-wrap: wrap;
    }
    
    .staff-item .photo-box,
    .staff-item .content-box,
    .staff-container .name-heading,
    .staff-bio .name-heading {
		text-align: center;
		width: 100%;
		flex-basis: 100%;
		padding-right: 0;
	    padding-left: 0;
    }
    
}
@media screen and (max-width: 480px) {
    #menu{
        min-height: 100px;
    }
    h2,
    .mission-wrapper h2,
    .signup-wrapper .large-text{
        line-height: 34px;
        font-size: 28px;
    }
    h3{
        line-height: 32px;
    }
    .medium-title,
    .toggle-box .toggle-head{
        font-size: 24px;
    }
    .btn{
        min-width: 170px;
        padding: 15px 15px 13px;
    }
    .btn-light,
    .btn-light-blue{
        padding: 13px 15px 11px;
    }

    #header,
    .logo img{
        height: 70px;
    }
    .header-menu > .flexbox{
        padding: 0 0 0 5px;
    }
    .logo-wrapper,
    .logo{
        width: auto;
    }
    .top-bar .search-btn{
        top: 25px;
    }
    .top-bar .search-btn.close i{
        font-size: 24px;
    }
    .show-search .search-btn{
        top: 77px;
    }
    .show-search .search-box{
        padding: 15px;
    }
    .search-box{
        padding: 0 15px;
    }

    .alert-wrapper .alert-btn{
        width: 50px;
        height: 50px;
    }
    .banner{
        min-height: auto;
    }
    .banner .banner-text{
        padding: 0;
    }
    .large-text{
        line-height: 44px;
        font-size: 38px;
    }
    .sub-banner{
        height: 210px;
    }
    .quick-links-wrapper .medium-title,
    .mission-wrapper h2{
        margin-bottom: 20px;
    }
    .ql-col,
    .ql-col:last-child,
    .mission-inner > div,
    .social-inner .soc-col,
    .social-inner .soc-col:first-child,
    .social-inner .soc-col:last-child{
        width: 330px;
    }
    .bar-callout .img-box{
        height: 315px;
    }
    .bar-callout br,
    .footer-main p br{
        display: none;
    }
    .cta-info-circle{
        width: 210px;
        height: 210px;
        padding: 45px 20px 15px 55px;
        font-size: 16px;
    }
    .cta-box .btn:first-of-type{
        margin-right: 0;
    }
    .stories-wrapper{
        margin-top: 35px;
        padding-top: 0;
    }
    .signup-wrapper .ico-envelope{
        width: 58px;
        height: 59px;
        border: 0;
    }
    .soc-top .social{
        border-left: 0;
        padding-left: 0;
    }
    .social-inner .soc-col:nth-child(2){
        margin: 8px 0;
    }
    .footer-top {
        padding: 40px 0;
    }
    .footer-menu li,
    .footer-menu li:last-child{
        margin: 0 10px;
    }
    .footer-menu li a{
        line-height: 24px;
    }
    .toggle-box .toggle-head:after{
        right: 15px;
        font-size: 32px;
    }
    .toggle-box{
        margin-bottom: 15px;
    }
    .difference-wrapper .inner-box{
        margin: 0 auto 30px;
    }
    
    .filter-section {
	    text-align: center;
    }
    
    .filter-section label {
	    display: block;
	    margin-top: 15px;
	    margin-left: 0;
    }
    
    .filter-select {
	    margin-left: 0;
    }
    
    .filter-section.loading-icon:after {
	    position: absolute;
	    bottom: 20px;
	    right: 20px;
    }
    
    .medium-title-home {
	    font: 25px/30px 'Gotham-Medium', sans-serif;
	    margin-bottom: 15px;
    }
}

@media screen and (max-width: 360px) {
    h1{
        font-size: 28px;
    }
    #menu{
        right: -100%;
        width: 100%;
    }
    .main-nav nav{
        padding: 100px 0 45px;
    }
    .nav-close-btn{
        top: 22px;
    }
    .ql-col,
    .ql-col:last-child,
    .mission-inner > div,
    .social-inner .soc-col,
    .social-inner .soc-col:first-child,
    .social-inner .soc-col:last-child,
    .main-content .sidebar{
        width: 100%;
    }
    .bar-callout .img-box{
        height: 240px;
    }
    .cta-info-circle{
        display: none;
    }
    .stories-slider .person-box{
        height: 275px;
    }
    .soc-top .medium-title{
        margin-bottom: 15px;
    }
    .soc-top .social{
        margin-left: 0;
    }
    .logo-row a{
        padding: 0 12px;
    }
    .sidebar-menu h3{
        margin-bottom: 10px;
    }
}