.container {
	width:100%;
	max-width: 1200px;
	position:relative;
	margin: 0 auto;
	padding:0;
}
@media (max-width: 1980px) {
 body {
font-size: calc(13px + (15 - 12) * ((100vw - 300px) / (1600 - 300)));}
}
@media (max-width: 1280px) {
#logo {
width:10em;
height:auto;
}
}
@media (max-width: 1124px) {
.container {
max-width:94%;
}
#sidebar{
	width:50%;
}
#main{
	width:100%;
}
.cleft{
	flex-direction:column;
}

}
@media (max-width: 768px) {
 body {
 text-align:left;
}
#head .logo {
width:100px;
height:auto;
margin-left:50px;
}
#block-superfish-1 {
float:none;
margin:0;
}
#head .region-head{
	display:block;
	float:none;
}
#superfish-1-toggle {
position:absolute;
left:5px;
top:0.5em;
width:32px;
height:32px;
display:block;
text-indent:-9999px;
background:url(images/mobile.png) no-repeat center top;
}
#block-superfish-1 .bcontent ul li a.sf-depth-1 {
padding:0.5em;
font-size:1em;
}
#block-superfish-1 .bcontent ul li a.sf-depth-2 {
padding:0.5em;
font-size:1.1em;
}

.region-featured{
	flex-direction:column;
}
.region-featured .block{
	width:100%;
}
#block-views-popular-posts-block{
	margin-bottom:10px;
}
#block-views-front-boxes-block .article-content .entry-title{
	font-size:18px;
	margin-bottom:10px;
	line-height:20px;
}
.block-commerce-multicurrency {
clear:both;
}
.breadcrumb {
font-size:0.9em;
}
.body img {
width:94%;
height:auto;
margin:0 auto;
}
.node-type-articles #sidebar{
	margin-top:30px;
}
#media, #product {
 width:100%;
 float:none;
}
#block-views-footer-posts-block{
	width:45%;
}
#block-menu-block-1{
	width:25%;
}
#block-block-3{
	width:28%;
}
}
@media (max-width: 540px) {
 body {
 padding-bottom: 0;
}
#headtopbg{
	padding:12px 0;
}
#headtop .region-headtop{
	flex-wrap:wrap;
	justify-content:center;
}
.region-headtop #block-system-main-menu .menu{
	margin-bottom:5px;
}
#main, #sidebar{
	width:100%;
}
.region-headtop #block-system-main-menu .menu li a{
	font-size:12px;
}
#block-views-popular-posts-small-block .title:after, #block-views-latest-news-block-1 .title:after, #block-views-sidebar-posts-block h2:after{
top:33px;
}
.article-content{
	left:10px;
	bottom:15px;
}
.article-content .entry-content{
	display:none;
}
.article-content .article-meta{
	font-size:12px;
}
#block-views-latest-news-block-1 .article-content .entry-title{
	margin-bottom:0;
	font-size:20px;
}
#block-views-popular-posts-small-block .views-row:first-child,
#block-views-popular-posts-small-block .views-row,
.view-popular-posts-small .side-item-text, .view-sidebar-posts .side-item-text{
	width:100%;
}
.view-popular-posts-small .views-row:not(.views-row-first) .post-img{
	width: 60%;
}#block-views-popular-posts-small-block .views-row img{
	max-width: 120px;
}
#block-views-popular-posts-small-block .article-content{
	padding-left:5px;
}
#block-views-popular-posts-small-block .views-row:not(.views-row-first) .btn-read,
#block-views-latest-post-small-block .entry-header .read-btn a,
.view-taxonomy-term .read-btn a{
	display:none;
}
#block-views-latest-news-block-1 .post-image img{
	width:100%;
	height:auto;
}
.article-content .post-cat{
	margin-bottom:7px;
}
.article-content .post-cat a, .article-image .post-cat a, .field_category .field-item a{
	padding:5px 5px 5px;
}
.article-content .post-cat a, .article-image .post-cat a, .field_category .field-item a{
	font-size:10px;
}
#block-views-latest-post-small-block .view-latest-post-small .article-content,
#block-views-sidebar-posts-block .article-content,
.view-footer-posts .article-content{
	padding-left:7px;
}
#block-views-latest-post-small-block .view-latest-post-small .article-content .entry-title,
.view-taxonomy-term .entry-title{
	font-size:16px;
}
.view-footer-posts .entry-title{
	font-size:14px;
}
#block-views-sidebar-posts-block h2{
	line-height: 23px;
}
.view-sidebar-posts .post-img{
	width:53%;
}
.view-sidebar-posts .side-item-text{
	width:46%;
}
#block-views-latest-post-small-block .view-latest-post-small .article-content, .view-taxonomy-term .article-content{
	padding-left:5px;
}
.webform-client-form{
	width:90%;
	margin-left:5%;
}
footer {
 position: relative;
 font-size:1.2em;
}
.region-footer h2{
	margin-bottom:30px;
}
.region-footer{
	flex-direction:column;
}
#footer .block {
 width:100%;
 padding:0;
 margin:0;
 float:none;
 border:none !important;
}
}