@media screen and (max-width:767px) {
    .header .title-wrapper {
        padding: 10px 0 15px;
    }

        .header .title-wrapper .logo {
            display: none;
        }

        .header .title-wrapper .pull-left,
        .header .title-wrapper .pull-right {
            float: none !important;
            text-align: center;
            margin: 0;
            padding: 0;
        }

        .header .title-wrapper hgroup {
            height: auto;
            margin-bottom: 10px;
        }

    #q-notes {
        display: none !important;
    }

    .header .nav > li {
        border-bottom: 1px solid #333;
    }

        .header .nav > li.page-menu {
            width: 100%;
            position: relative;
        }

            .header .nav > li.page-menu .dropdown-toggle {
                float: right !important;
                position: absolute;
                right: 0;
                top: 0;
            }

            .header .nav > li.page-menu .dropdown-m {
                float: none !important;
            }

    a.topnav {
        font-family: 'Roboto Condensed', arial, sans-serif;
        border-radius: 3px;
        font-size: 12px;
        background-color: #0a5cb0;
        display: inline-flexbox;
        text-decoration: none;
        color: #FFFFFF;
        height: 24px;
        width: auto;
        margin-right: 4px;
        margin-left: 0px;
        line-height: 24px;
    }

        a.topnav:hover {
            background-color: #0E7DED;
        }

    .header:before {
        font-family: 'Roboto Condensed', arial, sans-serif;
        background-color: #FFFFFF;
        font-size: 22px;
        font-weight: bold;
        color: #154485;
        display: block;
        padding-left: 10px;
        text-align: center;
        content: "Shree Chanasma Jain Yuvak Mandal, Mumbai";
    }
}

@media screen and (max-width:640px) {
    .post .post-info .post-author, .post .post-info .post-comment-link, .archive-page .rating, .archive-page .comments, .navigation-posts {
        display: none;
    }

    .widgets-footer .widget {
        margin: 0;
        float: none;
        width: 100%;
    }

    .footer .end-line {
        min-height: auto;
        line-height: 25px;
        padding: 10px 50px;
    }
}

@media screen and (max-width:480px) {
    .widgets-footer {
        display: none;
    }

    .comment-gravatar {
        display: none;
    }
}