@media screen and (max-width:480px) {
    body {
        float: none;
        min-width: 0;
        width: 100%;
    }

        body.iOS iframe {
            width: 1080px;
        }

    img, object, embed, iframe, input, textarea {
        max-width: 100% !important;
    }

    body img {
        height: auto;
    }

    #body_wrapper {
        margin: 0 auto;
        max-width: none;
        min-width: 0;
        width: auto;
        padding: 0 8px;
    }

    #header {
        height: auto;
        margin: 0 -8px;
        padding: 0 8px;
    }

        #header .container {
            height: auto;
            width: auto;
        }

    body #logo {
        height: auto;
        margin: 0;
        padding: 0;
        position: static;
        width: 100%;
    }

        body #logo a span, body #logo a, body.mobileOn #logo a {
            margin: 0;
            padding: 0;
            position: static;
        }

        body #logo a {
            max-width: 100%;
        }

    body #respond div {
        width: auto;
    }

    #respond textarea#comment {
        margin-left: 0;
        padding: 0;
    }

    #header #mobile_nav {
        display: block;
        margin: 16px 0 0;
        height: 30px;
    }

        #header #mobile_nav ul {
            margin: 0;
        }

        #header #mobile_nav li {
            background: #333;
            width: 50%;
            display: block;
            float: left;
            height: 30px;
            margin: 0;
            padding: 0;
        }

        #header #mobile_nav a.withInner {
            text-decoration: none;
        }

        #header #mobile_nav .menuWord {
            font-size: 15px;
            text-align: center;
            text-decoration: none;
            color: #FFF !important;
            line-height: 30px !important;
        }

        #header #mobile_nav li.search_btn {
            background: #333 url('css/mobile_nav.png') no-repeat center -75px;
        }

        #header #mobile_nav li a {
            display: block;
            height: 100%;
            width: 100%;
        }

        #header #mobile_nav li.menu_btn a:hover ~ #main_nav {
            display: block;
        }

        #header #mobile_nav li.search_btn a:hover #header .search {
            display: block;
        }

    #header .search {
        display: none;
        margin: 0 0 6px;
        padding: 3px 0;
        position: static;
        width: 100%;
    }

        #header .search input.search_inp {
            color: #333;
            width: 80%;
        }

    #header #searchsubmit {
        float: right;
        margin-right: 4px;
    }

    #main_nav {
        display: none;
        height: auto;
        float: none;
        margin: 0 0 6px;
        padding: 0;
        position: static;
        width: 100%;
    }

        #main_nav li {
            border-bottom: 1px solid #333;
            clear: both;
            display: block;
            float: none;
            height: 44px;
            margin: 0;
            padding: 0;
            text-align: left;
        }

            #main_nav li a {
                font-size: 15px;
                line-height: 44px;
                float: none;
                height: 44px;
                padding: 0 10px;
                width: auto;
            }

        #main_nav ul.sub-menu {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            border-top: 1px solid #333;
            padding: 0;
            position: relative;
            top: 0;
            width: 100%;
            z-index: 0;
        }

        #main_nav li.current_page_parent ul.sub-menu {
            display: block;
        }

        #main_nav ul.sub-menu li {
            height: 44px;
            padding: 0;
        }

            #main_nav ul.sub-menu li a, #main_nav ul.sub-menu li a:hover {
                line-height: 44px;
                height: 44px;
                padding: 0 25px;
                width: auto;
            }

    #content_container {
        margin: 15px 0 10px;
        padding: 0;
        width: 100%;
    }

    .gallery_container {
        float: none;
        height: auto;
        margin: 0;
        padding: 0;
    }

    .slideshow_container {
        float: none;
    }

    #slideshow {
        width: 100%;
        height: 110px;
    }

        #slideshow > a {
            max-width: 100%;
            width: 100%;
        }

        #slideshow > div {
            width: 100% !important;
        }

        #slideshow img {
            height: auto !important;
        }

    #content_container_inner {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #content, #sidebar {
        float: none;
        margin: 0;
        padding: 0 10px;
        width: auto !important;
    }

    .post, div.page {
        padding: 32px 0 20px 5px;
    }

    .ngg-slideshow {
        width: auto !important;
    }

        .ngg-slideshow img {
            height: auto !important;
        }

    .sermon_playlist {
        width: auto !important;
    }

    .mejs-container {
        width: 100% !important;
    }

    .sermon_playlist li {
        height: 30px;
    }

        .sermon_playlist .sermon-header .date, .sermon_playlist li span.date {
            display: none;
        }

    body.mobileOn .sermon_playlist li span.title {
        width: 53%;
        width: -webkit-calc(100% - 118px);
        width: -moz-calc(100% - 118px);
        width: -ms-calc(100% - 118px);
        width: -o-calc(100% - 118px);
        width: calc(100% - 118px);
    }

    .sermon_playlist li span.preacher {
        display: none;
    }

    .sermon_playlist .navigation .page-numbers {
        padding: 0 5px 0 5px;
    }

    .sermon_playlist .btn_clip {
        width: 91px !important;
    }

    .sermon_playlist .btn_container {
        width: 30px !important;
    }

    .sermon_playlist .btn_clip a {
        text-indent: -9999px;
        display: block;
        width: 30px !important;
    }

    .sermon_playlist .btn_clip .download_btn {
        background: url(plugins/sermons/Download.png) no-repeat 7px 5px;
    }

    .sermon_playlist .btn_clip .video_btn {
        background: url(plugins/sermons/projector.png) no-repeat 1px 6px;
    }

    .sermon_playlist .btn_clip .notes_btn {
        background: url(plugins/sermons/notepad.png) no-repeat 9px 5px;
    }

    .sermon_playlist .sf-icon.sf-icon.icon-rss {
        margin: 0 4px;
    }

    .sermon_playlist .sf-icon.sf-icon.icon-podcast {
        margin: 0 10px;
    }

    #footer {
        margin: 0 -8px;
        padding: 0 8px;
    }

        #footer .container {
            margin: 0;
            padding: 8px 0 0;
            width: 100%;
        }

        #footer .fl_r {
            display: none;
        }

    body.mobileOn .sflb_row {
        margin: 0;
    }

        body.mobileOn .sflb_row .sflb_section, body.mobileOn .sflb_row.sflb_8_4 .sflb_section + .sflb_section, body.mobileOn .sflb_row.sflb_4_8 .sflb_section + .sflb_section {
            width: 100%;
            margin-bottom: 20px;
            margin-left: 0;
        }

            body.mobileOn .sflb_row .sflb_section[style*="width"] {
                width: 100% !important;
                margin-left: 0 !important;
            }

    body.mobileOn .sflb_section.mergeDown {
        height: auto !important;
        bottom: auto !important;
        margin: 0 0 20px 0 !important;
    }

    body.mobileOn .sflb_section.mergeHid {
        display: none;
    }

    body.mobileOn .extraSpace {
        display: none;
    }

    body.mobileOn .sflb_section:not([style*="background"]) {
        height: auto !important;
    }

    body.mobileOn .sflb_section[style*="border-box"] {
        padding: 10px !important;
    }
}