@media screen and (max-width: 700px) {

.phone-only { display: block; }

/* -- Generals ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Common section */
section.common { padding: 80px 20px; }

/* Accordion content lists */
.accordion { padding-top: 0; } 
.accordion dl { padding-left: 0; }

/* Common style typo */
.main-content p { font-size: 18px; line-height: 25px; margin-bottom: 20px; }

/* -- Header ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

section .sizer.menu-header { height: 160px; }

    .menu-header .logo { width: 80%; left: 0; padding: 50px 20px 0 20px; }
        .menu-header .logo img { display: block; max-width: 200px; }
    .menu-header .ways-to-give { z-index: 9999; }
    .menu-header .launch-menu { position: absolute; right: 20px; bottom: 45px; background: rgba(0,0,0,0.2); font-size: 26px; color: #fff; display: block;
        line-height: 42px; width: 42px; text-align: center; height: 42px; }
    .menu-header .launch-menu.active { background: #42b6cb; }
    
     
    .menu-header ul { text-align: left; top: 140px; display: none; background: #fdfdfd !important; margin-top: 0; }
    .home section .sizer.menu-header ul { background: rgba(0,0,0,0.7) !important; top: 120px; width: 90%; left: 5%; }
    .menu-header ul li { width:100%; height: 45px; line-height:45px; display: block; text-align: center; }
    .menu-header ul li a { height: 45px; line-height: 45px; padding: 0; }

/* -- Footer ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.footer .menu-footer { width: 50%; text-align: center; }
    .footer .menu-footer:first-child { margin-left: 0; }
.footer .footer-box { width: 100%; margin-right: 0; }
.footer .ack-photo { width: 100%; margin-left: 0; text-align: center; }

.footer .social-links { margin-top: 40px; }
.footer .social-links a { padding: 10px 20px; display: block; font-size: 16px; margin: 10px auto; text-align: center; width: 70%; } 

/* -- HomePage ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Slider */
.slider-home { height: 400px; }
    .slider-home .sizer { bottom: 90px; left:0; padding: 0 10%; }
    .slider-home .hero { font-size: 18px; width: 95%; text-align: center; }
.slider-home-owl .owl-nav { bottom: 20px; }
.slider-home-owl .owl-nav .owl-prev,
.slider-home-owl .owl-nav .owl-next { height: 60px; width: 41px; background-size: 20px; }
.slider-home-owl .owl-dots { display: none; }
 
/* What we do */
section.what-we-do .sizer .col-33.single-activity-col { color: #fff; width: 100%; padding: 0 0 50px 0;}

/* News & Events */
section.news-events-home .sizer .col-33.single-home-feat#featured-box-1,
section.news-events-home .sizer .col-33.single-home-feat#featured-box-2,
section.news-events-home .sizer .col-33.single-home-feat#featured-box-3 { width: 100%; padding: 20px 0; }

/* -- About Us ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

section.message-from-the-executive-director .sizer .col-70 { width: 100%; padding: 0; }
    section.message-from-the-executive-director .sizer .col-70 img { max-width: 90%; height: auto; display: block; margin: 0 auto; float: none; }
section.message-from-the-executive-director .sizer .col-30 { width: 100%; padding: 20px 0 0 0; }
    section.message-from-the-executive-director .sizer .col-30 img { display: block; margin: 0 auto; float: none; }
    
section.board-members .sizer .col-33 { width: 50%; }
section.board-members .sizer .col-33 p:last-child { margin-bottom: 20px; }

.mission h3 { margin-bottom: 15px; }

.corporate-compilance p { font-size: 14px; line-height: 19px; }

/* -- People and media --------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Loop */

.people-n-media .sizer .loop-title { top: -35px; }
.people-n-media .sizer .loop-posts  { margin-bottom: 20px; }
section.people-n-media .sizer .col-50 { width: 100%; }

    .people-n-media .sizer.main-loop { padding-bottom: 25px; }
    .people-n-media .sizer .loop-posts:nth-child(odd) { padding-left: 0; }
    .people-n-media .sizer .loop-posts:nth-child(even) { padding-right: 0; }

    .loop-posts .feat-image-holder { background: #f0f0f0; }
    .loop-posts .feat-image-holder .video { background: transparent; }
        .loop-posts .feat-image-holder img { max-width: 400px; }               
 
/* Single */

.single-post iframe { width: 100%; }

/* Single */
.loop-posts.single-post .feat-image-holder { height: 180px; }
    .loop-posts.single-post .feat-image-holder .video { top:-50px; }
    .loop-posts.single-post .feat-image-holder iframe { height: 180px; }
    
/* Single slider */
.loop-posts.single-post .slider { height: 250px; }
    .loop-posts.single-post .slider img { height: 250px; }
    .loop-posts.single-post .slider .owl-nav .owl-prev,
    .loop-posts.single-post .slider .owl-nav .owl-next { background-size: 30px; }


/* -- Career Opportunitites ---------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Loop */
section.career-opportunities-loop .sizer .col-50 { width: 100%; }
.career-opportunities-loop .sizer .loop-posts { padding: 0; }

/* -- Contact us --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.locations { padding: 0 20px 85px 20px; }
section.locations .sizer .col-33 { width:100%; padding-left: 15%; }



.single-post .video-holder iframe  { height: 350px; }


}


@media screen and (max-width: 450px) { .single-post .video-holder iframe  { height: 300px; } }