/* Code tidied up by ScrapBook */
.container, .container_alt { width: 100%; max-width: 1380px; margin: 0px auto; padding: 0px; overflow: hidden; position: relative; }
.head_container { max-width: 100%; }
.head_container, .container_alt { overflow: visible; }
#footer .container { background: transparent none repeat scroll 0% 0% ! important; }
.onecol, .twocol, .threecol, .fourcol, .fivecol, .fifthcol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .warpbox { margin-left: 0px; float: left; min-height: 1px; }
.foocol { margin: 0px; width: 21%; padding: 60px 0px 40px 80px; position: relative; height: 100%; min-height: 1px; float: left; }
.foocol.first { width: 37%; padding: 60px 0px 40px; }
.foocol.last {  }
.fourcol { width: 22%; padding: 0px 40px; margin: 0px 0px 40px; min-height: 1px; float: right; }
.eightcol { width: 78%; padding: 0px 40px; margin: 0px 0px 40px; min-height: 1px; float: left; }
.postbarLeft .eightcol { float: right ! important; }
.postbarLeft .fourcol { float: left ! important; }
.postbarNone .eightcol { float: none ! important; margin: 0px auto ! important; }
.postbarNone .entryhead iframe { width: 100%; }
.tmnf_single_column .eightcol { margin: 0px auto 40px ! important; float: none; }
.tmnf_single_column .fourcol { display: none; }
.sixcol { width: 50%; }
.first, .ml-first { margin-left: 0px ! important; }
.widgetable { padding: 0px; overflow: hidden; margin: 0px; }
#left-sidebar .widgetable { border: medium none; }
.postbarLeft .widgetable { margin: 0px; }
@media screen and (min-width: 1025px) {
  .classic_header #titles { float: left; margin-left: 60px; }
  .classic_header .nav { max-width: none; }
  .classic_header #navigation { position: relative; }
}
@media screen and (max-width: 1435px) {
  .owl-item .slideinside { margin: 0px; left: 80px; width: 45%; }
  .main_carousel .owl-item .slideinside { right: 30px; left: 30px; width: auto; }
  .main_carousel .owl-item .slideinside h2 { line-height: 1.2 ! important; font-size: 4vw ! important; }
  .nav { padding: 0px 20px; }
  #main-nav-right { margin-right: 20px; }
  a.searchOpen { right: -25px; }
}
@media screen and (max-width: 1180px) {
  .sliderwrap { margin: 20px 20px 0px; }
  #core { margin-top: 20px; }
  .sliderwrap { margin: 0px 20px 20px; }
  h1.entry-title, h2.archiv, .slideinside h2 { font-size: 4vw ! important; line-height: 1.2 ! important; }
  .blogger .item h2, .main_carousel .owl-item .slideinside h2 { font-size: 3vw ! important; line-height: 1.2 ! important; }
  .main_carousel .slideinside p.teaser { display: none; }
}
@media screen and (max-width: 1155px) {
  #header { position: relative; width: 100%; z-index: 100; }
  .header_fix { display: none; }
  #titles { max-width: 33%; padding: 25px 0px ! important; margin: 0px; text-align: left; }
  #header h1 { font-size: 25px; line-height: 1; }
  #header img { float: left; max-height: 35px; }
  .show-menu { display: block ! important; }
  #navigation { display: none; position: relative; overflow: hidden; height: auto; top: auto; margin: 0px ! important; padding: 10px 0px ! important; background-color: rgb(34, 34, 34) ! important; width: 100%; }
  #navigation a { color: rgb(238, 238, 238) ! important; }
  #navigation a:hover, #navigation .current-menu-item > a { color: rgb(130, 218, 238) ! important; }
  ul.nav, #main-nav { width: 100% ! important; max-width: 100%; margin: 0px ! important; padding: 0px ! important; }
  ul.nav li, .nav li ul, #main-nav li.mega ul.sub-menu { width: 100% ! important; background-color: transparent ! important; border: medium none ! important; float: none; margin: 0px ! important; position: relative ! important; left: auto ! important; display: block ! important; visibility: visible ! important; padding-top: 0px; }
  .nav > li ul { max-height: none; opacity: 1; }
  #navigation .nav li ul li > a { border-bottom: 1px dotted rgb(68, 68, 68) ! important; text-align: left; padding: 7px 15px ! important; }
  ul.nav li a { width: 100% ! important; text-align: left; padding: 15px 20px ! important; margin: 0px; font-size: 16px ! important; }
  ul.nav li li a { margin: 0px 0px 0px 20px; }
  .nav li ul li > a { font-size: 13px ! important; }
  .nav li a.sf-with-ul { padding-right: 0px ! important; }
  #main-nav > li > a { margin: 0px ! 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: 0px; padding: 0px; }
  .nav li ul { padding: 0px 20px; }
  #main-nav li.mega ul.sub-menu { min-height: 0px; }
  .nav li ul ul { margin: 0px; padding: 0px; }
  div.sub, .nav > li > ul::after, .nav .menu-item-has-children a::after, .header_icons { display: none ! important; }
  .sf-arrows .sf-with-ul::after { right: 15px; }
  .owl-item .slideinside { bottom: 40px; width: 65%; }
  .container { padding: 0px 20px; }
  .fourcol, .eightcol { padding: 0px 20px; }
  .blogger { margin: 0px -20px; width: calc(100% + 40px); }
  .blogger > .item { padding: 20px; }
  .blogger .grid_item.has-post-thumbnail .item_inn { bottom: 20px; left: 20px; right: 20px; }
  .blogger .grid_item.has-post-thumbnail .item_inn { padding: 15px 20px; }
  .blogger .item p.teaser { font-size: 90%; line-height: 1.8; }
}
@media screen and (max-width: 1025px) {
}
@media screen and (max-width: 885px) {
  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: 0px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; font-size: 16px; -moz-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: 0px; margin-right: 0px; }
  #footer .foocol, .eightcol, .fourcol, #footer .bottom-menu { margin: 0px auto ! important; float: none ! important; display: block; width: 100%; border-left: medium none; border-right: medium none; padding: 0px 20px; }
  #sidebar, .footer_text, .foocol, .foocol.first { max-width: 360px; width: 100%; float: none ! important; margin: 0px auto ! important; padding: 30px 0px ! important; }
  .footer-logo img { float: none; margin: 30px auto 0px; }
  .blogger { margin: 0px -30px; width: calc(100% + 60px); }
  .blogger > .item { padding: 10px; }
  .blogger .grid_item.has-post-thumbnail .item_inn { bottom: 10px; left: 10px; right: 10px; }
  .blogger .item p.teaser { font-size: 80%; line-height: 1.6; }
  .layout_masonry_3 .item, .layout_grid_3 .item { width: 50%; }
  h1.entry-title, h2.archiv, .slideinside h2, .blogger .item h2 { font-size: 4vw ! important; }
  .single-post .postbarNone .item_inn { padding: 0px 20px; }
  h1.entry-title, .tmnf_excerpt, .meta-single { margin: 10px 0px; width: 100%; }
  .tmnf_excerpt p { font-size: 100%; margin-bottom: 20px; }
  .single-post .has-post-thumbnail .entryhead { margin: 20px 0px; }
  #woo-inn { margin-left: 0px; }
  .woocommerce-page div.product div.summary { margin: 0px 0px 40px; width: 100%; }
  .woocommerce-page ul.products li.product, .woocommerce ul.products li.product { width: 100% ! important; margin: 0px 0px 30px ! 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: 0px; margin-right: 0px; }
  .wpcf7-form p.sixcol { float: none; margin-right: 0px; width: 100%; }
  .commentlist li.comment { padding: 20px 5px 10px; }
  ul.children li.comment:last-child { padding: 20px 0px 10px 20px ! important; }
  .commentlist .avatar { right: 0px; left: auto; top: 0px; width: 40px; }
  li.bypostauthor { padding-left: 10px ! important; }
  .post-previous, .post-next { width: 100%; }
  .post-next { margin: -1px 0px 0px; }
  .landing-section ul.social-menu li { margin: 5px 10px; }
  .owl-item .slideinside { bottom: 20px; width: 75%; }
  .entryhead iframe { max-height: 350px; }
  #curtain .searchform { left: 10%; margin: 0px; max-width: 80%; width: 80%; }
  #curtain a.curtainclose { left: 30px; margin: 0px; top: 30px; }
  .wrapper .entry h1 { font-size: 130% ! important; }
  .wrapper .entry h2 { font-size: 115% ! important; }
  .wrapper .entry h3 { font-size: 100% ! important; }
  .wrapper .entry h4 { font-size: 95% ! important; }
  .wrapper .entry h5 { font-size: 90% ! important; }
  .wrapper .entry h6 { font-size: 85% ! important; }
  h1.entry-title, h2.archiv, .slideinside h2 { font-size: 5vw ! important; }
}
@media only screen and (max-width: 685px) {
  #titles { max-width: 40%; }
  .slideinside p.teaser { display: none; }
  #core { margin-top: 40px ! important; }
  h1.entry-title, h2.archiv, .slideinside h2 { font-size: 7vw ! important; }
  .blogger .item h2 { font-size: 5vw ! important; }
  .meta-single { padding: 0px; }
  .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: 0px 20px ! important; }
  .scrollTo_top { right: 0px; width: 100%; }
  .postauthor { margin: 40px 0px 20px; padding: 20px; }
  ul.related { width: 100%; }
  ul.related li { width: 50% ! important; height: auto; margin: 0px 0px 30px; }
  ul.related li.related_title { width: 100%; }
  ul.related li h4 { text-align: center; padding: 0px 20px; }
}
@media only screen and (max-width: 495px) {
  #titles { max-width: 60%; }
  .owl-item .slideinside { bottom: 10px; left: 20px; right: 20px; width: auto; }
  .slideinside p.meta { display: none; }
  .entryhead iframe { max-height: 200px; }
  .blogger > .item { width: 100% ! important; }
  .blogger .item h2 { font-size: 6vw ! important; }
  .post-previous, .post-next { width: 100%; margin-top: -1px; margin-left: 0px; }
  #header .header_icons, #titles { border: medium none ! important; }
  #navigation, .header_icons { padding-bottom: 10px ! important; padding-top: 10px ! important; }
  ul.related li { width: 50% ! important; }
  ul.related li:nth-child(4) { clear: left; }
}
@media only screen and (max-width: 395px) {
  .small_alt_posts .item { width: 100%; }
  a.searchOpen { width: 32px; }
}