/* @containers ******************************************************************************************** ********************************************************************************************/
.body_wrap{max-width: 1400px; overflow:hidden; float:none; margin:60px auto;}
.container, .container_alt{
     width: 100%;
     max-width: 1300px;
     margin: 0 auto;
     padding:0 0;
     position:relative;
}
 .head_container{
     overflow:visible;
}
 #footer .container{
     background:none !important;
     overflow:hidden;
}
#footer .container, .container_alt{
     padding:0 50px;
}
/* @columns ******************************************************************************************** ********************************************************************************************/
 .onecol, .twocol, .threecol, .fourcol, .fivecol,.fifthcol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol,.warpbox {
     margin-left:0;
     float: left;
     min-height: 1px;
}
 .foocol{
     margin:0 0 0 0;
     width:27%;
     padding: 80px 0 60px 8%;
     position:relative;
     height:100%;
     min-height:1px;
     float:left;
}
 .foocol.first{
    width:19%;
     padding:80px 0 60px 0;
}
/*sidebar*/
 .fourcol{
	width:32%;
	padding:0 0 80px 0;
	margin:0 0 0 0;
	min-height:1px;
	float:right;
}
 .eightcol .fourcol{
     padding:0 40px;
}
/*content*/
 .eightcol{
    width:68%;
    padding:0 0 80px 0;
     margin:0 0 0 0;
     min-height:1px;
     float:left;
}
/* sidebar position */
 .postbarLeft .eightcol{
     float: right
}
 .postbarLeft .fourcol{
     float: left
}
 .postbarNone .eightcol{
     float:none;
     margin-left: auto;
    margin-right: auto;
}

.body_wrap.postbarNone .fourcol{ display:none;}

.single_postbar.postbarRight .eightcol{
     float: left !important;
}
.single_postbar.postbarRight .fourcol{
	display:block;
}
.single_postbar.postbarLeft .fourcol{
     float: left !important;
	 display:block;
}
.single_postbar.postbarNone .eightcol{
     float:none;
     margin-left: auto;
    margin-right: auto;
}

 .sixcol{
    width:50%
}
 .first, .ml-first {
    margin-left: 0px !important;
}
 .widgetable{
     padding:0 100px;
     margin:0 0 0 0;
}
/* @responsive mode ******************************************************************************************** ********************************************************************************************/
 @media screen and (max-width: 1425px) {

	.body_wrap {
		margin: 0 auto;
	}

}

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

#header {margin: 0 40px 30px 40px;}

#footer .container, .container_alt {
    padding: 0 40px;
}

.widgetable {padding: 0 40px;}

.blogger > div.item {
    margin: 0 0 40px 0;
}

.blogger > div > .item_inn {
    padding: 50px 40px;
}

.page .item_inn, .fullcontent .item_inn {
    padding: 40px 40px;
}

.fullcontent {
    margin: 0 40px;
}

.blogger div.post.sticky:after{
	top:20px;
	right:20px;
}

.single-post .item_inn.item_inn_top {
    padding: 40px 40px;
}

.single-post .item_inn.item_inn_bottom {
    padding: 10px 40px 40px 40px;
}


.search .errorentry {
    padding: 30px 40px;
}

}

/* iPad Landscape */
 @media screen and (max-width: 1055px) {
     .container_alt, .container.classic_blog{
        padding:0 0 !important;
    }
	#header {
		margin: 0 40px 0 40px;
		border-bottom:none;
	}
    #titles {
         margin-bottom:25px !important;
         margin-top: 25px !important;
         max-width:25%;
    }
     #navigation{
         margin:15px 0 15px -20px !important;
         padding: 0 0 0 0;
    }
	.nav > li > a {
    padding: 15px 8px 15px 8px;
	}
	.nav li.menu-item-has-children a, .nav li.page_item_has_children a{
    padding-right: 15px !important;
	}
	.menu-item-has-children > a::after {
    right: 5px;
	}
	h2.archiv {
		padding: 30px 40px;
	}
     blockquote{
         font-size:16px !important;
         line-height:1.4 !important;
    }
     #curtain .searchform {
         max-width: 80%;
         margin: -40px 0 0 0;
         left: 10%;
    }
     #curtain a.curtainclose {
         margin: 0;
         top: 30px;
         left: auto;
         right: 30px;
    }
	
	#post-nav .has-post-thumbnail .post-nav-text {
		width:100%;
	}


}
/*iPad Portrait */
 @media screen and (max-width: 770px){
     div.tooltip p:after, .nav>li>ul:after, .sf-arrows .sf-with-ul::after, .sf-arrows .sf-with-ul::after{
         display:none !important;
    }
     body {
         width: 100%;
         min-width: 0;
         margin-left: 0px;
         margin-right: 0px;
         padding-left: 0;
         padding-right: 0;
         margin-top:0;
         font-size: 16px;
         -webkit-text-size-adjust: none;
    }
     .onecol, .twocol, .threecol,.threecol_spec, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol,.fifthcol {
         width: auto;
         float: none !important;
         padding-left: 0px;
         padding-right: 0px;
         margin-left: 0;
         margin-right: 0;
    }
     #titles{
         margin:20px 0 15px 0 !important;
         float:left;
         max-width:50%;
         text-align:left;
    }
     #header h1{
         font-size:20px;
         line-height:1;
    }
     #header img{
         float:left;
    }
    /* mobile menu */
     .show-menu{
         display:block !important;
    }
     #navigation{
         display:none;
         overflow:hidden;
         position:relative;
         top:auto;
         margin:0 0 0 0 !important;
         padding:0 0 0 0 !important;
         background-color:#222 !important;
         width:100%;
    }
     #navigation a{
         color:#eee !important;
    }
     #navigation a:hover, #navigation .current-menu-item>a{
        color:#FAB133 !important;
    }
     ul.nav, #main-nav{
         width:100% !important;
         margin:0 0 0 0 !important;
         padding:0 0 0 0 !important;
    }
     ul.nav li, .nav li ul, #main-nav li.mega ul.sub-menu {
         width:100% !important;
         background-color: transparent !important;
         border:none !important;
         float:none;
         display:block;
        margin:0 0 0 0 !important;
         position:relative !important;
         left:auto !important;
         display:block !important;
         visibility:visible !important;
         padding-top:0;
    }
     .nav > li ul {
         max-height: none;
         opacity: 1;
    }
     #navigation .nav li ul li > a{
         border-bottom:1px dotted #444 !important;
         text-align:left;
    }
     ul.nav li a{
         width:100% !important;
         text-align:left;
         padding:15px 20px !important;
         margin:0 0 0 20px;
         font-size:16px !important;
    }
     .nav li ul li > a {
        font-size: 13px !important;
    }
     .nav li a.sf-with-ul {
        padding-right: 0 !important;
    }
     #main-nav > li > a {
        margin: 0 0 0 0 !important;
    }
     .nav > li > ul > li, .nav li ul ul li, #main-nav li ul li > a, .nav li ul li > a {
        max-width: 100% !important;
        margin:0 0 0 0;
         padding:0 0 0 0;
    }
     .nav li ul{
         padding:0 20px;
    }
     #main-nav li.mega ul.sub-menu {
         min-height:0px;
    }
     .nav li ul ul{
         margin:0 0 0 0;
         padding:0 0 0 0;
    }
     div.sub, .nav > li > ul:after,
	 #main-nav > li.menu-item-has-children > a:after{
         display:none !important;
    }
     .sf-arrows .sf-with-ul::after {
         right: 15px;
    }
     .searchOpen {
         float: left;
         padding: 15px 0 15px 20px;
    }
	.menu-item-has-children > a::after{ display:none;}
    /* end mobile menu */
    /*/
    /// stacked clomuns & posts */
    /* columns */
     #footer .foocol, .eightcol, .fourcol, .footer-logo, .bottom-menu, {
         padding: 0 0 !important;
         width: 100%;
         margin:0 auto !important;
         float:none !important;
         display:block;
         width:100%;
         border-left: none;
         border-right:none;
    }
     #sidebar, .foocol, .foocol.first{
         max-width:360px;
         width:100%;
         float:none !important;
         margin:0 auto !important;
    }
	.widgetable {
    	padding: 0 0;
	}
    .foocol{
         padding:40px 0 !important;
    }
	.footer-logo {
    	margin: 0 auto;
    	float: none;
	}
	#footer ul.social-menu {
		margin-top:20px !important;
    	float: none;
	}
	.footer-bottom{
		text-align:center;
		padding-bottom:80px;
	}
	#footer .bottom-menu,
	p.copyright {
    	float: none;
	}
	.blogger .entryhead {
		float: right;
		margin: 5px -40px 20px 30px;
		max-width: 50%;
	}
    /* woocommerce */
     #woo-inn{
         margin-left:0;
    }
     .woocommerce-page div.product div.summary {
         margin: 0 0 40px 0;
         width: 100%;
    }
     .woocommerce-page ul.products li.product, .woocommerce ul.products li.product {
         width: 100% !important;
         margin:0 0 30px 0 !important;
    }
     .woocommerce h1.page-title, p.woocommerce-result-count{
         text-align:center;
         width:100%;
    }
     .woocommerce #foliocontent .woocommerce-tabs, .woocommerce #foliocontent .related.products {
        width: 100%;
    }
     .woocommerce-page #foliosidebar {
        clear: both;
    }
     .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
        float: none;
    }
     .tmnf-sc-quote.left, .tmnf-sc-quote.right{
         width:100%;
         float:none;
         margin-left:0;
         margin-right:0
    }
     .wpcf7-form p.sixcol{
         float: none;
         margin-right: 0;
         width: 100%;
    }
    /* comments */
     .commentlist li.comment {
        padding: 20px 5px 10px 5px;
    }
     ul.children li.comment:last-child {
        padding: 20px 0 10px 20px !important;
    }
     .commentlist .avatar {
        right: 0;
        left:auto;
        top: 0;
        width: 40px;
    }
     li.bypostauthor{
         padding-left:10px !important;
    }
    /* other */
	.sidebar_item .mc4wp-form,
	.about-widget{
		width:100%;
	}
	.postbarLeft .about-widget,
	.single_postbar.postbarLeft .about-widget,
	.postbarRight .about-widget,
	.single_postbar.postbarRight .about-widget,
	
	.postbarLeft .sidebar_item .mc4wp-form,
	.single_postbar.postbarLeft .sidebar_item .mc4wp-form,
	.postbarRight .sidebar_item .mc4wp-form,
	.single_postbar.postbarRight .sidebar_item .mc4wp-form{ margin:0 0; padding:40px;}


     .single-post .eightcol, .tmnf-page .eightcol {
         margin-top: 0;
    }
     div.item>iframe {
         max-height: 420px;
    }
     .authorpage {
         max-width: 100%;
    }
     .error-search{
         width:60%;
         margin:0 20% 100px 20%;
    }
}
 @media only screen and (max-width: 685px) {
     h2.posttitle, h1.entry-title, h2.archiv{
         font-size:7vw !important;
         line-height:1.2 !important
    }
	.entry p {
    	font-size: 95%;
		line-height:1.8;
	}
	.tmnf_excerpt p {
    	font-size: 105%;
		line-height:1.8;
	}
    /* posts */
	.fullcontent {
    	margin: 0 0;
	}
     .comment-form-author, .comment-form-email, .comment-form-url, #post-nav, .postauthor{
         width:100%;
    }
     #respond textarea{
         width:99.5%;
    }
     .entry blockquote {
         margin: 5px 10px;
         padding: 0 20px !important;
    }
     .scrollTo_top{
         right:0;
         width:100%;
    }
   
     .related li h5 {
        margin: 15px;
    }
	.post-previous, .post-next {
    	width: 100%;
	 height:200px;
	}
	
	 #post-nav .post-nav-text{
     padding:50px 10px;
	 }
}
 @media only screen and (max-width: 425px) {
	 
#header {margin: 0 20px 0 20px;}

#footer .container, .container_alt {
    padding: 0 20px;
}

.widgetable {padding: 0 40px;}

.blogger > div.item {
    margin: 0 0 20px 0;
}

.blogger > div > .item_inn {
    padding: 20px 20px;
}

.page .item_inn, .fullcontent .item_inn {
    padding: 20px 20px;
}

.single-post .item_inn.item_inn_top {
    padding: 20px 20px;
}

.single-post .item_inn.item_inn_bottom {
    padding: 5px 20px 20px 20px;
}
.widgetable {
    padding: 0 20px;
}
h2.archiv {
	padding: 30px 20px;
}
.search .errorentry {
    padding: 20px 20px;
}

	 
     div.item>iframe {
         max-height: 200px;
    }
     ul.related li{
         width:100%;
		 height:auto;
		 margin:0 0 20px 0;
    }
     .error-search{
         width:100%;
         margin:0 0 50px 0;
    }

}