/*

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



/*-------------------------------------------------------------------------------------------*/

/* 1. Responsive styles */

/*-------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 981px) {

/*ul.products li.product { margin: 0 20px 20px 0; }*/

.home ul.products li.product.product-category {width:29%;}

}

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

#header #logo { margin-left: -472px !important; }

#content, #tools #connect{ width: 93%; }

#tools { height: auto; }

#tools #connect{  margin: 0 auto;  }

#tools > .fit-a { margin: 0 -45% 0 0; }

.page-template-template-home-php #content { width: 100%; }

.sliderh2 { font-size: 20px; }

.slidertext { font-size: 14px; }

#headline .headline-left-side { left: 0; margin: 0 auto 1em; position: relative; top: 0; width: 97%; }

#headline .headline-right-side { margin: 0 auto 1em; width: 97%; text-align:left; }

.home .woocommerce-columns-4 ul.products li.product { width: 22%; }

.cols-b { background: #FFFFFF;}

.home div.woocommerce-wrap { width:95%;padding: 0 3%;/*float:left;*/ }

.home-content {width: 90%;}

.cols-b > * { width: 46% !important; }

#footer-wrap .double-a, #footer-wrap #footer-widgets, .module-b > * { width: 95%; }

#footer-wrap > .double-a { border: 1px solid #d4d1d2; background: url(../images/footer-top.png) center -10px no-repeat #fff  !important; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }

#footer-wrap > .double-a:after { background: none  !important; }

#footer > * { width:97%;}

aside.cols-c { width: 25%;}

.sidenav-right { width: 70%; }

}

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

#header #logo { margin-left: -382px !important; }

#content, .headline-bcmp .breadcrumbs-wrap { width: 91.5%; }

.double-a > * { width: 240px; }

#footer-wrap .totop { display: none; }

}

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

#header.b #navigation > ul > li > a, #header.c #navigation > ul > li > a, #header.d #navigation > ul > li > a { padding: 0 5px; }

#header.b #navigation ul.nav { margin: 0 -490px 0 0; }

#header.c #navigation ul.nav { margin: 0 -438px 0 0; }

#tools #connect li.b, #tools #connect li.a, #tools ul.social{ display:none; }

.home .woocommerce-columns-4 ul.products li.product { width: 21.4%; }

.home .widget_woo_product_categories ul.products li.product.product-category { margin-right: 14px; }

.layout-full .entry img { max-width: 98%; }

#connect .social a:before {font-size: 24px;/*should be 8xn*/}

#footer-widgets .block { width:25%; float:left; }

}



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

#header #logo { margin-left: 0px !important; left: 0; margin: 0 auto; padding: 0; position: relative; top: 0 !important; width: 96%; }

#header { text-align:center; padding:10px 0 0 0 !important; }

#header.f { background: #FFF; min-height:125px; }

#navigation { 

 background: #FFFFFF;

 margin-bottom:0;

}   

#header.b #navigation > ul > li > a, #header.c #navigation > ul > li > a, #header.d #navigation > ul > li > a { padding-top: 3px; padding-bottom: 3px; }

#header.b #navigation ul.nav,#header.c #navigation ul.nav  { margin: auto; }

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 {

 background: #f2f2f2;

 font-style: italic;

 margin: 1px 0;

 padding: 3px 0;

 font-weight: 700;

}   

#navigation ul.nav li a:hover,

#navigation ul.nav li a:focus,

#navigation ul.nav li a:active {

 background: #e65a39;

 color: #FFFFFF;

}   

#navigation ul.nav li ul{ margin:0; }  

#navigation ul.nav li ul.sub-menu li a { color: #917460; }

#navigation ul.nav li ul.sub-menu li a:hover { color: #FFF; }

.sliderh2 { font-size: 14px; }

.slidertext { font-size: 12px; }

#headline { margin: 10px auto; text-align: center; width: 90%; }

#headline .headline-right-side { text-align:center; }

#headline .headline-right-side .header-cart { margin-top: 10px;}	

#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; }

#footer-widgets { border-top:none !important; }

#footer { background:#624c4d !important; height:auto; padding-top: 10px; }

}

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

#content { width: 90%; }

.double-a > * { width: 190px; }

article.post > footer .sharebox { position:relative; }

.rmc-menu li { margin-right: 0;width: 100%; }

ul.products.list li.product {width: 95% !important;}

.home-featured ul.products li.product { clear:none !important; }

}

@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 .woocommerce-columns-4 ul.products li.product { width: auto; }

.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%;}

.cols-b > * { width: 92% !important; }

#tools #connect li.c, #tools #language { display: none; }

#tools #searchform, #tools #searchform #s { float: left; width: 100%; }

}

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

#content { width: 84%; }

#main-slider { display: none; }

gridlist-toggle { visibility: hidden; }

#footer-wrap > .double-a { padding-bottom: 1em;background: #fff !important; }

.double-a > *, .double-a > *:first-child { left: 0; float: none; width: 96%; padding-left: 2%; padding-right: 2%; }

.double-a figure { position: relative; top: 0; float: left; margin: 0 1em 1em 0; }

ul.products li.product.product-category h3 {text-align: left !important;}

#portfolio .portfolio-item .one-three .over .shade-c { background:none; }

}

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

ul.products li.product { float: none !important; }

.home-featured ul.products li.product { float: left !important; }

}



