/* @containers

********************************************************************************************

********************************************************************************************/



.container,

.container_alt{

width: 100%;

max-width: 1400px;

margin: 0 auto;

padding:0 0;

overflow:hidden;

position:relative;

}



.head_container,

.container_alt{ overflow:visible;}



#footer .container{ background:none !important; }



.head_container,

#footer .container,

.container_pad{ padding:0 80px;}



.header_ver_3 .head_container,

.header_ver_4 .head_container{ max-width:100%;padding:0 40px;}





/* @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:21%;

padding: 60px 0 40px 60px;

position:relative;

height:100%;

min-height:1px;

float:left;

}



.foocol.first{width:37%; padding: 60px 0 40px 0;}



.foocol.last{}



/*sidebar*/

.fourcol{ width:32%; padding:0 80px;margin:0 0 40px 0; min-height:1px; float:right;}







/*content*/

.eightcol{width:68%;padding:0 80px; margin:0 0 40px 0; min-height:1px; float:left;}





/* sidebar position */

.postbarLeft .eightcol{ float: right !important}



.postbarLeft .fourcol{ float: left !important}



.postbarNone .eightcol{ float:none !important; margin:0 auto !important;}



.postbarNone .entryhead iframe{ width:100%;}



/* one column layout */



.tmnf_single_column .eightcol{margin:0 auto 40px auto !important;float:none;}

.tmnf_single_column .fourcol{ display:none;}







.sixcol{width:50%}



.first,

.ml-first {margin-left: 0px !important;}



.widgetable{

	padding:0 0;

	overflow:hidden;

	margin:0 0 0 0;

}



#left-sidebar .widgetable{ border:none;}



.postbarLeft .widgetable{margin:0 0 0 0;}











/* @responsive mode

********************************************************************************************

********************************************************************************************/





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

	

	.owl-item .slideinside{ margin:0 0; left:80px;width: 45%;}

	

	.main_carousel .owl-item .slideinside {right: 40px;width: auto;}

	

}



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

	

.head_container, #footer .container, .container_pad,

.eightcol,

.fourcol,

.h_pad_fix {

    padding: 0 40px !important;

}



.fullcontent{ margin:0 40px 30px 40px;}



#core {margin-top: 60px !important;}

	

}





/* iPad Landscape */

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



.head_container, #footer .container, .container_pad,

.eightcol,

.fourcol,

.h_pad_fix {

    padding: 0 20px !important;

}



.fullcontent{ margin:0 20px 20px 20px;}



#core {margin-top: 30px !important;}



blockquote{ font-size:16px !important; line-height:1.4 !important;}





#header {

    position: relative;

    width: 100%;

    z-index: 100;

}



.header_fix{ display:none;}



#titles {max-width: 20%;}



.header_icons{ padding-left:0;}



a.searchOpen{ width:38px;}



.nav > li > a {padding: 15px 6px;}



.nav li.menu-item-has-children a, .nav li.page_item_has_children a {

    padding-right: 14px !important;

}



.menu-item-has-children > a::after{ right:8px;}



.owl-item .slideinside{ bottom:40px;width: 65%;}





}









/* tablet Portrait */

@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: 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 { max-width: 30%;}



#header h1{ font-size:25px; line-height:1;}



#header img{ float:left;}



/* mobile menu */

.show-menu{ display:block !important;}



#navigation{ display:none; position:relative; height:auto;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:#82daee !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{ display:none !important;}



.sf-arrows .sf-with-ul::after { right: 15px;}



/* end mobile menu */







/*//// 

stacked clomuns & posts */



/* columns */

#footer .foocol,

.eightcol,

.fourcol,

#footer .bottom-menu

{

    width: 100%;

	margin:0 auto !important;

	float:none !important;

	display:block;

	width:100%;

	border-left: none;

	border-right:none;

}





#sidebar,

.feature_small,

.footer_text,

.foocol,

.foocol.first{ max-width:360px; width:100%; float:none !important; margin:0 auto !important; padding:30px 0 !important;}





.footer-logo img{ float:none; margin: 30px auto 0 auto;}







/* posts */



.feature_big{ float:none; margin:0 auto 40px auto; padding-right:0;}



.small_alt_posts{ width:calc(100% + 20px); margin:0 -10px;}

.small_alt_posts .item{  padding:0 10px; margin:0 0 40px 0;}







/*//// 

end stacked colmuns & posts */





/* 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 */



.owl-item .slideinside{ bottom:20px;width: 75%;}



.entryhead iframe { max-height: 350px;}



#curtain .searchform {

    left: 10%;

    margin: 0 0;

    max-width: 80%;

    width: 80%;

}



#curtain a.curtainclose {

    left: 30px;

    margin: 0 0;

    top: 30px;

}



h1.entry-title, .slideinside h2, .large_post h2, .archiv .maintitle{font-size: 5.6vw !important; line-height:1.2 !important}



h2,.small_post h2, .main_carousel .slideinside h2{font-size: 3.6vw !important; line-height:1.2 !important}





.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;}

	

}





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



.slideinside p.teaser{ display:none;}



#core,

.postbar{ margin-top:20px !important;}



	

/* posts */



.small_post{ margin-bottom:40px;}



.small_post .entryhead {

    margin: 0 25px 10px 0;

    max-width: 35%;

}



.small_post h2 {margin: 10px 0 20px;}



.small_post .meta {margin-top: 0;}



.large_posts h2 {margin: 15px 0 20px; width: 100%;}



.large_posts .front_content {width: 75%;}





.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%;}



ul.related,

ul.related li img{ width:100%;}



ul.related li{ width:48% !important; margin:0 1% 30px 1%; height:auto;}



}



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

	

#titles { max-width: 40%;}

	

.owl-item .slideinside{bottom: 10px;left:20px; right:20px; width:auto;}	

	

.slideinside p.meta{ display:none;}	



.entryhead iframe { max-height: 200px;}



.small_post .entryhead{

    margin: 0 0 15px 0;

	float:none;

    max-width: 100%;

	overflow:hidden;

}



.small_post .imgwrap { float:none;}



.small_post img{ width:100%}



.large_posts .front_content,

.large_posts .meta_wrap {width: 100%; display:block;}



h2,.small_post h2, .main_carousel .slideinside h2{font-size: 4.2vw !important; }



.feature_big{ width:100%}



.post-previous, .post-next{ width:100%; margin-top:-1px; margin-left:0;}



#header .header_icons,

#titles{ border:none !important;}



#navigation, .header_icons {

    padding-bottom: 10px !important;

    padding-top: 10px !important;

}



	

}



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

	

#titles {max-width:40%; padding-right:10px;}



.small_alt_posts .item{ width:100%;}



a.searchOpen { width: 32px;}

	

}