@media only screen and (max-width:1256px) {
/* ==========================================================================
    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}
/* ==========================================================================
    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 {display: block; color: #fff}
#primary-navigation {position: relative !important; height: auto;}
#primary-navigation > .inner {height: auto; background-color: #222; max-width: 100%}
/* ==========================================================================
    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}
}
@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 {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	text-align: center;
}
/* ==============================================================================	
    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}

}