@media all and (max-width:1040px) {
    #homeSlider {
        display: none;
    }

    #onePageContainer {
        width: 97% !important;
        margin: 10px auto;
    }
}


@media all and (max-width:1010px) {
    #featured .innerContainer {
        padding: 0;
    }
}

@media all and (max-width:950px) {



    #homeCats .homeCatsitem, .articleList .container, .articleList .items {
        width: 100% !important;
    }

    #menu .parentMenu .sub-menu1 {
        display: none;
    }

    body #menu {
        display: block;
        float: none;
        border-bottom: 2px solid #fff;
        box-shadow: 0 0 10px #666;
    }

    #menu > ul {
        display: none;
        padding: 0;
    }

    #menu > ul, #menu div.menu > ul {
        overflow: hidden;
    }

    #menu .toggleMenu {
        display: block;
        font-weight: 700;
        color: #56565b;
        cursor: pointer;
        line-height: 70px;
        text-align: right;
        font-size: 15px;
        padding-right: 10px;
    }

        #menu .toggleMenu span {
            display: inline-block;
            line-height: 70px;
            font-size: 17px;
            margin-right: 5px;
        }

        #menu .toggleMenu .safirIconFont:before {
            content: "\E00D";
        }

        #menu .toggleMenu.open .safirIconFont:before {
            content: "\E000";
        }

    #menu span.icon {
        float: left;
        margin: 10px 10px 10px 0;
    }

    #menu .sub-menu span.icon {
        margin: 11px 4px;
    }

    #menu ul li, #menu ul li:first-child, #menu ul .sub-menu li, #menu ul .sub-menu li:first-child {
        display: block;
        width: 100%;
        text-align: left;
        line-height: 40px;
        background: #56565b;
        border: 0;
        margin: 0;
        height: auto;
    }

    #menu .sub-menu {
        box-shadow: none;
    }

    #menu ul .sub-menu a:hover {
        background: rgba(0,0,0,0.1);
    }

    #menu ul li a, #menu ul .sub-menu a {
        border-top: 1px solid #c9c9c9;
    }

    #menu a, #menu .sub-menu a {
        line-height: 40px;
        display: block;
        margin: 0;
        padding: 0 0 0 10px;
        color: #fff;
    }

    #menu .sub-menu {
        display: block;
        visibility: visible;
        position: relative;
        margin-left: 0;
        border: 0;
        float: left;
        width: 100%;
        display: inline-block;
    }

        #menu .sub-menu .sub-menu {
            left: 0;
            margin: 0;
            display: none;
        }

    #menu li .sub-menu a {
        padding-right: 30px;
        float: left;
        width: 100%;
    }

    #menu .sub-menu .sub-menu a {
        padding-left: 60px;
    }

    #menu .sub-menu .sub-menu .sub-menu a {
        padding-left: 90px;
    }

    #menu .sub-menu .sub-menu .sub-menu .sub-menu a {
        padding-left: 120px;
    }
}

@media all and (max-width:860px) {
    #topbar {
        text-align: center;
    }

        #topbar .rightBlock {
            float: none;
        }

    #topInfo {
        margin: 10px auto 17px;
        float: none;
    }

    #topbar .rightBlock {
        margin-bottom: 10px;
    }

    #switcher {
        display: none;
    }

    .postsWidget.advanced2 .list .container {
        width: 33.3333333333%;
    }
}

@media all and (max-width:760px) {
    #content, #single, aside {
        clear: both;
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
}

@media all and (max-width:700px) {
    #featured li {
        display: block;
        width: 50%;
        float: left;
    }

        #featured li:nth-child(odd) {
            clear: both;
            border-right: 1px solid rgba(255,255,255,0.1);
        }

    #featured li {
        background: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

        #featured li:hover {
            background: rgba(0,0,0,0.1) !important;
        }

    .aboutWidget {
        padding: 0;
    }

        .aboutWidget .innerContainer {
            padding: 0;
        }

        .aboutWidget .text {
            padding: 10px;
            text-align: center;
        }

        .aboutWidget .menu {
            overflow: hidden;
        }

    #videoPlayerCont {
        width: 96% !important;
        margin: 10px auto;
        float: none !important;
    }

    .aboutWidget .menuItem {
        width: 100%;
        float: none;
        border-radius: 0;
        position: relative;
        text-align: left;
    }

        .aboutWidget .menuItem a {
            padding: 10px 10px 10px 60px;
        }

        .aboutWidget .menuItem .title {
            margin-bottom: 5px;
        }

        .aboutWidget .menuItem .desc {
            line-height: 18px;
            min-height: 18px;
            margin-bottom: 0;
        }

        .aboutWidget .menuItem .icon {
            width: 40px;
            height: 40px;
            font-size: 40px;
            position: absolute;
            left: 10px;
            top: 50%;
            margin-top: -20px;
        }

            .aboutWidget .menuItem .icon.pdf {
                width: 40px;
                height: 40px;
                font-size: 40px;
            }

    .safirCustomMenu a .title {
        font-size: 16px !important;
    }

    .safirCustomMenu ul li {
        margin: 10px 0 1px;
    }

    .reading, .reading p, .reading li {
        text-align: right;
    }

        .reading h1, .reading h2, .reading h3, .reading h4, .reading h5, .reading h6 {
            margin-bottom: 10px;
        }

    .postsWidget.advanced2 .list .container {
        width: 50%;
    }
}

@media all and (max-width:600px) {
    #single .metaBox .meta {
        margin-right: 10px;
    }

        #single .metaBox .meta span {
            display: none;
        }

    .articleList .container {
        width: 50%;
    }

    footer .innerContainer {
        padding: 40px 5px 0;
    }

    #footer-social, #footer-menu {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

        #footer-social ul {
            display: inline-block;
        }
}

@media all and (max-width:500px) {
    #contactBlock {
        margin-bottom: 0;
    }

        #contactBlock .info, #contactBlock .form {
            float: none;
            width: 100%;
            margin-bottom: 10px;
        }

    #contactMap iframe {
        height: 300px;
    }

    .reading .gallery .gallery-item dt {
        line-height: 100px;
    }

    .gallery .gallery-item {
        width: 33.3333333333%;
    }

    .gallery br {
        display: none;
    }
}

@media all and (max-width:460px) {
    #topbar .rightBlock {
        text-align: center;
    }

    #topSearch, #topSocial {
        float: none;
        display: block;
    }

    #topSearch, #topSocial {
        float: none;
        display: block;
        margin: 5px;
    }

    #safir-searchform {
        width: 100%;
    }

    #singleBlock.type2 {
        float: none;
        margin: 0 auto 10px;
    }

    .postsWidget.advanced2 .list .container {
        width: 100%;
    }
}

@media all and (max-width:360px) {
    .articleList .container {
        width: 100%;
    }

    #menu .toggleMenu .text {
        display: none;
    }

    .gallery .gallery-item {
        width: 50%;
    }

    .gallery br {
        display: none;
    }
}

@media all and (max-width:320px) {
    #featured li {
        width: 100%;
    }

        #featured li:nth-child(odd) {
            border-right: 0;
        }
}