@media only screen and (max-width:1256px) {
}


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


    /* ==========================================================================
Top navigation
    ========================================================================== */
    /*#top-bar ul.top-navigation {
        display:none;
    }
    #top-bar a.click-to-open-menu {
        display: block; color: #fff;
        line-height: 40px;
        width: 40px;
        height: 40px;
        border-right: 1px solid #333
    }
    #top-bar {
        position: relative !important;
        height: auto;
    }
    #top-bar > .inner {
        height: auto;
        background-color: #222;
        padding: 0
    }*/
    .menu-mobile i {margin-right: 4px}
    #main-slider {height:auto;}


    /* ==========================================================================
Top search form
    ========================================================================== */
    .top-search-form {float: none; position: absolute; right: 0; top: 0}
    /* ==========================================================================
            Primary navigation
    ========================================================================== */
    /* ul.primary-navigation {display:none;} */
    a.click-to-open-menu {
    /*
        float: left;
        display: inline-block;
        color: #fff;
        */
    }
    #primary-navigation {position: relative !important; height: auto;}
    #primary-navigation > .inner {
        /*height: auto;*/
        /* background-color: #222; */
        max-width: 100%;
    }
    #logo{
        margin-left: 10px;
    }
    /* ==========================================================================
            Breaking news
    ========================================================================== */
    #breaking-news {display: none}
    /* ==========================================================================
            Footer navigation
    ========================================================================== */
    ul.footer-navigation {display:none;}
    #footer .inner {height: auto; padding: 0;border-bottom: 1px solid #333; line-height: inherit}



    #sidebar2 { display: none; }
    #primary-center { width: 68%; }
    .top-banner-block { float: left; padding-left: 0;
                        margin-top: 15px; }

}

@media only screen and (max-width:480px) {
    /* ==========================================================================
        Shop
    ========================================================================== */
    ul.products li.product {width: 100%;margin-right: 0}
    ul.products li.product img {width: 100%}
    .product .gallery-block, .product .summary {float: none;width: 100%}
    .product {margin-bottom: 40px}
    .product .gallery-block {padding-bottom: 0}
}
@media only screen and (max-width:768px) {
    /* ==========================================================================
       Style switcher
       ========================================================================== */
    #style-switcher {display: none;}

    /* ==========================================================================
        Top baner
    ========================================================================== */
    .top-banner-block {display: none;}
    /* ==============================================================================	
        Logo
    ============================================================================== */
    /*#logo {float: none;display: block; text-align: center;}*/
    /* ==========================================================================
       Colummns
       ========================================================================== */
    .col1, .col2, .col3, .col4, .col5, .col5-of-5, .col6, .col7, .col7-of-7, .col8, 
    .col8-of-8, .col9, .col9-of-9, .col10, .col10-of-10, .col11, .col11-of-11, .col12 
    {float: none;width: auto;clear: both;display: block;margin-left: 0;margin-right: 0;width: 100%;}
    /* ==========================================================================
       Main and sidebar
       ========================================================================== */
    #sidebar, #primary-left, #primary-right, #primary-center {width: 100%; max-width:100%; margin-right: 0}
    /* ==============================================================================	
        Main slider
    ============================================================================== */
    #main-slider .caption h2 {font-size: 14px;padding: 4px}
    #main-slider .caption .entry-meta {display: none}
    /* ==============================================================================	
        Small thumb posts
    ============================================================================== */
    .small-thumb-post .cont-img img {width: 60px}
    .small-thumb-post h2 {font-size: 13px}
    .small-thumb-post .description {margin-left: 76px}
    /* ==========================================================================
        Block with news 1
    ========================================================================== */
    .category-block-news-1 .main-post {float: none;width: 100%;margin-right: 0;border-bottom: 1px solid #f0f0f0;margin-bottom: 10px}
    .category-block-news-1 .main-post .cont-img img {width: 100%}
    .category-block-news-1 ul.block-news {float: none;width: 100%;}
    .category-block-news-1 .main-post .post-format {display: none}
    /* ==========================================================================
        Block with news 2
    ========================================================================== */
    .category-block-news-2 .main-post {float: none;width: 100%;margin-right: 0;border-bottom: 1px solid #f0f0f0;margin-bottom: 10px}
    .category-block-news-2 .main-post .cont-img {width: 100%;float: none;margin-right: 0;margin-bottom: 5px}
    .category-block-news-2 .main-post .cont-img img {width: 100%}
    .category-block-news-2 .main-post .post-format {display: none}
    .category-block-news-2 ul.block-news .small-thumb-post {float: none;width: 100%;margin-right: 0;}
    .category-block-news-2 ul.block-news .small-thumb-post {padding: 10px 0;border-bottom: 1px solid #f0f0f0;position: relative}
    .category-block-news-2 ul.block-news li:last-child {border-bottom: none}
    .category-block-news-2 ul.block-news .small-thumb-post .cont-img {float: left;margin-right: 10px;margin-bottom: 0}
    .category-block-news-2 ul.block-news .small-thumb-post .cont-img img {width: 60px;}
    .category-block-news-2 ul.block-news .small-thumb-post .post-format {display: none}
    /* ==========================================================================
        Block with news 3
    ========================================================================== */
    .category-block-news-3 ul.block-news .small-thumb-post {float: none;width: 100%;margin-right: 0;}
    .category-block-news-3 ul.block-news .small-thumb-post {padding: 10px 0;border-bottom: 1px solid #f0f0f0;position: relative}
    .category-block-news-3 ul.block-news li:last-child {border-bottom: none}
    .category-block-news-3 ul.block-news .small-thumb-post .cont-img {float: left;margin-right: 10px;margin-bottom: 0}
    .category-block-news-3 ul.block-news .small-thumb-post .cont-img img {width: 60px;}
    .category-block-news-3 ul.block-news .small-thumb-post .post-format {display: none}
    /* ==========================================================================
        Block with news 5
    ========================================================================== */
    .category-block-news-5 .main-post {float: none;width: 100%;margin-right: 0;border-bottom: 1px solid #f0f0f0;margin-bottom: 20px}
    .category-block-news-5 .main-post .cont-img {width: 100%;float: none;margin-right: 0;margin-bottom: 5px}
    .category-block-news-5 .main-post .cont-img img {width: 100%}
    .category-block-news-5 .main-post .post-format {display: none}
    /* ==========================================================================
        Banners
    ========================================================================== */
    ul.banner-block-125 li {margin: 3px;padding: 1px;}
    /* ==========================================================================
        Gallery block
    ========================================================================== */
    .gallery-pager a img {width: 40px;margin: 0 5px 5px 0}
    .gallery-pager img {border: solid #fff 1px;}
    .gallery-pager a.active img {border: solid #222 1px}
    .gallery-block .caption {display: none}
    /* ==========================================================================
        Shop
    ========================================================================== */

    /* ==========================================================================
        Single post
    ========================================================================== */
    .post-title h1 {font-size:24px;line-height: 1.2}
    article .entry-meta .post-date, 
    article .entry-meta .post-comments, 
    article .entry-meta .post-author, 
    article .entry-meta .post-views {border-right: none;float: none;display: block;padding: 4px 0px;font-size: 12px;border-bottom: 1px solid #f0f0f0;}
    article .entry-meta {overflow: visible;margin-bottom: 20px;border-top: 1px solid #f0f0f0;border-bottom: none;}
    /* ==========================================================================
        Small carousel
    ========================================================================== */
    .small-carousel .post-format, .related-post .post-format {display: none}
    /* ==========================================================================
        Comments
    ========================================================================== */
    img.comment-avatar {display: none}
    .comment-meta, .comment-content, .reply {margin-left: 0px}
    ul.children li.comment article, ul.children li.comment ul article, ul.children li.comment ul ul article {padding-left: 0px; background-color: #f5f5f5}
    /* ==============================================================================	
        Tabs
    ============================================================================== */
    .tabs ul.tabs-list {border-bottom: 2px solid #f0f0f0;}
    .tabs ul.tabs-list li {border-bottom: 1px solid #f0f0f0;display: block;float: none;}
    .tabs ul.tabs-list li.ui-tabs-active:after  {border-width: 0;}
    .tabs ul.tabs-list li a {padding: 0;display: block;float: none;}
    .tabs ul.tabs-list li.ui-tabs-active a {transition: none !important; margin-bottom: 0; border-bottom: none;color: #222}
    /* ==============================================================================	
        Zodiac tabs
    ============================================================================== */
    .zodiac-tabs ul li.ui-tabs-active:after  {border-width: 0;}
    .zodiac-tabs ul li.ui-tabs-active a {border-bottom: 0}
    /* ==========================================================================
        404 Page
    ========================================================================== */
    #page-404 {text-align: center}
    #page-404 h3 {font-size: 80px}
    /* ==========================================================================
       Contact form
       ========================================================================== */
    #contact-human p { width:100%; float:none; margin:0 0 10px 0}
    #contact-human div {float: none;width: 100%; margin-bottom:15px}
    /* ==========================================================================
        Footer
    ========================================================================== */
    #footer .widget {margin-bottom: 30px}

}