.sidebar-mobile{
	display: none;
}
.sidebar-desktop{
	display: block;
}

@media only screen and (min-width : 320px) and (max-width : 568px) {
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

h1{font-size:1.857em;}
h2{font-size:1.571em;} 

p{font-size:0.929em;}

*{word-wrap:break-word;}

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
.container{width:auto;}

/* TOP / HEADER =============================================================================*/
#HeaderUNav{display:none !important;}
#followSnippet{display:none !important;}

#headerMobile{min-height:52px; padding:15px 15px 15px 15px;}

#logoMobile{max-width:210px;}

#menuMobile{top:15px; position:relative;}
#menuMobile .trigger{background:url(images/mobile/knob.png) no-repeat center; cursor:pointer; height:52px; position:absolute; right:-15px; top:-56px; width:52px;}
#menuMobile .search-ico{background:url(images/icon/zoom.png) no-repeat center; cursor:pointer; height:52px; position:absolute; right:32px; top:-56px; width:52px;}
#menuMobile .menuContent{display:none; margin:0 -15px; overflow:hidden;}
#menuMobile .menuContent.animated{display:block; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#menuMobile .menuContent .menuInside{margin-bottom:18px; position:relative;}
#menuMobile .menuContent ul li{background:#fff; border-bottom:1px solid #f0f0f0; padding:20px 80px;}
#menuMobile .menuContent ul li a{display:block; font:bold 0.929em 'Bitter', serif; padding-left:45px; position:relative;}
#menuMobile .menuContent ul li a img{position:absolute; left:0; margin-top:-17px; top:50%;width:30px;}
#menuMobile .menuContent .secondary li{background:#d3d3d3;}
#menuMobile .menuContent.open{display:block;}

#searchMobile{background:#fff; border-bottom:1px solid #f0f0f0; padding:10px 16px;}
#searchMobile .searchform{background:#f3f3f5; padding-right:46px; position:relative;}
#searchMobile .searchform input[type=text]{padding:9px 13px;}
#searchMobile .searchform .seperator{background:url(images/bg/dividerVertical.gif) repeat-y center; display:inline-block; height:21px; position:absolute; right:33px; top:8px; width:1px;}
#searchMobile .searchform button{background:url(images/icon/zoom.png); border:none; height:15px; padding:0; position:absolute; right:10px; top:10px; width:15px;}
#searchMobile .searchform button span{display:none;}

/* CONTENT ==================================================================================*/

/* general entry */
#main .entry-categories{font-size:0.786em;}

/* entry */
#main .entries{margin:auto; overflow:visible; text-align:center;}
#main .entries .entry{float:none; margin:0 auto 15px auto; text-align:left; width:291px;}
#main .entries .entry .entry-content{padding:36px 30px 25px 30px;}
#main .entries .entry .entry-meta{font-size:0.643em;}

/* featured entry */
#main .featured-entry{height:auto; margin-bottom:15px; width:auto;}
#main .featured-entry .entry-media{background:#FFF; min-height:14px; float:none; width:auto;}
#main .featured-entry .entry-media img{height:auto; width:100%;}
#main .featured-entry .entry-content{float:none; height:auto; padding:30px; width:auto;}
#main .featured-entry .entry-content:before{background:url(images/mobile/bg/featured.png) no-repeat left top; content:''; display:block; height:14px; position:absolute; left:0; top:-14px; width:100%;}

/* big featured entry */
#main #featuredBig{height:auto; width:auto;}
#main #featuredBig .entry-media{width:auto;}
#main #featuredBig .entry-content{height:auto; padding:30px; width:auto;}
#main #featuredBig .entry-content h1{font-size:1.857em;}
#main #featuredBig .entry-content:before{background:url(images/mobile/bg/featuredBig.png) no-repeat left top; height:16px; top:-16px;}

/* archive header */
#main .archive{margin-bottom:15px; width:auto;}

/* single */
#single{float:none; margin-bottom:30px; padding:30px 25px; width:auto;}
#single .entry-content img{height:auto;}
#single .entry-content .media .addthis_button_pinterest_pinit{display:none;}

#single .entry-content .media .inside{
	min-height: 0;
}

#single .entry-content .media .inside img{
	min-height: 0;
}
#single .entry-author{padding-left:85px;}
#single .entry-author .media{margin-left:-65px;}
#single .entry-author .media img{max-width:50px;}
#single .entry-author .info .mail{display:none;}
#single .entry-share .mobile{display:inline-block; vertical-align:middle;}

/* author */
#single.author .author-info{padding-left:75px;}
#single.author .author-info .media{margin-left:-75px;}
#single.author .author-info .media img{border-radius:50%; max-width:60px;}
#single.author .author-info h1{padding-top:0;}

/* comments */
#comments .commentlist .comment-block{padding-left:19px;}
#comments .commentlist .comment-block .media{display:none;}
#comments .commentlist .comment-block .info h5{padding-right:100px;}
#comments .commentlist .children .comment-block{margin-left:20px;}

/* authors */
#authors{float:none; width:auto;}
#authors .entries{margin:auto; overflow:visible; text-align:center;}
#authors .entries .author-entry{float:none; margin:0 auto 15px auto; text-align:left; width:291px;}

/* nagvigation */
#navigation .col-1{float:left !important; padding-right:10px; text-align:right;margin-left:10px;}
#navigation .col-2{float:right !important; padding-left:10px; text-align:left;margin-right:10px;}
/*#navigation .col-1 a, #navigation .col-2 a{padding:12px 20px; text-align:left; text-indent:-9999em; white-space:nowrap; width:0;}*/
#navigation .col-1 a, #navigation .col-2 a{padding:12px 20px; text-align:left; text-indent:-9999em; white-space:nowrap; width:0;}

#navigation .col-1 a{
	text-indent: 0;
	width: 131px;
	line-height: 14px;
	white-space: normal;
	padding: 12px 20px 12px 32px;
}

#navigation .col-2 a{
	text-indent: 0;
	width: 131px;
	line-height: 14px;
	white-space: normal;
	text-align: right;
	padding: 12px 32px 12px 20px;
}

/* box shadow */
#menuMobile .menuContent .menuInside, #main .featured-entry{
	box-shadow:-1px 2px 5px rgba(0, 0, 0, 0.07); 
	-moz-box-shadow:-1px 2px 5px rgba(0, 0, 0, 0.07); 
	-webkit-box-shadow:-1px 2px 5px rgba(0, 0, 0, 0.07); 
}

/* SIDEBAR ==================================================================================*/
.sidebar-mobile{
	display: block;
}
.sidebar-desktop{
	display: none;
}
#sidebar{float:none; width:auto;}
#sidebar .widget{margin:0 auto 15px auto; width:100%;}

/* social accounts */
#sidebar .social-accounts .account a{margin-left:6px;}
#sidebar .social-accounts .facebook a{background-position:0 bottom;}
#sidebar .social-accounts .twitter a{background-position:-56px bottom;}
#sidebar .social-accounts .pinterest a{background-position:-112px bottom;}
#sidebar .social-accounts .youtube a{background-position:-167px bottom;}
#sidebar .social-accounts .googleplus a{background-position:-223px bottom;}

/* sub categories */
#sidebar .widget-subcategories-switcher{background:none; box-shadow:none; padding:0;width: 291px;}
#sidebar .widget-subcategories-switcher .dropdownWrapper{width:100%;}

/* adspace */
#sidebar .adspace-widget{display:none;}

/* BOTTOM ===================================================================================*/
#bottom{padding:15px;}

/* menus */
#bottom .menu{text-align:center;}
#bottom .menu a{display:inline-block;}
#bottom .menu > li > a{font-size:0.714em;}
#bottom .menu li.iga a{background:none; padding:0;}
#bottom .menu .separator{background:url(images/bg/dividerVertical.gif) repeat-y center; display:inline-block; height:13px; margin:0 5px; vertical-align:middle; width:1px;}
#bottom .menu .separator span{display:none;}

/* dropdown menu */
#bottom .menu-bottom-container{padding-top:20px;}
#bottom .menu-bottom-container .dropdownWrapper{width:100%;}

#bottom .menu-footer-container .dropdownWrapper{
	display: block;
}

#bottom .select-mobile-menu{
	width: 100%;
}

/* FOOTER ===================================================================================*/
#footer{padding:15px; text-align:left;}
#footer .menu{font-size:0.833em;}

/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* isotope */
.isotope{height:auto !important; position:static !important;}
.isotope .isotope-item{position:relative !important; left:auto !important; top:auto !important; -webkit-transform:translate3d(0px, 0px, 0px) !important; transform:translate3d(0px, 0px, 0px) !important;}

/* columns */
.col-1, .col-2, .col-3{display:block !important; float:none !important; padding-left:0 !important; padding-right:0 !important; width:auto !important;}

/* media types */
.desktop{display:none !important;}
.mobile{display:block;}
}