@media only screen and (max-width: 1680px) {
} @media only screen and (max-width: 1366px) {
} @media only screen and (max-width: 1280px) {
} @media only screen and (min-width: 959px) and (max-width: 1024px) {
.widget-maintop .widget-container,
.widget-mainbottom .widget-container { 
padding-left:15px;
padding-right:15px;
}
.flexslider-carousel ul.flex-direction-nav a.flex-prev {left: 20px;}
.flexslider-carousel ul.flex-direction-nav a.flex-next {right: 20px;}
} @media only screen and (min-width: 959px) {
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.contact{  margin:0 100px;}
body.klasikt .related ul.products li.product, body.klasikt .upsells.products ul.products li.product, body.klasikt .related ul li.product, 
body.klasit .upsells.products ul li.product {width: 48%;}
.widget-maintop .widget-container,
.widget-mainbottom .widget-container { 
padding-left:15px;
padding-right:15px;
}
.flexslider-carousel ul.flex-direction-nav a.flex-prev {left: 20px;}
.flexslider-carousel ul.flex-direction-nav a.flex-next {right: 20px;}
} @media only screen and (max-width: 767px) {
#bodychild{width:100%; margin:0}
#outerheader{height:auto;} .row .sidebarcol    { width: 100%; }
.row .contentcol 	{ width: 100%; }
.widget-maintop .widget-container,
.widget-mainbottom .widget-container { 
padding-left:15px;
padding-right:15px;
margin: 0px auto; max-width: 420px;
} #logo{text-align:center; float:none; display:block; margin-bottom:20px;}
#logoimg img{margin:0px auto;}
.container{ margin: 0px auto; max-width: 450px; }
#navigation{text-align:center; clear:both; margin:0px!important;}
.sf-menu a{background:transparent !important; border:0 !important}
.sf-menu > li{border:0 !important; display:none;}
nav{margin:0px; float:none; }
.js .tinynav { display: block; display: inline-block; text-align:left ; margin:0 0 0 0; width:50%} .js #topnav { display: none } #outerafterheader{padding:0 0 0 0;}
.fa-icon-title{ display:block; text-align:center}
.fa-icon-title .fa{ margin:0px 0 0px} #content.positionright, #content.positionleft{background:transparent;}
.padcontent{padding-right:0;}
#content.positionright .padcontent{padding-left:0; padding-right:0}
#content.positionleft .main{ padding:0px; margin-bottom:30px;}
#content.positionleft .contenttop-container, #content.positionleft .contentbottom-container {  padding-right: 0px;}
#content.positionright .contentbottom-container, #content.positionright .contenttop-container  { padding-left: 00px;}
.contact{  margin:0 0px;}
.flexslider-carousel ul.flex-direction-nav a.flex-prev {left: 20px;}
.flexslider-carousel ul.flex-direction-nav a.flex-next {right: 20px;}
.klasik-action-widget .action-button{ float:none; margin-top:15px; display:inline-block}
.klasik-magazinepost-widget.headline-col-style .tpl1 .recent-thumb .image {
height: auto;
margin: 0 0 26px 0;
width: 100%;
float:none;
}
.wp-pagenavi{margin-bottom:30px;}
#sidebar.positionright div.widget-area{padding-left:0px;}
#sidebar.positionleft div.widget-area{padding-right:0px;}
body.klasikt .related ul.products li.product, body.klasikt .upsells.products ul.products li.product, body.klasikt .related ul li.product, 
body.klasit .upsells.products ul li.product {width: 48%;}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
#bodychild{width:100%;} .row .sidebarcol    { width: 100%; }
.row .contentcol 	{ width: 100%; }
#page-title-wrap {
display: block;
text-align: center;
}
#afterheader .pagetitle{ text-align:center; float:none; display:block; margin:0px;}
#afterheader .pagedesc{display:block; text-align:center;}
#afterheader #breadcrumbs{
width: auto;
height: auto;
position: inherit;
text-align:center!important;
}
} @media only screen and (max-width: 480px) {
#bodychild{width:100%;}
#page-title-wrap {
display: block;
text-align: center;
}
#afterheader .pagetitle{ text-align:center; float:none; display:block; margin:0px;}
#afterheader .pagedesc{display:block; text-align:center;}
#afterheader #breadcrumbs{
width: auto;
height: auto;
position: inherit;
text-align:center!important;
}
.commentlist ol{padding-left:20px;}
.comment-body{margin:0;}
body.klasikt .related ul.products li.product, body.klasikt .upsells.products ul.products li.product, body.klasikt .related ul li.product, 
body.klasit .upsells.products ul li.product {width: 100%;}
}