/*
The styles in this stylesheet are responsible for responsiveness of the theme.

/*-------------------------------------------------------------------------------------------*/
/* 1. Responsive styles */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1279px) {
#footer-wrap > * { width:97%;}
}
@media only screen and (min-width: 921px) and (max-width: 1279px) {
#content { width: 91%; }
#main { width: 67%; }
}
@media only screen and (max-width: 980px) {
#tools { height: auto; }
#tools #connect{  margin: 0 auto;  }
#tools > .fit-a { margin: 0 -45% 0 0; }
.home-content {width: 90%;}
.sidenav-right { width: 70%; }
.page-template-template-fullwidth article.page.hentry { padding: 0;}
#portfolio .portfolio-item .style2 img,#portfolio .portfolio-item .over img { width: 100%; }
#footer-wrap > .totop { margin: 0; right: 50%; bottom: 0; }
}
@media only screen and (max-width: 920px) {
#content, .headline-bcmp .breadcrumbs-wrap { width: 91.5%; }
.layout-full #main, .layout-full #sidebar ,
.layout-left-content #main, .layout-left-content #sidebar ,
.layout-right-content #main,.layout-right-content #sidebar { float: none; }
}
@media only screen and (max-width: 800px) {
#logo img { max-width: 65%; }
#headline .headline-text { width: 90%; margin: 0 0 0 -45%; }
#header #logo { margin: 0 0 0 -200px; }
#header.b #navigation ul.nav { margin: 0; }
#navigation > ul.nav > li { width: 100px; }
#navigation > ul > li > a::before { background-position: -69px -625px; width: 105px; }
#tools #connect li.b, #tools #connect li.a { display:none; }
.layout-full .entry img { max-width: 98%; }
#connect .social a:before {font-size: 24px;/*should be 8xn*/}
#footer-widgets .block { width:25%; float:left; }
#header > #searchform, #header > .search_main #searchform { width: 183px; }
#header.b.fixed #navigation > .menu_left, #header.b.c.fixed #navigation > .menu_left { margin-left: 160px; }
}
@media only screen and (max-width:800px) and (min-width:480px) {
.home .widget_woo_product_categories ul.products li.product.product-category { margin-right: 14px; width: 26%; clear: none; }
}
@media only screen and (max-width: 768px) {
#header::before { z-index: -1;}
#header > #logo { display: inline-block; left: 50%; margin: 0 0 0 -91px; position: absolute; }
#header.tnav > #logo { top: 40px }
#navigation #logo { display: none;}
#header { text-align:center; }
#header > #logo img { max-width: 180px; }
#navigation > ul.nav > li > ul { display: block; }
#content { margin: 0 auto; width: 90%; }
#navigation {margin-top: 20px; }
#navigation { position: relative; top: 117px; margin-bottom: 130px; }
#navigation > ul.nav > li { width: auto; padding-bottom: 13px; }
#header.b #navigation ul.nav,#header.c #navigation ul.nav  { margin: auto; width: 100%; }
ul.nav li a {
  display: block;
  font-size: 1em;
  height: 29px;
  line-height: 29px;
  padding: 0 9px;
  text-decoration: none;
  white-space: nowrap;
}
#navigation ul.nav li a {
 font-size: 24px;
 line-height: 29px;
 font-weight: 400;
 height: 41px;
}
#navigation ul.nav li a:hover,
#navigation ul.nav li a:focus,
#navigation ul.nav li a:active {
 color: #533537;
}
#navigation ul.nav li ul{ margin:0; }
ul.nav ul.sub-menu { background-image: none; }
#navigation ul.nav li ul.sub-menu li a {  font-size: 16px; }
#headline { margin: 10px auto; text-align: center; width: 90%; }
#sidebar .widget ul li a, .jssidebar .widget ul li a { font-size:1em; }
#portfolio article .one-one { max-width: 572px; padding: 6px 20px 35px; }
#portfolio .portfolio-item .one-one .over { position: relative; }
.cols-b > *:first-child { float: left; padding: 0 0 0 20px; }
.cols-b > aside { float: right; padding: 0 20px 0 0; }
#connect .related-posts { clear: both; padding-top: 15px; }
#footer-widgets { border-top:none !important; }
#header > #searchform,#header > .search_main #searchform { top: 73px; }
}
@media only screen and (max-width: 767px) {
#footer p { padding-top: 14px; }
article.post > footer .sharebox { position:relative; }
#header > #searchform,#header > .search_main #searchform { display: none; }
}
@media only screen and (max-width: 720px) {
#comments li.comment .comment_container .comment-text { width: 80%; margin-left:0; }
#comments li.comment ul.children li.comment .comment_container .comment-text { width: 98%; }
#comments li.comment ul.children li.comment ul.children li.comment .comment_container .comment-text { width: 100%; }
#comments li.comment ul.children li.comment ul.children li.comment ul.children li.comment .comment_container .comment-text { width: 99%; }
aside.cols-c, .sidenav-right { width: 100%;}
.home ul.products li.product:nth-child(2n) { float: left; }
#footer-widgets .block { width:auto; float:none; }

}
@media only screen and (max-width: 560px) {
#content { width: 88%; }
#portfolio article .one-one { min-height: 140px; }
#portfolio article.one-two, #portfolio article.one-three {max-width: 90%;}
#tools #connect li.c, #tools #language, #tools .social { display: none; }
#tools #searchform, #tools #searchform #s { float: left; width: 100%; }
}
@media only screen and (max-width: 480px) {
    #content { width: 84%; }
    #portfolio .portfolio-item .one-three .over .shade-c { background:none; }
    #header .nav-toggle {top:100px;margin: 0 0 0 68px;}
    .js_active .image-a span {
        top: -16px;
    }
    .image-a span {
    border:none;
    margin:0;
    }
    .image-a span.img, .js_active .image-a span.img {
        left: 50%;
        margin: 0 0 0 -105px;
        position: absolute;
        top: 70px;
    }
    .scheme-c {
        padding-top: 78px;
    }
}
@media only screen and (max-width: 340px) {
}