.mobile-only{display: none;}
.half-only{display: none;}
/* Min width 1200px */
/* @media (min-width: 1200px){
    .container{width: 1020px;}
} */

@media (min-width: 1920px){
    .region-secondary-menu nav > ul > li.menu-item--expanded:nth-child(3)::after {
        left: 47.2%;
    }
}

@media (max-width: 600px){
    div.desktop-only{display: none;}
    div.half-only{display: none;}
    div.mobile-only{display: block;}
    .footer-first .box-1{display: flex; flex-wrap: wrap; justify-content: center; gap: 5px;}
    .footer-first .box-1 .logo-wrap{margin-right: 0; flex: 0 1 calc(33.33% - 35px); text-align: center;}
    .box-1 .logo-wrap > a > img{ width: 80px; height: auto; object-fit: scale-down;}
    #block-fdcpheaderlogo2 .d-flex > a:last-child > img{width: 180px;}
    .box-1 .logo-wrap:nth-child(1) > a > img{width: 140px !important;}
    .box-1 .logo-wrap:nth-child(2) > a > img{width: 130px;}
    .box-1 .logo-wrap:nth-child(3) > a > img{width: 65px;}
    .box-1 .logo-wrap:nth-child(4) > a > img{width: 65px;}
    #main-page-row .col-md-3{order: 2;}
    #main-page-row #fdcp-story .heads{column-count: 1;}
    #main-page-row .heads .col-md-3{width: 50%;}
    #main-page-row .col-md-9{order: 1;}
    .footer-first .box-1 .logo-wrap:nth-child(2) {
        margin-right: 50px;
    }
    .footer-first .box-1 .logo-wrap:nth-child(1) {
        margin-left: 50px;
    }
}

/* Max width 992 */
@media (max-width: 992px){
    /* General */
    .desktop-only{display: none;}
    .mobile-only{display: none;}
    .half-only{display: block;}

    #main-page-row{margin-top: 25px;}
    .section{margin-bottom: 25px;}

    /* A2A */
    #a2a-wrapper-pwb, #a2a-wrapper-lp, #a2a-wrapper-nu{display: none;}

    /* Sidebar Styles + Related Styles */
    #sidebar-wrapper{display: unset;}

    #block-mainnavigation ul,
    #block-mainnavigation-2 ul,
    #block-searchformcustom,
    #block-searchformcustom-2{display: none !important;}

    #block-secondarymenu-2 ul li:first-child{display: none;}

    .sidebar-nav{font-family: 'Bebas';font-size: 18px;}
    .sidebar-nav #block-mainnavigation ul,
    .sidebar-nav #block-mainnavigation-2 ul,
    .sidebar-nav #block-searchformcustom,
    .sidebar-nav #block-searchformcustom-2{display: flex !important;}

    .sidebar-nav .region-secondary-menu nav > ul > li.menu-item--expanded > ul.menu{margin: 1rem;position: unset;z-index: 2;background: inherit;padding: inherit;width: max-content;top: 100%;display: none;}

    #header.header{display: none !important;}
    #header.header-second{display: block !important;}

    /* Sidebar */
    .sidebar-nav {position: relative;top: 0;width: 250px;margin: 0;padding: 0;list-style: none;}
    .sidebar-nav li {text-indent: 20px;line-height: 40px;}
    .sidebar-nav li a {display: block;text-decoration: none;color: #818181;}
    .sidebar-nav li a:hover {text-decoration: none;color: #fff;background: #818181;}
    .sidebar-nav li a:active, .sidebar-nav li a:focus {text-decoration: none;}
    .sidebar-nav > .sidebar-brand {height: 65px;font-size: 18px;line-height: 60px;}
    .sidebar-nav > .sidebar-brand a {color: #818181;}
    .sidebar-nav > .sidebar-brand a:hover {color: #fff;background: none;}

    #block-searchformcustom-3{margin: 18px;}
    .search-form-wrapper{display: flex;flex-direction: column;align-items: flex-start;}

    #wrap {padding-left: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

    #sidebar-wrapper {background: #282829;margin-top:0;z-index: 1000;position: fixed;right: 250px;width: 0;height: 100%;margin-right: -250px;overflow-y: auto;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #sidebar-wrapper a, #sidebar-wrapper .menu-arrow i {color: #fff;}
    #sidebar-wrapper a.is-active, #sidebar-wrapper .menu-arrow .fa-chevron-up {color: #ffc619;}
    #sidebar-wrapper a:hover{background: none;}

    #sidebar-wrapper .search-form-wrapper .form-input.text-field input{width: 100%;padding: 2px 10px;outline: none;}

    #wrap.toggled #sidebar-wrapper {width: 270px;}
    #page-content-wrapper {width: 100%;position: absolute;padding: 15px;}
    #wrap.toggled #page-content-wrapper {position: absolute;margin-right: 0px;}

    #sidebar-wrapper .menu{display: flex;flex-direction: column;margin-top: 0px; margin-bottom: 0;}
    #sidebar-wrapper .menu .menu-item{float: left;width: auto; list-style: none;}
    #sidebar-wrapper #block-frontliner21-main-menu ul li a{padding: 9px 0}
    #sidebar-wrapper .sidebar-logo{width: 65%;height: auto;margin: 10px 25px;z-index: 5;position: relative;}
    #sidebar-wrapper .side-close{float: right;margin-right: 18px;margin-top: -33px;color: #005075;font-size: 20px !important;}
    #sidebar-wrapper .side-copy{position: absolute;bottom: 0;left: 12px;}
    #sidebar-wrapper .side-copy p{font-size: 12px}

    #sidebar-wrapper .menu-arrow {right: 12px;position: absolute;}

    /* Sidebar Click Actions */
    #sidebar-wrapper .menu-item--expanded .menu {max-height: 0px;overflow: hidden;transition: 0.5s all ease-in-out;}
    #sidebar-wrapper .menu-item--expanded .menu.expanded{max-height: 600px;}

    /* Header */
    .secondary-menu{display: none;}
    .secondary-menu nav > ul > li{white-space: nowrap; margin: 0; padding: 10px 15px;}
    #breadcrumb{margin-top: 75px;}
    #breadcrumb .breadcrumb ol{white-space: nowrap; font-size: 12px;}
    .sliding-banner-wrapper{margin-top: 0px;}
    /* #block-searchformcustom-2, #header #block-mainnavigation > ul{display: none;} */

    /* Header Banner */
    .sliding-banner-wrapper .container {padding: 0 0;}
    .sliding-banner-wrapper .banner-item .banner-content .content-wrapper .description p{line-height: 19px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

    /* Footer */
    .site-footer{position: relative;margin: -2px 0px;}

    .footer-first .separate-box{flex-direction: column-reverse;}
    .footer-first .cta-style-2 {margin-bottom: 30px!important;}

    .footer-second{text-align: center;}
    .footer-second .separate-box{flex-direction: column;}
    .footer-second .social-icons .social-item{min-height: 40px;min-width: 40px;margin: 0px 10px;}
    .footer-second .box-1{margin-bottom: 30px;}

    .footer-third .separate-box{flex-direction: column-reverse; margin-bottom: 0;}
    .footer-third .separate-box a{margin: 0; padding: 0px 15px}
    .footer-third .footer-links{margin-bottom: 10px; text-align: center;}
    .footer-third .box-1{bottom: 10px;position: absolute;}

    .contact-bottom-text{flex-direction: column;}

    /* CTA */
    .cta-style, .cta-style-2, .cta-style a, .cta-style-2 a{justify-content: center; margin: 0 auto;}
    .featured-updates-wrapper .cta-style-2{justify-content: center; margin: 0 auto;}

    /* Homepage */
    #home-news .nav-tabs{overflow-x: scroll;overflow-y: hidden;flex-direction: column;max-height: 65px;}
    #home-social-media .social-media-wrapper{grid-template-columns: 1fr;}
    #home-videos .col-md-4 {margin-bottom: 20px;}
    #home-videos .title, #home-videos .date {text-align: center;margin: 0;}
    #home-gallery .col-md-4 {margin-bottom: 20px;}
    #home-gallery .title, #home-gallery .date {text-align: center;margin: 0;}

    #home-fw-banner .col-md-6{padding: 60px 25px; text-align: right;}
    #home-fw-banner .col-md-6, #home-fw-banner .fw-header, #home-fw-banner .fw-body{text-align: center;}
    #home-fw-banner .cta-style-1{margin: auto;float: none;}

    /* Page Headers */
    #page-cat-wrapper .page-cat-item .title{font-size: 22px; line-height: 26px;}
    .heading3{/*justify-content: center;*/align-items: center;display: flex;}
    .heading3:after{width: 25%; left: unset;}
    .block-menu h2 {text-align: center}

    /* News */
    #website-embed-133 iframe{margin-top: 45px;}
    #website-embed-133 .mfp-close{color: #fff;z-index: 2;position: absolute;}

    /* Featured Vids */
    .exposed-filter-style1 .view-filters .form--inline .form-text{max-width: 200px;}

    /* Contact Us */
    #contact-us-details h3, #contact-title h3, #contact-us-details{text-align: center;}
    #edit-webform-wrapper{flex-direction: column;}
    #edit-webform-wrapper #edit-container, #edit-container-01 {width: 100%;height: 270px;}
    #edit-webform-wrapper #edit-actions #edit-actions-submit{float: unset;margin: 0 auto;}
    #edit-webform-wrapper .form-text, .form-email{width: 100%;}
    #contact-map-cta {float: unset;text-align: center;}
    #edit-webform-wrapper .js-form-type-textarea{width: 100%;}

    /* FDCP Story */
    #fdcp-story .heads{column-count: 2;}

    /* Partners Page */
    #partners-page .partners-item{justify-content: center; flex-direction: column;}

    /* Other Websites */
    .other-websites .website-item{align-items: center;flex-direction: column-reverse;justify-content: center;text-align: center;}
    .other-websites .desc {margin: 25px 0;}

    /* Blocks */
    #block-fdcp-content{text-align: left;}

    /* Programs */
    .eligibility-wrapper .eligibility-list {display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .eligibility-wrapper .downloadables {position: unset;bottom: 0;right: 0;}
    .eligibility-wrapper .downloadables .cta-block.download-wrapper {max-width: 100%;margin-bottom: 12px;}

    .flex-application .row {margin-bottom: 0px;}

    .flex-application .process.step1:before,
    .flex-application .process.step1:after,
    .flex-application .step1 .p-text:after,
    .flex-application .process.step2.col-6:after,
    .flex-application .process.step2.col-6:before,
    .flex-application .step2 .p-text:after,
    .flex-application .process.step4:after,
    .flex-application .process.step4:before,
    .flex-application .step4 .p-text:after {display: none;}

    #breadcrumb .breadcrumb{overflow: hidden;}

    /* NTS Webform */
    .nts-webform-wrapper{width: 100%; padding: 25px;}

    .exposed-filter-style1 .view-filters .form--inline .form-actions input{max-width: 25px;}

    /* Beneficiaries Table */
    .view-id-beneficiaries table td p{text-align: left}
    .view-id-beneficiaries.exposed-filter-style1 .bef-exposed-form .form--inline > .form-item{margin: 2px 7px}
    .view-id-beneficiaries.exposed-filter-style1 .view-filters .form--inline {flex-direction: column;}
    .view-id-beneficiaries.exposed-filter-style1 .view-filters .form--inline .form-actions{margin-top: 5px;}

    /* Subscribe to Newsletter */
    #subscribe-modal .form-actions .form-submit{margin-left: 30px}

    .sliding-banner-wrapper .banner-item .banner-content .content-wrapper {background: rgb(0 0 0 / 67%);display: flex;align-items: center;justify-content: center;padding: 25px 25px 25px 25px;}

    .sidebar-nav ul.menu:nth-child(3) i.fa.fa-chevron-up, .sidebar-nav ul.menu:nth-child(3) i.fa.fa-chevron-down{display: none;}


    /* .whats-on-calendar div.fc-center{position: relative;right: -95px;} */
    .calendar-header{display: none;}
    .full-width-layout{padding: 20px;}

    /* for sosmed responsive */
    /* .fb-wrap{max-width: 60%;}
    .twitter-wrap{max-width: 60%;} */
    .footer-first .separate-box .box-1 .logo-wrap:last-child a > img{width: 40px; height: auto;}
    #home-social-media .social-media-wrapper ._2p3a{width: 100%;}
    .view-support-granted .view-content{overflow-x: auto;}
    .exposed-filter-style1 .view-filters .form--inline select{max-width: 180px;}
    .exposed-filter-style1 .view-filters .form--inline .form-text{max-width: 130px;}
    #transparency-page{overflow-x: auto;}

    #home-news .nav-tabs .nav-item:nth-child(1){width: 100%; display: block;}
    #home-news .nav-tabs .nav-item{display: none;}
    #home-news .featured-updates-wrapper .updates-content .title{text-align: center; padding: 20px;}
    #home-news .news-home-tabs .tab-content #tab1 .item-list li{margin: 0;}
    #banner .sliding-banner-wrapper .banner-item.static .banner-image .mobile-only img{display: none;}
    .full-width-layout #main-page-row .page-content .pwb-container .views-infinite-scroll-content-wrapper ul{padding: 0;}
}
@media (max-width: 767px){
    .whats-on-calendar .fc-prev-button{left: 210px;}
    .whats-on-calendar .fc-next-button{right: -300px;}
}
