@media (max-width: 768px) {

    #topbanner {background-position: 0 -70px !important;}

    #social {width: 100%; margin: 0 0 0 0; padding: 30px 15px 0;}
    .social {width: 100% !important;}
    .so_vision {border: none;}
    .so_vision>h1 {font-size: 50px;}
    .so_vision>h2 {font-size: 16px;}
    .so_text>h2>span {display: inline;}

    /* donation */
    .social_list {width: 100%;}
    .socl_list>li {width: 32%;}
}

@media (max-width: 375px) {

    #topbanner {background-position: 0 0 !important;}

    .so_vision>h1 {font-size: 30px; padding: 0 20px 10px;}
    .so_text>h1 {font-size: 24px;}
    .so_text>h2 {padding: 0;}
    
    /* donation */
    .socl_title {width: 200px;}
    .socl_list>li {width: 100%;}
}