/****************************************************
        5000
*****************************************************/
@media (max-width: 5000px) {
  .container {
    padding-right: 0px;
    padding-left: 0px;
}
}
/****************************************************
       1920
*****************************************************/
@media (max-width: 1920px) {
  .our-programs h3 {
    font-size: 23px;
}
.grantee-list-banner .top .inner, .nav-tabs.industries.second, .grantee-list-banner .bottom ul.first, .grantee-list-banner.investigator-detail-banner .bottom .inner  {
    margin-left: 37.5%;
}
.investigator-detail-banner .top .inner {
    margin-left: 5%;
}
.nav-tabs.industries.second li {
    width: 19%;
}
.grantee-list-banner .col-md-6.right img {
    margin: -175px 0 0 0;
}
}
@media (max-width: 1800px) {
.grantee-list-banner .top .inner, .nav-tabs.industries.second, .grantee-list-banner .bottom ul.first, .grantee-list-banner.investigator-detail-banner .bottom .inner {
    margin-left: 22%;
}
.our-programs .overlay p {
    padding: 0 4%;
    line-height: 22px;
}
.grantee-list-banner.investigator-detail-banner .col-md-6.right img {
    margin: -21% 0 0 0;
}
}
@media (max-width: 1600px){
    .top-level-link a.link {
    width: 90%;
}
    }
@media (max-width: 1500px) {
.our-programs ul li {
    width: 48%;
    margin: 20px 10px 0 12px;
}
.our-programs h3 {
    max-width: 60%;
    margin-top: 9px;
}
 .grantee-list-banner.grant-detail-banner .col-md-6.left-col {
    padding: 50px 0 20px 10%;
}
.grantee-list-banner .top .inner, .nav-tabs.industries.second, .grantee-list-banner .bottom ul.first, .grantee-list-banner.investigator-detail-banner .bottom .inner {
     margin-left: 21%;
}
.investigator-detail-banner .top .inner {
    margin-left: 5%;
}
.our-programs ul{
    width: 1183px;
    margin: 0px auto;
}
.our-programs .overlay .button-wrapper {
    left: 35%;
}
.grantee-list-banner .col-md-6.right img {
    margin: -100px 0 0 0;
}
}
@media (max-width: 1450px) {
/*  .grantee-list-banner .col-md-6.right {
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}*/
/*.grantee-list-banner .col-md-6.right img {
    width:100%;
    height:100%;
}*/
}
@media (max-width: 1410px) {
  .six-section-container {
    width: 1280px;
}
.six-section .quarter {
    height: 300px;
    width: 300px;
}
.six-section .half-horz {
    width: 620px;
    height: 300px;
}
.six-section-container .half-vert {
    width: 308px;
}
.six-section-container .half-vert.right {
    margin-left: 21px;
}
.six-section-container .half-vert {
    height: 620px;
    width: 300px;
}
section.half {
    width: 98%;
}
}
/****************************************************
       1383
*****************************************************/
@media (max-width: 1383px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
}
.top-level-link a.close {
    margin-top: 12px;
    margin-right: 13px;
}
.news-container .blog-post {
   max-height: 358px;
}
.grantee-list-banner .col-md-6.right img {
    margin: -63 0 0 0;
}
.grantee-list-banner.investigator-detail-banner .col-md-6.right img {
    margin: -14% 0 0 0;
}
.our-programs.grantees-wrapper.investigator-wrapper ul li {
    width: 22.8%;
}
.grant-tiles li {
    width: 31.7%;
}
.sub-menu-new .arrow {
    margin: -32px 0px 0px 530px;
}
.nav-tabs.industries.second li span.text-uppercase {
    font-size: 11px;
}
.grant.grant-tile-overlay ul li {
    margin: 0 0 17px 26px;
}
.grant-tile-overlay ul {
    margin-bottom: 15px;
}
.grant-tiles li {
    height: 427px;
}
.grant-tiles-wrapper p.first-paragraph {
    margin: 0 0 125px 0;
}
.grantee-list-banner .top .inner, .nav-tabs.industries.second, .grantee-list-banner .bottom ul.first, .grantee-list-banner.investigator-detail-banner .bottom .inner {
    margin-left: 16.5%;
}
.grant.grant-tile-overlay {
    min-height: 419px;
    width: 100%;
}
.grant-tiles-wrapper {
    min-height: 420px;
}
.controls.search-result-filter li.col-5 {
    width: 24%;
}
.sub-menu-new {
    margin: 0 0 0 -15px;
}
.blog-post-images {
    height: 136px;
    width: 364px;
}
.blog-post.media-item .thumb-icon {
    left: 146px;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {

}
@media only screen and (min-width: 1024px) and (max-width: 1920px) {

}
/****************************************************
      1280
*****************************************************/
@media  (max-width: 1280px) {
.our-programs.grantees-wrapper.investigator-wrapper ul li {
    width: 22.3%;
}
.grantee-list-banner.investigator-detail-banner .col-md-6.right img {
    margin: -8% 0 0 0;
}
.sub-menu-new .arrow {
    margin: -32px 0px 0px 533px;
}
.grantee-list-banner.grant-detail-banner .col-md-6.left-col {
    padding: 50px 0 20px 5%;
}
.grant ul p {
    font-size: 19px;
}
.grantee-list-banner .top .inner, .nav-tabs.industries.second, .grantee-list-banner .bottom ul.first, .grantee-list-banner.investigator-detail-banner .bottom .inner {
    margin-left: 62px;
}
.grantee-list-banner .col-md-6.right {
    width: 50%;
}
section.half .inner-wrapper {
    padding: 20px 20px 0px 20px;
}
.six-section-container {
    width: 1024px;
}
.six-section .quarter {
    height: 236px;
    width: 236px;
}
.six-section .play-image {
    bottom: 72px;
    left: 83px;
}
.six-section .half-horz {
    width: 492px;
    height: 236px;
}
.six-section-container .half-vert {
    width: 236px;
}
.six-section-container .half-vert.right {
    margin-left: 21px;
}
.six-section-container .half-vert {
    height: 492px;
    width: 236px;
}
.grantee-list-banner .col-md-6 {
    height: 566px;
}
.grantee-list-banner .top h1 {
    font-size: 24px;
    line-height: 30px;
}
.grantee-list-banner .top {
    height: 175px;
}
.grantee-list-banner .bottom ul.first li {
    margin: 0 0 14px 0;
}
.grantee-list-banner.grant-detail-banner .col-md-6.left-col h3 {
    font-size: 26px;
    min-height: 154px;
}
.grantee-list-banner.grant-detail-banner .right span {
    font-size: 24px;
}
.grantee-list-banner.grant-detail-banner .col-md-6.left-col .bottom {
    padding: 35px 0 0 0;
}
.grantee-list-banner.grant-detail-banner .bottom ul.first li {
    margin: 0 0 25px 0;
}
.grantee-list-banner.grant-detail-banner .col-md-6 {
    height: 464px;
}
.grant-detail-mid-content p {
    font-size: 24px;
}
.grant.grant-tile-overlay {
    height: 98%;
}
.our-programs h2 {
     margin: -22px 0 20px 0;
     font-size: 40px;
}
.hero-text {
    margin-left: 2px;
}
.our-programs.investigator-wrapper ul {
    padding-top:15px;
}
h2.centered {
    margin: -25px 0px 35px 0px;
    font-size: 40px;
}
section.half .left, section.half .right {
    max-height: 455px;
}
.six-section-overlay .button-wrapper {
    bottom: 20px;
    left: 34px;
}
.our-programs.grantees-wrapper.investigator-wrapper ul li {
    height: 263px;
}
.top-level-link a.link {
    width: 90%;
    padding-left: 0px;
}
.blog-post-images {
    height: 110px;
}
.chart-legend li {
   margin: 0 6% 0 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {

}
/****************************************************
       1199
*****************************************************/
@media (max-width: 1199px) {
  .grantee-list-banner .right span {
    font-size: 35px;
}
  .sf_cols.container {
       padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width:100%;
}
.news-container .post-details {
    min-height: 250px;
}
.sub-menu-new {
    margin: 0px;
}
.our-programs.grantees-wrapper ul li {
   height: 438px;
}
.our-programs.grantees-wrapper ul li.last {
    margin: 0px 33px 33px 0px;
}
.blog-post.media-item .thumb-icon {
    top: 34px;
    left: 110px;
}
.grantee-list-banner.investigator-detail-banner .col-md-6.right img {
    margin:0%;
}
.facebook-content-left {
    width: 22%;
}
.facebook-content-right {
    width: 78%;
}
.nav-tabs.industries.second li span.text-uppercase {
    font-size: 9px;
}
.nav-tabs.industries.second {
    padding: 32px 0;
}
.nav-tabs.industries > li {
    width: 140px;
}
.sub-menu-new {
    width: 100%;
    left: 0px;
}
.controls .width-20 {
    width: 17% !important;
}
.our-programs.grantees-wrapper ul li {
    width: 46.4%;
    margin-block-end: 31px;
}
.container.controls {
    width: 100%;
}
.grant-tiles-wrapper p.first-paragraph {
    margin: 0 0 100px 0;
}
.grant.grant-tile-overlay ul li {
    margin: 0 0 20px 0;
    float: none;
    width: 100%;
}
.grant.grant-tile-overlay.grantee-tile-overlay p {
    min-height: 249px;
}
.grant.grant-tile-overlay .grant-tile-lead-contact-container p {
    font-size: smaller;
    text-align: left;
}
.our-programs ul {
    width: 100%;
}
.our-programs ul li {
    width: 47%;
    margin: 22px 10px 0 16px;
}
.sub-menu-new .arrow {
    margin: -32px 0px 0px 34%;
}

.grantee-list-banner.investigator-detail-banner .bottom .inner .stats {
    margin: 60px 0 0 0;
}
.grantee-list-banner.grant-detail-banner .bottom ul.first {
    width: 90%;
}
.grant.grant-tile-overlay {
    min-width: auto;
    width: 100%;
}
.grant.grant-tile-overlay ul li {
    border-right: none;
}
.grant-tiles-wrapper {
    height: 427px;
}
.grant-tiles li {
    width: 31.4%;
}
.grant ul li {
    width: 30.3%;
}
.grantee-list-banner.grant-detail-banner .right span {
    font-size: 26px;
}
.grantee-list-banner .col-md-6.right img {
    width: 100%;
    height: 100%;
    margin: 0px;
}
.grantee-list-banner.investigator-detail-banner .col-md-6.right img {
    width:auto;
    height:auto;
}
.grant.grant-tile-overlay {
   height:100%;
}
.our-programs.grantees-wrapper.investigator-wrapper ul li {
    height: 210px;
}
.grantee-list-banner .top .inner, .nav-tabs.industries.second, .grantee-list-banner .bottom ul.first, .grantee-list-banner.investigator-detail-banner .bottom .inner {
    margin-left: 14px;
}
.our-programs.grantees-wrapper.investigator-wrapper ul.trustees li {
    width: 21.4%;
}
.half p {
    font-size: 14px;
    line-height: 22px;
}
.top-level-link .inner-container {
    width: 100%;
}
.sub-menu-new .main-items {
    width: 100%;
}
.sub-menu-new li {
    width: 24.1%;
}
.sub-menu-new .sub-items {
    width: 100%;
}
.top-level-link a.link {
    margin: 0px 0 0 15px;
}
.blog-post-images {
    height: 110px;
    width: 293px;
}
.six-section-container img.main-image{
    height:100%;
    width:100%;
    }
    .pie-total-amount {
    font-size: 22px;
}
.chart-legend li {
   margin: 0 3% 0 0;
}
.pie-total-wrapper {
  top: 43%;
}
.tags-social .tag-right, .tags-social .tag-left {
    width: 100%;
}
 .controls-with-filter li.col-6 {
    width: 13%;
}
.controls-with-filter li.col-2 {
    margin-right: 20px;
        width: 15%;
}
}
@media (max-width: 1064px) {


}
/******* Only for iPad Css *******/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}

/****************************************************
     1024
*****************************************************/
@media (max-width: 1024px) {
.grant ul li {
    width: 30.3%;
}
.our-programs .overlay .button-wrapper {
    left: 32%;
}
.our-programs.grantees-wrapper.investigator-wrapper ul.trustees li {
    width: 20.4%;
}
.chart-legend li {
    display: inline-block;
    width: 100%
}
.grantmaking-charts.line-chart {
    margin-top: 0;
}
}
@media (max-width: 1023px) {
.six-section-container .col-md-6{width:100%;}
.six-section-container {
    width: 768px;
}
.six-section .play-image {
    bottom: 150px;
    left: 150px;
}
.six-section-container .half-vert {
    height: auto;
    width: 50%;
    margin-top: 20px;
}
.six-section .half-horz {
    width: 100%;
    height: auto;
}
.six-section .quarter {
    height: 374px;
    width: 374px;
}
.six-section-container .half-vert.right {
    margin-left: 10px;
    width: 374px;
    height: 768px;
}
.chart-legend li {
    display: inline-block;
}
}
/****************************************************
      991
*****************************************************/
@media (max-width: 991px) {
    .panoramic-article-content-top {
        padding-bottom: 60px;
    }
    .mobile-nav {
        display: block !important;
    }
    .desktop-nav, .sub-menu-new {
        display:none !important;
    }
    .sub-menu-new.mobile{
        overflow:auto;
        background-color: transparent;
        top: 0px;
        position: relative;
    }
    .top-level-link-mobile {
        display: block;
        background: #456a79;
        width: 100%;
        padding: 30px 0px 30px 57px;
        text-align:     left;
        margin:0px !important;
        font-size: 18px !important;
        text-transform: none;
    }
    .nav-white.sticky-nav.mobile-nav .navbar-nav li .top-level-link-mobile-about {
        padding: 25px 0px 0px 54px !important;
        display: block;
        height: 83px !important;
        margin: 0px 0px 0px -15px !important;
        width: 109%;
        background: #456a79 !important;
        font-size: 18px;
        text-transform: none;
    }
    .nav-white.sticky-nav.mobile-nav .navbar-nav li .top-level-link-mobile:hover {
         background: #456a79  !important;
      color:#fff !important;
    }
        .our-programs.grantees-wrapper ul li {
       height: 326px;
    }
    .sub-menu-new.mobile.expanded {
        display:block !important;
    }
    .sub-menu-new.mobile .main-items {
        padding: 0px;
    }
    .blog-post.media-item .thumb-icon {
        top: 39%;
        left: 46%;
    }
    .blog-post.media-item .blog-post-images img.main-image {
        width: 100%;
        height: auto;
        -ms-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        transform: sscale(1,1);
    }
    .blog-post.media-item .blog-post-images {
        height: auto;
        width: 100%;
    }
    .sub-menu-new .main-items li.selected img.main-image {
        -webkit-filter: brightness(30%);
        filter: brightness(100%);
    }
    .accordion-menu {
        min-height:500px;
    }
    .sub-menu-new.mobile li {
        width: 50%;
        margin: 0px;
        padding: 0px;
    }
    .sub-menu-new.mobile .content {
        top: 30%;
    }
    .navbar-toggle {
        margin-right: 10px;
    }
    .blog-post-images {
        width: 220px;
        height:83px;
    }
    .grantee-list-banner.investigator-detail-banner .col-md-6.right img {
        margin: 0px;
        width: 100%;
    }
    .facebook-content-left {
        width: 62px;
    }
    .facebook-content-right {
        width: 90%;
    }
    .instagram-grid {
        padding: 17px 0 0 3px;
        width: 386px;
        margin: 0px auto;
    }
    .navbar-toggle {
        margin-top: 26px;
    }
    .hero-text, .programs-ec .hero-text, .programs-sfba .hero-text {
        width: 100%;
        margin-left: 0px;
    }
    .navbar-default .navbar-toggle {
        background-color: #46959f;
    }
    .navbar.shrink-nav .text-right {
        top: 100px;
    }
    .nav-tabs.industries > li {
        width: 23%;
    }
    .grant-tiles li {
        width: 46%;
          height: 375px;
    }
    .our-programs.grantees-wrapper.investigator-wrapper ul li {
        width: 44%;
        margin-bottom: 25px;
    }
    .grantee-list-banner .right {
        float: none;
    }
    .controls li {
        width: 100% !important;
        margin: 10px 0;
    }
    .controls .width-20 {
        width: 100% !important;
    }
    .our-programs.grantees-wrapper ul li {
        width: 45%;
        margin-bottom: 33px;
    }
    .video-image {
        margin-top: 30px;
    }
    .grantee-list-banner.grant-detail-banner .col-md-6.left-col.contact {
        height: 590px;
    }
    .grantee-list-banner.grant-detail-banner .col-md-6.right-col.contact {
        height: 480px;
    }
    .grantee-list-banner.grant-detail-banner .col-md-6.left-col .bottom {
        margin: 50px 20px 0 0;
    }
    .grantee-list-banner.grant-detail-banner .right {
        float: right;
    }
    .grant-tiles li {
        width: 100%;
        height: 403px;
    }
    .grant.grant-tile-overlay ul li {
        margin: 0 0 10px 21px;
    }
    .grantee-list-banner .col-md-6.right {
        width: 100%;
    }
    .our-programs.grantees-wrapper ul li {
        width: 45%;
    }
    .our-programs ul li {
        width: 46%;
        margin: 22px 10px 0 20px;
    }
    .our-programs.contacts ul li {
        width: 40%;
        border-right: none;
    }
    .sub-menu-new .arrow {
        margin: -32px 0px 0px 34%;
    }

    section.half .left, section.half .right {
        max-height: 100%;
    }
    section.half .inner-wrapper {
        padding: 30px 30px 40px 30px;
    }
    .blog-post.media-item {
        margin: 20px 0;
    }.grantee-list-banner .col-md-6.right img {
        width:auto;
        height:auto;
    }
    .container.controls.controls-centered {
        width: 100%;
    }
    .toggle-buttons{
        margin-top: 23px;
    }
    .grantee-list-banner .col-md-6 {
        height: auto;
    }
    .grant.grant-tile-overlay {
        width: 100%;
    }
    .grant.grant-tile-overlay ul li {
        float: left;
        width: 44%;
    }
    .grant-tiles-wrapper {
        height: auto;
    }
    .grant-tile-overlay .btn {
        position: relative;
        bottom: auto;
        left: auto;
        margin: 11% 0 0 0;
    }
    .our-programs.grantees-wrapper.investigator-wrapper ul li {
        height: 316px;
    }
    .grantee-list-banner.investigator-detail-banner .bottom .inner p {
        min-height: auto;
    }
    .sticky-nav .nav > li {
        border-top: 1px solid #e1e2e3 !important;
    }
    .sticky-nav .nav > li:last-child {
        border-bottom: 1px solid #e1e2e3 !important;
    }
    .navbar .text-right {
        top: 100px;
    }
    .search-form .search-button {
        position: absolute;
        top: 39px;
        right: 7px;
    }
    .grantee-detail-left-bottom {
        min-height: auto;
    }
    .hero-text.no-button {
        margin-left: 0px;
        min-height: auto;
            padding: 62px 40px;
    }
    .grant.grant-tile-overlay.grantee-tile-overlay p {
        min-height: 149px;
    }
    .news-container .post-title {
        margin: 20px 0;
    }
    .news-container .blog-post {
        max-height: auto;
    }
    .grantee-list-banner.investigator-detail-banner.investigator-detail-banner .col-md-6.right img {
       max-width: 100%;
    }
    .grantee-list-banner.investigator-detail-banner .bottom {
        height: auto;
    }
    .grantee-list-banner.investigator-detail-banner .col-md-6 {
        height: auto;
    }
    .owl-small-slider .hero-text {
        margin-top: 110px;
    }
    .annual-report-chart-widget-section .pie-total-wrapper {
        left: 40%;
        top: 42.5%;
    }
    .pie-total-wrapper {
        left: 40.6%;
        top: 59%;
    }
    .chart-legend li {
        margin: 20px 0;
        width: 100%;
    }
    .controls li:last-child {
        margin: 10px 0;
    }
    .filtersPopUp {
        margin: 15px 0 0 0;
    }
    .annual-report-chart-widget-section .chart-legend.single-chart {
        margin-top: -20px;
        padding-bottom: 10px;
    }
    .annual-report-chart-widget-section .chart-legend li {
        margin: 0;
    }
    .annual-report-chart-widget-section .footer-buttons > div {
        text-align: center;
    }
    .annual-report-chart-widget-section .footer-buttons .right {
        margin-bottom: 10px;
        text-align: center;
    }
    .annual-report-program-widget-section .highlight-button {
        text-align: center;
        width: 100%;
    }
    .annual-report-program-widget-section .metric {
        margin-bottom: 30px
    }
    .annual-report-program-widget-section .metric h2 {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .annual-report-program-widget-section .move {
        margin-bottom: 30px;
        margin-top: -40px;
        text-align: center;
    }
}

@media (max-width: 920px) {

}
/****************************************************
       768
*****************************************************/
@media (max-width: 768px) {
    .social-wrapper .blog-post.media-item, .related-images {
    padding: 0 0 10px 0;
}
.modal-dialog {
    width: 93%;
}
.our-programs.grantees-wrapper ul li {
    height: auto;
    min-height: 291px;
}
.our-programs.grantees-wrapper ul li.last {
    margin: 0 0 35px 0;
}
.sub-menu-new.mobile .content {
    top: 14%;
}
.grantee-list-banner.approach .first .right.list {
    width: 100%;
}
.blog-post-images {
    width: 100%;
}
.blog-post-images img.main-image {
    width: 100%;
    height: auto;
}
.facebook-content-left {
    width: 23%;
}
.facebook-content-right {
    width: 74%;
}
  .hero-text {
    width: 100%;
}
  .our-programs ul li {
    width: 100%;
    margin:20px 0;
}
.our-programs.contacts ul li {
    width: 100%;
}
.grant-tiles li {
    width: 100%;
}
.our-programs.grantees-wrapper ul li {
    width: 100%;
}
.grantee-list-banner.investigator-detail-banner .bottom .inner p {
    font-size: 20px;
    line-height: 29px;
}
.grant.grant-tile-overlay {
    height: 98%;
}
.our-programs .overlay .button-wrapper {
    left: 37%;
}
.grantee-list-banner.approach .col-md-6 {
    height: auto;
    overflow: visible;
    width: 100%;
    float: left;
}
.grantee-list-banner.approach .bottom ul.first, .grantee-list-banner.approach .nav-tabs.industries.second {
    margin-left: 0px;
    margin-right: 0px;
}
.our-programs.grantees-wrapper.investigator-wrapper ul li {
    height: auto;
}
.tags {
    display: block;
    height: 98px;
}
.our-programs.grantees-wrapper.investigator-wrapper ul.trustees li {
    width: 42.2%;
}
.annual-report-chart-widget-section .pie-total-wrapper {
    left: 40%;
    top: 42%;
}
.pie-total-wrapper {
    left: 40%;
    top: 42%;
}
.filtersPopUp {
    margin: -22px 0 0 0;
}
}

@media (max-width: 767px) {
    .grant-datagrid thead {
        display: none;
    }
    .grant-datagrid table tbody .responsive {
        display: block;
    }
    .grant-datagrid table tbody .responsive.inline-header {
        color: #41616f;
        display: inline-block;
        font-weight: 600;
        text-transform: uppercase;
        vertical-align: top;
        width: 30%;
    }
    .grant-datagrid table tbody div.inline-value {
        display: inline-block;
        width: 60%;
    }
    .grant-datagrid table tbody tr.responsive {
        height: 25px;
    }
    .grant-datagrid table tbody td {
        display: block;
        padding: 0 0 10px 0;
    }
    p {
    margin: 20px 0;
}
  .search-cart-header {
    padding-top: 33px;
}
.blog-post-images {
    margin-bottom: 0px;
    width:100%;
    height:auto;
}
.hero-text {
    margin-top: 110px;
    padding: 20px;
}
.hero-text p {
    font-size: 14px;
    line-height: 22px;
}
.hero-text .btn.btn-large {
    font-size: 14px;
    padding: 10px 23px;
}
.hero-text h1 {
    font-size: 32px;
    line-height: 30px;
}
.nav-tabs.industries > li {
    width: 50%;
    text-align: center;
    border-right: none;
    margin:0 0 20px 0;
}
.grantee-list-banner .right span {
    font-size: 22px;
}
.nav-tabs.industries.second li {
    width: 50%;
}
.grantee-list-banner .top h1 {
    float: left;
    width: 100%;
}
.grantee-list-banner .top span {
    float: left;
    width:100%;
    text-align: left;
}
.grant-detail-mid-content p {
    font-size: 19px;
    line-height: 29px;
}
.grantee-list-banner.grant-detail-banner .col-md-6.left-col .bottom .right {
    border-left: 0px;
    float: left;
}
.six-section-container {
    width: 100%;
    padding: 0 15px;
}
.six-section .quarter {
    height: 100%;
    width: 100%;
}
.six-section-container .half-vert {
    width: 100%;
}
.six-section .play-image {
    bottom: 30px;
    left: 44px;
}
.six-section-container .half-vert.right {
    margin-left: 0px;
    width: 100%;
    height: auto;
    margin-top: 0px;
}
.grantee-list-banner.grant-detail-banner .col-md-6 {
    height: auto;
}
.news-container .blog-post {
    max-height: 420px;
}
#top-search {
    margin: 1px 0 0 16px;
}
.annual-report-chart-widget-section .pie-total-wrapper {
    left: 32%;
    top: 42%;
}
.pie-total-wrapper {
    left: 32%;
    top: 31%;
}
}
@media (max-width: 700px) {
    .annual-report-chart-widget-section .pie-total-wrapper {
        left: 39%;
    }
}
@media (max-width: 640px) {
.blog-post-images {
    height: 150px;
}
.filtersPopUp {
    margin: -15px 0 0 0;
}
}
@media (max-width: 589px) {

.full-video-wrapper {
    height: auto;
}
}
@media (max-width: 580px) {
 .our-programs.grantees-wrapper.investigator-wrapper ul li {
    width: 100%;
}
}
/****************************************************
       480
*****************************************************/
@media (max-width: 480px) {
    .blog-post.media-item, .related-images {
    height: auto;
}
.blog-post.media-item .thumb-icon {
    top: 33%;
    left: 43%;
}
.sub-menu-new.mobile h3 {
    font-size: 18px;
    color: #FFF;
    margin-top: 6px;
    font-weight: 400;
}
.sub-menu-new.mobile li .icon {
    width: 45px;
}
.instagram-grid {
    width: 100%;
}
.hero-text {
    margin-top: 110px;
    min-height: auto;
}
h1, .h1 {
    font-size: 23px;
    line-height: 28px;
}
.hero-text p {
    line-height: 22px;
}
.hero-text h1 {
    font-size: 21px;
    line-height: 22px;
}
.hero-text p {
    line-height: 24px;
    font-size: 18px;
}
.single-p {
    margin: 10px 0;
    line-height: 18px;
}
.btn.btn-large {
    font-size: 14px;
    padding: 10px 23px;
}
.post-author {
    margin: 10px 0;
}
.news-container .post-title {
    line-height: 111%;
}
.our-programs .overlay p {
    line-height: 16px;
    font-size: 12px;
    margin: 7px 0 0 0;
}
.our-programs .overlay .button {
    margin: 0px 0 0 -24px;
}
.hero-center p {
    margin: 15px 0 25px 0;
}
.grantee-list-banner.grant-detail-banner .right span {
    font-size: 28px;
}
.grant-tiles li {
    height: auto;
}

.toggle-buttons .btn.btn-large {
    font-size: 14px;
    padding: 6px 34px;
}
.grant ul li:first-child {
    margin: 10px 0;
}
.grant ul li {
    width: 100%;
    margin: 14px 0;
    border: none;
}
.grant span.headline {
    margin: 10px 0;
}
.grant.grant-tile-overlay {
    height:100%;
}
.our-programs.grantees-wrapper.investigator-wrapper ul.trustees li {
    width: 100%;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: auto;
}
.grant.grant-tile-overlay.grantee-tile-overlay p {
    min-height: 160px;
}
.blog-post-images {height: 97px;}
.owl-small-slider .hero-text {
    margin-top: 110px;
    height:100px;
}
.toggles-style3 .panel-title {
    padding: 10px 10px 10px 30px;
}
.toggles-style3 .panel-title span {
    left: 10px;
    top: 10px;
}
.filtersPopUp {
    margin: -6px 0 0 0;
}
.grantmaking-charts.donut-chart {
    margin-bottom: -240px;
}
.grantmaking-charts h3.pie-header {
    margin-bottom: -150px;
}
.annual-report-chart-widget-section .pie-total-wrapper {
    left: 33%;
}
}
@media (max-width: 420px) {

}
@media (max-width: 466px) {

}
/****************************************************
      375
*****************************************************/
@media (max-width: 375px) {
.grant.grant-tile-overlay.grantee-tile-overlay p {
    min-height: 135px;
}
.grantmaking-charts h3.pie-header {
    margin-bottom: -170px;
}
.annual-report-chart-widget-section .pie-total-wrapper {
    left: 30%;
    top: 44%;
}
.pie-total-wrapper {
    left: 30%;
    top: 28%;
}
.filtersPopUp {
    margin: -2px;
}
}
/****************************************************
       366
*****************************************************/
@media (max-width: 366px) {
  .grant img {
    width: 43px;
}
}
@media (max-width: 359px) {


}
@media (max-width: 330px) {

}
/*  only mobile devices landscape view  */
@media screen and (max-width: 320px) , screen and (max-height: 480px) {

}
/****************************************************
      320
*****************************************************/
@media (max-width: 320px) {
    .annual-report-chart-widget-section .pie-total-wrapper {
        left: 29%;
        top: 44%;
    }
    .pie-total-wrapper {
        left: 29%;
        top: 31%;
    }
    .pie-total-label {
        font-size: 16px;
    }
    .pie-total-amount {
        font-size: 19px;
    }
    .annual-report-program-widget-section .video-image, .annual-report-welcome-widget-section .video-image {
        height: initial;
    }
    .annual-report-program-widget-section .video-image .video-image-img, .annual-report-welcome-widget-section .video-image .video-image-img {
        margin-top: -27px;
        margin-bottom: -27px
    }
}

@media (min-width: 640px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}

/****************************************************
     Height 580
*****************************************************/
@media screen and (max-height:665px){
 .sub-menu-new {
    position: relative;
}
}