@media screen and ( min-width:0px ) and ( max-width:800px )
{
    .phoneDevice
    {
        display: block;
    }

    header .miniNavWrp,
    section .contentWrp .ccs2ColTempWrp .sf_2cols_2_33 .sideBarArrow,
    .sideShadow
    {
        display: none;
    }
    body *
    {
        box-shadow: none !important;
    }

    /***** Header *******/
    header
    {
        background-size: 1360px 100%;
        background-position: -452px 0px;
    }

        header .headerWrp > div,
        header .sf_2cols_2_75
        {
            padding: 0px;
        }

        header .sf_2cols_1_25
        {
            width: auto;
        }

        header .logoWrp a
        {
            padding: 15px 20px 20px 20px;
            overflow: hidden;
            height: 11px;
            margin: 12px 0px;
        }

            header .logoWrp a img
            {
                width: 189px;
                height: auto;
                display: block;
                margin-top: -88px;
            }
    .mobile-css .mobileNavBtn
    {
        top:10px;
    }
    /***** 2 Col Template *******/
    section .contentWrp .ccs2ColTempWrp > div
    {
        padding: 0px;
    }

    section .ccs2ColTemp > .sf_2cols_1_67,
    section .ccs2ColTemp > .sf_2cols_2_33
    {
        width: auto !important;
        float: none;
        min-height: 0px !important;
    }

        section .ccs2ColTemp > .sf_2cols_1_67 > .sf_2cols_1in_67
        {
            margin: 0 30px !important;
        }
    section .contentWrp .ccs2ColTempWrp .sf_2cols_2_33
    {
        background:none;
        filter:none;
    }
        section .ccs2ColTemp > .sf_2cols_2_33 > .sf_2cols_2in_33
        {
            margin: 20px 0px 0px 0px !important;
            background: #F8F6F4;
            padding: 8px 30px 20px 30px;
            border-top: 3px solid #EEEBE8;
        }


    /***** Type *****/
    h1,
    h2.bigH2,
    section .ccs1ColTempWrp .ccsStoryDetail h1
    {
        font-size: 2.8em;
    }
    .ccs2ColTemp h1
    {
        font-size: 2.4em;
    }
    h2, p.pullQuote
    {
        font-size: 1.4em;
    }
    /***** General *****/
    .sfBreadcrumbWrp
    {
        padding-bottom: 0px;
    }
    .drkBox
    {
        padding: 3px 20px !important;
        margin-bottom: 20px;
        margin-left:0px;
    }
    section .contentWrp .ccs2ColTempWrp .sf_2cols_2_33 p.pullQuote
    {
        padding-bottom: 23px;
        font-size: 2.2em;
    }
    section .col_2
    {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
    }
    section .col_3
    {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    /***** Hero *****/
    .careersHero
    {
        min-height: 0px;
    }

        .careersHero .sfContentBlock
        {
            padding-top: 30px;
            padding-bottom: 20px;
        }
    .ccsSideNav
    {
        padding-left:0px;
        margin-top: 4px;
        margin-bottom: 20px;
    }

    /***** 2 Col *****/
    section .contentWrp .ccs2ColTempWrp .sf_2cols_2_33 .sfContentBlock
    {
        padding-left: 0;
        padding-top: 0px;
        /*margin-top:0px;*/
    }
    .ccsContactLiH2,
    section .contentWrp .ccs2ColTempWrp .sf_2cols_2_33 .sfitemsList
    {
        padding-left: 0;
    }
    section .contentWrp .ccs2ColTempWrp .sf_2cols_2_33 .sfitemsList
    {

    }
    .ccsContactLiH2
    {
        padding-top: 10px;
    }
    .ccsServicesLi
    {
        padding-bottom:16px !important;
    }
    /***** Home *****/
    section .ccs1ColTempWrp .ccsStoryDetail h1
    {
        width:auto;
    }
    section .homeHeroWrp .homeStorySlides .imgWrp
    {
        max-height: 300px;
        overflow: hidden;
    }
        section .homeHeroWrp .homeStorySlides .imgWrp img
        {
            position:static;
        }
    section .homeHeroWrp .homeStorySlides .storyContent
    {
        bottom:0 !important;
        position:relative;
        opacity:1 !important;
        padding: 9px 30px 0px 30px;
        border:none;
    }
        section .homeHeroWrp .sfitemsList h2
        {
            font-size: 2em;
        }
    section .homeHeroWrp .sfitemsList p
    {
        font-size:1em;
    }
    .homeSliderDetailWrp .sf_1col_1in_100 > div:first-child
    {
        float:right;
        width:50%;
    }
    section .ccs1ColTempWrp .homeSliderDetailWrp .donateBoxStory
    {
        width: 100%;
        clear:both;
        float: none;
    }
    .homeSliderDetailWrp .sf_1col_1in_100 > div + div,
    section .ccs1ColTempWrp .homeSliderDetailWrp .drkBox
    {
        width: auto;
        float: none;
        margin: 0px;
    }
    section .ccs1ColTempWrp .ccsStoryDetail .sfitemRichText h1,
    section .ccs1ColTempWrp .ccsStoryDetail .sfitemRichText p.subP
    {
        -webkit-column-span: none;
        column-span: none;
    }
    section .ccs1ColTempWrp .ccsStoryDetail .sfitemRichText
    {
        min-height:0px;
        -webkit-column-count: auto;
           -moz-column-count: auto;
                column-count: auto;
    }
    section .ccs1ColTempWrp .drkBox
    {
        padding: 24px 30% 21px 30px !important;
    }
    /*****Service Pages*****/
    section .servicesLandingHero > div > div
    {
        padding-top: 48px;
        padding-bottom: 29px;
    }
    section .servicesLanding_1
    {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    section .donateCont_4 > div
    {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    section .servicesLanding_1 .sf_2cols_1_25
    {
        width:33%;
    }
    section .servicesLanding_1 .sf_2cols_2_75
    {
        width:66%;
    }
    section .contentWrp .ccs2ColTempWrp .sf_2cols_2_33 .sfContentBlock.ccsServiceProvH2
    {
        margin-top:0px;
    }

    section .servicesLandingHero .sfsearchBox
    {
        width:auto;
    }
    section .servicesLandingHero .sfsearchBox .searchDropdown
    {
        width: 50% !important;
        margin-right: -4px;
    }
    section .servicesLandingHero .sfsearchBox .RadComboBox_Default
    {
        margin-right: 0px;
    }
    section .servicesLandingHero .sfsearchBox .searchDropdown:first-child .RadComboBox_Default
    {
        margin-right: 11px;
    }
    section .servicesLandingHero .sfsearchBox input.sfsearchTxt
    {
        width: 100%;
    }


    /*****Agency and Ministry Pages*****/
    .ccsAgentListWrp
    {
        margin-top: 20px !important;
    }
        .ccsAgentListWrp li h2 a
        {
            padding-left:13px;
        }
    .agentMiniHero .sfContentBlock
    {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    section .agentMiniHero .sfimageWrp img,
    section .donateHero .sfimageWrp img
    {
        width:auto;
        height: 100%;
    }
    .ccsAgentContactH2
    {
        padding-top:10px;
    }

    /***** Careers ******/
    .ccs2ColTemp > .sf_2cols_2_33 .careersDrkBox
    {
        padding-left: 20px !important;
        margin-top: 12px;
    }
    .ccs2ColTemp > .sf_2cols_2_33 .ccsCareersSideBar
    {
        padding-left:20px;
        margin-top: 11px;
    }
    .careerListWrp .sfcontent
    {
        display:none;
    }

    /*****Donate Pages*****/
    .donateSideNav
    {
        margin-top: 18px;
        padding-left: 0px;
        margin-bottom: 43px;
    }
    section .donateHero .sfimageWrp
    {
        left: 30%;
    }
    section .donateHero .sfContentBlock
    {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    section .donateCont_1 > div
    {
        padding-bottom: 20px;
    }
        section .donateCont_1 .sfContentBlock
        {
            max-width:500px;
            margin: 0 auto 30px auto;
        }
        section .donateCont_1 h2,
        section .donateCont_1 p
        {
            min-height:0px !important;
        }
    section .donateCont_3 .sfContentBlock div
    {
        width:auto;
        display:block;
    }
    section .donateCont_4 .sfimageWrp
    {

    }
        section .donateCont_4 .sfimageWrp img
        {

        }
    section .donateCont_4 .sfContentBlock
    {
        padding-top: 24px;
        padding-bottom: 0;
    }

    /***** Contact ******/
    section .contentWrp .ccs2ColTempWrp .sf_2cols_2_33 .sfContentBlock.contactUsTop
    {
        padding-top: 0px;
        margin-top: 0;
    }
    .contactUsMap iframe
    {
        height: 200px !important;
    }

    /***** footer ******/
    footer
    {
        padding-bottom: 58px;
    }
        footer .footerLinksWrp
        {
            background: #303032;
            text-align: center;
        }

            footer .footerLinksWrp .footerLinks
            {
                padding: 0px;
            }
        footer .footerBottomWrp .sfImageWrapper
        {
            padding-top:28px;
        }
        footer .toTopBtn
        {
            bottom: 0;
        }
}
@media screen and ( min-width:0px ) and ( max-width:580px )
{
    .ccs1ColTempWrp h1,
    .ccs2ColTemp h1
    {
        word-break: break-word;
    }

    section .sfFormsEditor .sf_2cols_1_50,
    section .sfFormsEditor .sf_2cols_2_50,
    section .servicesLanding_1 .sf_2cols_1_25,
    section .servicesLanding_1 .sf_2cols_2_75,
    section .contentWrp .ccs2ColTempWrp .sf_2cols_1_67 .sf_2cols_1_50,
    section .contentWrp .ccs2ColTempWrp .sf_2cols_1_67 .sf_2cols_2_50
    {
        width:auto;
        float:none;
        margin-bottom: 30px;
    }
        section .sfFormsEditor .sf_2cols_2_50 > div,
        section .servicesLanding_1 .sf_2cols_2_75 > div,
        section .contentWrp .ccs2ColTempWrp .sf_2cols_1_67 .sf_2cols_2_50 .sf_2cols_2in_50
        {
            margin-left:0px !important;
        }
    section .col_3
    {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
    }
    /**Home**/
    section .homeHeroWrp .homeStorySlides .storyContent
    {
        padding-bottom:11px;
    }
    section .homeHeroWrp .homeStorySlides h2,
    section .homeHeroWrp .homeStorySlides p
    {
        padding-right:0px;
        margin-right:0px;
    }
    section .homeHeroWrp .homeStorySlides a
    {
        position:static;
    }
    .homeSliderDetailWrp .sf_1col_1in_100 > div:first-child
    {
        width:auto;
        float:none;
    }
    section .ccs1ColTempWrp .drkBox
    {
        padding:16px !important;
        background: #ECECEC;
    }
    /**Services**/
    section .servicesLandingHero
    {
        background-position: center left;
    }
        section .servicesLandingHero .sfContentBlock
        {
            width:auto;
        }
    section .servicesLandingHero .sfsearchBox .searchDropdown
    {
        width: 100% !important;
        margin-right: 0px;

    }
    section .servicesLandingHero .sfsearchBox .searchDropdown:first-child .RadComboBox_Default
    {
        margin-right: 0px;
    }
    /**Agencies & Ministries**/
    section .contentWrp > .careersHero > div,
    section .contentWrp > .agentMiniHero > div,
    section .contentWrp > .donateHero > div
    {
        padding:0px;
    }
    section .servicesLanding_1 .sf_2cols_1in_25
    {
        margin-right:0px;
    }

    /**Careers**/



    /**Donate**/
    section .careersHero .sfContentBlock,
    section .donateHero .sfContentBlock,
    section .agentMiniHero .sfContentBlock
    {
        width:auto;
        position: relative;
        padding: 30px 30px 12px 30px;
        background: #F8F6F4;
    }
    section .careersHero .sfimageWrp,
    section .agentMiniHero .sfimageWrp,
    section .donateHero .sfimageWrp
    {
        text-align:center;
        width:auto;
        position:static;
        max-height: 220px;
    }
        section .careersHero .sfimageWrp img
        {
            height:auto;
            width:100%;
            display:block;
        }
        section .careersHero .sfContentBlock:after,
        section .agentMiniHero .sfContentBlock:after,
        section .donateHero .sfContentBlock:after
        {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-left: 14px solid transparent;
            border-right: 14px solid transparent;
            border-top: 10px solid #0F0F0F;
            margin: auto;
            position: absolute;
            top: 0px;
            left:0;
            right:0;
            z-index: 1;
        }
    section .agentMiniHero .sfimageWrp img,
    section .donateHero .sfimageWrp img
    {
        max-height: 220px;
    }


    section .donateCont_4 .sf_1col_1_100
    {
        padding:0px;
    }
        section .donateCont_4 .sf_1col_1_100 .sfContentBlock
        {
            padding-left: 40px;
            padding-right: 40px;
            padding-bottom:30px;
            width: auto;
        }
    section .donateCont_4 .sfimageWrp
    {
        position: relative;
        width: auto;
        max-height: 200px;
    }
        section .donateCont_4 .sfimageWrp img
        {
            width:100%;
            height:auto;
        }
        section .donateCont_4 .sfimageWrp:before
        {
            border:none;
            border-left: 14px solid transparent;
            border-right: 14px solid transparent;
            border-bottom: 10px solid #F8F6F4;
            margin: auto;
            top:auto;
            bottom: -1px;
            left:0;
            right:0;
            position: absolute;
            z-index: 1;
        }
    /**Volunteer**/
    .volunteer_2 .sfContentBlock + .sfContentBlock h3,
    .volunteer_3 .sfContentBlock + .sfContentBlock h3,
    .volunteer_4 .sfContentBlock + .sfContentBlock h3
    {
        width:auto;
        float:none;
        margin-left:0px;
        padding-bottom:6px;
    }
    .volunteer_2 .sfContentBlock + .sfContentBlock + .sfContentBlock,
    .volunteer_3 .sfContentBlock + .sfContentBlock,
    .volunteer_4 .sfContentBlock + .sfContentBlock
    {
        padding-left:0px;
    }
    .volunteer_1 h1,
    .volunteer_1 h2,
    .volunteer_1 p
    {
        width:auto;
    }
    /**Employee Pages **/
    .ccsEmpDashNewsWrp .sf_2cols_1_50,
    .ccsEmpDashNewsWrp .sf_2cols_2_50
    {
        float:none;
        width:auto;
    }
        .ccsEmpDashNewsWrp .sf_2cols_1_50 > div
        {
            margin-bottom: 20px;
        }
        .ccsEmpDashNewsWrp .sf_2cols_2_50 > div
        {
            margin-left:0px;
        }

    section .ccs2ColTemp .sf_2cols_1_67 .sfdownloadTable .rgMasterTable .rgHeader + .rgHeader,
    section .ccs2ColTemp .sf_2cols_1_67 .sfdownloadTable .rgMasterTable td + td
    {
        display:none;
    }
        section .ccs2ColTemp .sf_2cols_1_67 .sfdownloadTable .rgMasterTable .rgHeader + .rgHeader + .rgHeader,
        section .ccs2ColTemp .sf_2cols_1_67 .sfdownloadTable .rgMasterTable td + td + td
        {
            display:block;
        }
            section .ccs2ColTemp .sf_2cols_1_67 .sfdownloadTable .rgMasterTable .rgHeader + .rgHeader + .rgHeader + .rgHeader,
            section .ccs2ColTemp .sf_2cols_1_67 .sfdownloadTable .rgMasterTable td + td + td + td
            {
                display:none;
            }
                section .ccs2ColTemp .sf_2cols_1_67 .sfdownloadTable .rgMasterTable .rgHeader + .rgHeader + .rgHeader + .rgHeader + .rgHeader,
                section .ccs2ColTemp .sf_2cols_1_67 .sfdownloadTable .rgMasterTable td + td + td + td + td
                {
                    display:block;
                }
    /**Contact **/
    .contactUsBottom .sf_2cols_1_50,
    .contactUsBottom .sf_2cols_2_50
    {
        width: auto;
        float: none;
    }
    .contactUsBottom .sf_2cols_2_50 .sf_2cols_2in_50
    {
        margin:0px !important;
    }
    /**Footer**/

    .footerLinksWrp .footerLinks .sf_colsOut
    {
        width: 100% !important;
    }
    footer .footerLinksWrp .sfContentBlock
    {
        max-width: 400px;
        margin: 0 auto;
    }
}