.menu_mobile.mobile-on,
.mobile-on{display: none !important}
/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px) {
    .max-55xs {
            max-width: 80% !important;
        }
    .max-90xs {
        width: 90% !important;
    }
        html body .boxLocations .ItemLocation.edited h3 {
            font-size: 7.6vw !important;
        }
.mobile-on{display: block !important}
body .menu_mobile.mobile-on{display: flex !important;}
body h2.lh-2 {
            font-size: 36px !important;
    }
    .parallaxSection>div,
    body .sectionRounded {
        width: calc(100% - 30px);
        border-radius: 2rem;
        margin: 95px auto auto;
        padding-top: 30px !important;
        height: calc(100vh - 195px) !important;
    }
    .scrolldown{display: none !important;}
    body .videoMenu li a img{
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
    body .videoMenu li a {
        position: relative;
        position: relative;
        font-size: 14px;
        font-family: "Oswald" !important;
        display: block;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: bold;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }
    body .videoMenu li span,
    .videoMenu li.active a {
        color: white;
        text-wrap: wrap;
    }
    body .arrow-title h3,
    body .boxLocations .ItemLocation h3,
    body h3 {
        font-size: 24px !important;
        font-weight: 800 !important;
    }
    body p{
        font-size: 16px !important;
    }
    .boxHover__effect {
        flex-direction: column;
        padding: 0 !important;
    }
    .effect__img{
        margin-bottom: 20px !important;
    }
    .boxHover__effect>div {
        min-width: 100%;
        padding:0 !important
    }
    body div.effect__col2 h3{
        margin-bottom: 5px !important;
    }
    body div.effect__col3 {
        padding-bottom: 30px !important;
    }
    body div.effect__col2 span{
        margin-bottom: 20px;
    }
    body div.effect__col2 span,
    body div.effect__col3 p,
    body div.effect__col3 span{
        font-size: 16px !important;
    }
    body .effect__col2,
    body .effect__col3{
        padding: 0 30px !important;
    }
    .slideUpDownGallery li{
        width: 100%;
        margin-bottom: 2% !important;
    }
    .slideUpDownGallery{
        flex-wrap: wrap;
    }
    body footer h5.active i{
        rotate: 180deg;
    }
    .mobile-off{display: none !important;}
    body footer h5 { 
        padding: 20px 15px !important;
        font-size: 18px;
        margin-bottom: 0 !important;
        border-bottom: 1px solid #222;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 900;
    }
    body .master-line{
        padding: 50px 0 !important
    }
    body footer h5 a{width: 100%;}
    body footer ul li a { 
        padding: 0px;
        width: 100%;
        font-size: 16px;
        letter-spacing: 1px !important;
        display: block;
        padding: 10px 0px;
        border-bottom: 1px solid #303030;

        letter-spacing: 1px !important;
    }
        footer ul li {
            font-size: 0.95vw;
            margin-bottom: 3px;
            padding: 0 15px;
        }
    body footer ul.mb-60{
        margin-bottom: 0 !important;
    }
    /* body footer ul.active{
        height: 100% !important;
    } */
    body footer ul {
        list-style: none;
        padding: 20px 0;
        margin: 0;
        margin-bottom: 50px !important;
        display: none;
        background: #222;
        
    }
    body footer .col-md-3 {
        padding: 0px 0px;
    }
    footer br{display: none;}
        footer .col-md-3.line:before {
            display: none;
            height: 100%;
        }
    .socialmediah5 {
        border: 0 !important;
        display: flex !important;
        justify-content: left;
    }
    body .accordion-style1.panel-group .panel-heading+.panel-collapse>.panel-body {
        border-top: 0;
        padding: 25px 0px 0px 0px;
    }
    .socialmediah5 a i{
        font-size: 26px !important;
    }
    footer .signature{
        font-size: 12px !important;
        font-weight: 500;
    }
    .socialmediah5 a {
        margin-right: 25px;
        width: auto;
    }
    footer .text-right{
        text-align: left !important;
    }

    nav .nav-header-container{
        padding: 0 15px !important
    }
    .effect__img p{
        padding-top: 30px !important;
    }
    .effect__img p,
    .effect__img h3{
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
        .small,
        body small {
            font-size: 16px;
            font-weight: 400;
        }
        html body .f20,
        html body p.f20 {
            font-size: 22px !important;
        }
        .mb-xs-20{margin-bottom: 20px !important;}
    .mb-xs-80{
        margin-bottom: 80px !important;
        transform: translateY(0%) !important
    }
    .pt-xs-0{padding-top: 0 !important;}
    .pt-xs-80{padding-top: 80px !important;}
    .pt-xs-120{padding-top: 120px !important;}
    body h2 {
        font-size: 30px !important;
        line-height: 36px;
    }
    body .accordion-style1 .panel-title {
        font-size: 18px !important;
        padding-right: 30px;
        position: relative;
    }
    html body .mb-xs-60 {
        margin-bottom: 60px !important;
    }
    html body .mb-xs-40 {
        margin-bottom: 40px !important;
    }
.box__blue__locations>div.col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px !important;
}
        .description h5,
        .description h4,
        .description li,
        .description p,
        .description span,
        .description div,
        p.p {
            margin: 0 0 25px !important;
            font-size: 16px !important;
            line-height: 1.8 !important;
            font-family: Inter !important;
        }
        .col-md-12>h3{
            font-size: 33px !important;
        }
        .effect__col2 h3 br{display: none !important;}
        .effect__col2{
            margin-bottom: 30px !important;
        }
        body .boxHover__effect>div.effect__col2 h3 {
            font-size: 20px !important;
        }
        body .boxHover__effect div.effect__col3 span { 
            padding: 12px 35px;
            border-radius: 200px;
            font-size: 13px !important;
        }
        .boxHover__effect div.effect__col3 span img{
            display: none;
        }
                .videohomerounded {
                    max-height: 200px;
                    margin-bottom: 40px;
                }
        #nextsteps,
        .pb-xs-60{padding-bottom: 60px !important;}
        .pb-xs-0{padding-bottom: 0px !important;}
                .box-blue {
                    background: rgb(0, 73, 166);
                    border-radius: 2rem;
                    padding: 40px 0px 40px 0px !important;
                    width: calc(100% - 0px);
                    margin: auto;
                }
        body h1 {
            font-size: 45px !important;
            line-height: 65px;
        }
        html body .f18,
        html body .f25,
        html body p.f25 {
            font-size: 16px !important;
        }
        body .parallaxSection aside{
            padding: 0 15px !important
        }
        p.lead{
            font-size: 18px !important;
        }
        body .info-title p.f18 {
            min-height: 0px;
        }
        .tobtn a{
            display: block;
            margin:0;
            margin-bottom: 20px;
        }
                html body h3.f25{
                    font-size: 22px !important;
                }
                .kidBox{text-align: center !important;}
        body footer h5 i{display: block !important;}
    html body .accordion-style1.edited {
        padding: 30px !important;
    }
    .text-xs-center {
        text-align: center !important;
    }
    .text-xs-left {
        text-align: left !important;
    }
    .tobtn a{
        width: fit-content;
        margin-bottom: 20px;
    }
    .tobtn a+a{margin-left: 0 !important;}
    body .mb-xs-0{margin-bottom: 0 !important;}
    ul.normal li{
        font-size: 16px;
        line-height: 1.7;
    }
    ul.normal{
        padding-left: 15px
    }
    body .list_affiliations li p{width: 100% !important; margin-bottom: 0px !important;display: block;}
    body .list_affiliations li a{margin-top: 20px !important;}
    .list_affiliations li *{
        margin-bottom: 10px !important;
    }
    .list_affiliations li{
        flex-wrap: wrap;
        flex-direction: column;
        align-items: start !important;
    }
    .boxHover__effect a{
                margin-left: 0 !important;
                    width: auto !important;
                    text-align: center;
                    display: inline-block !important;
    }
    .boxHover__effect a img{display: none;}
    body hr.load { 
        margin: 20px 0;
    }
    .videoFrame {
        width: 100%;
        max-height: 225px;
        border-radius: 2rem;
    }
    body section.height-fit{height: auto !important;padding-top: 140px !important;}
        .height-fit .vertical-align {
            position: relative;
            top: 0%;
            -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
            transform: translateY(0%);
        }
        .slideUpDownGallery li{width: 46%;}
    .boxHover__effect.foodpantry-v{
        padding: 90px 0px 70px 0px !important
    }
    .boxHover__effect.foodpantry-v>div.effect__col3,
    .boxHover__effect.foodpantry-v>div.effect__col2{
        width: 100%;
    }
    .blogpost{
        max-height: 50vh;
    }
    .xs-wrap{
        flex-wrap: wrap;
    }
    .bgwhite.text-xs-black{
        background: black !important;
    }
    .text-xs-black{
        color: black !important;
        border-color: black !important;
    }
    .player_serie {
        width: 100%;
        max-height: 250px;
    }
    .height-xs-50{max-height: 50vh !important;}
    .loadMore {
        font-size: 3.9vw !important;
    }
    .bg8360{
            background-position: 83% 63% !important;
    }
}