/*for slider on homepage */
@media all and (max-width: 450px){
div.carousel-wrap div.caroufredsel_wrapper ul.themify_builder_slider li div.slide-content .themify_builder_row.module_row.fullcover .module.pbc_text_overlay {
margin-left:0px;margin-right:0px;	}
div.carousel-wrap div.caroufredsel_wrapper ul.themify_builder_slider li div.slide-content .themify_builder_row.module_row.fullcover .module_column.sudong {
margin:0;width:100%}	
}
@media all and (min-width: 451px) and (max-width: 715px){	
div.carousel-wrap div.caroufredsel_wrapper ul.themify_builder_slider li div.slide-content .themify_builder_row.module_row.fullcover .module.pbc_text_overlay {
margin-left:0px;margin-right:0px;	}
div.carousel-wrap div.caroufredsel_wrapper ul.themify_builder_slider li div.slide-content .themify_builder_row.module_row.fullcover .module_column.sudong {
width:90%}	
}
@media all and (min-width: 716px) and (max-width: 900px){	
div.carousel-wrap div.caroufredsel_wrapper ul.themify_builder_slider li div.slide-content .themify_builder_row.module_row.fullcover .module.pbc_text_overlay {
margin-left:0px;margin-right:0px;	}
}
@media all and (min-width: 900px) and (max-width: 1000px){	
div.carousel-wrap div.caroufredsel_wrapper ul.themify_builder_slider li div.slide-content .themify_builder_row.module_row.fullcover .module.pbc_text_overlay {
margin-left:10%;margin-right:10%;	}
}
/*for top-header */
@media all and (min-width: 920px) and (max-width: 970px){
	#header {padding: 1em 0px 1em 0px;margin-left:15px !important;}
	div#headerwrap header#header #logo-wrap {left:0px;}
}
@media all and (max-width: 732px){
	#headerwrap #top-header div.container div#et-info {		left:10px;		float:left;		position:relative;	}	
	#headerwrap #top-header div.container span#et-language {		margin-right:10px;	}
}
/*tablet/phone */
@media all and (max-width: 600px){
	#headerwrap #top-header div.container span#et-language, #headerwrap #top-header div.container span#et-social {		display:none !important;	}
.internalcontainedlogo img {	max-width:65%;	top:50px;	position:relative;}
.internalcontainedlogo h1,.internalcontainedlogo h2,.internalcontainedlogo p {	top:50px;	position:relative;}
.containedlogo_row_outer {	padding-bottom:50px;}
}
/*small screen */
@media all and (min-width: 600px) and (max-width: 1100px){
.internalcontainedlogo img {max-width:70%;	top:100px;	position:relative;}
.internalcontainedlogo h1,.internalcontainedlogo h2,.internalcontainedlogo p {	top:100px;	position:relative;}
.containedlogo_row_outer {	padding-bottom:100px;}
}
/*medium screen */
@media all and (min-width: 1100px) and (max-width: 1500px){
.internalcontainedlogo img {max-width:50%;top:100px;position:relative;}
.internalcontainedlogo h1,.internalcontainedlogo h2,.internalcontainedlogo p {	top:100px;	position:relative;}
.containedlogo_row_outer {	padding-bottom:100px;}
}
/*large screen */
@media all and (min-width: 1500px){
.internalcontainedlogo img {	max-width:35%;	top:100px;	position:relative;}
.internalcontainedlogo h1,.internalcontainedlogo h2,.internalcontainedlogo p {	top:100px;	position:relative;}
.containedlogo_row_outer {	padding-bottom:100px;}
}
@media all and (min-width: 900px) {
	.max-header {max-height:200px;}
	.max-header img {max-height:100px;top:-20px;position:relative;text-align:left;margin-left:30px;}
	.max-header > div {text-align:left;}
}
@media all and (max-width: 900px) {
	#pagewrap div.back-top {display:none;}
	.max-header {max-height:200px;}
	.max-header img {max-height:100px;top:-20px;position:relative;}
}
/************************************************************************************
MOBILE NAVIGATION
*************************************************************************************/
/* change max-width to trigger mobile menu (#headerwrap added to override Themify Customize output css) */

.max-header {max-height:200px;}
.max-header img {max-height:100px;top:-20px;position:relative;z-index:9999;}
.max-header img:hover{opacity: 0.7; filter: alpha(opacity=70);transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out; /* For IE8 and earlier */}
/************************************************************************************
HEADER
*************************************************************************************/
.mobile_menu_active #headerwrap #header {	height: auto;	padding: 0em 0;}
/* reset absolute elements to static */
.mobile_menu_active #headerwrap #site-logo {position: static;float: none;clear: both;margin: 0;	padding: 0;}
/* site logo */
.mobile_menu_active #headerwrap #site-logo {	font-size: 30px;}
/* header widget */
.mobile_menu_active #headerwrap .header-widget {position: static;float: none;text-align: left;clear: both;	margin: 0;}
.mobile_menu_active #headerwrap .header-widget .widget {	margin: 0 0 10px;}
/* menu icon */
.mobile_menu_active #headerwrap #menu-icon {
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	text-decoration: none;
	color: inherit;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}




/************************************************************************************
MENU PANEL
*************************************************************************************/
/* Mobile Menu Styles */
.mobile_menu_active .sidemenu {
	background-color: #fff;
	display: block;
	width: 250px;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0px 25px 20px;
	position: fixed;
	top: 0;
	z-index: 111;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left: -250px;
}
.mobile_menu_active .sidemenu-on {
	left: 0;
}
.mobile_menu_active.sidemenu-active {
	position: relative;
}
.mobile_menu_active.sidemenu-active,
.mobile_menu_active.sidemenu-active #headerwrap {
	left: 0;
	-wekit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.mobile_menu_active.sidemenu-right,
.mobile_menu_active.sidemenu-right #headerwrap {
	left: -250px;
}
.mobile_menu_active.sidemenu-left {
	left: 250px;
}
.mobile_menu_active.sidemenu-left .body-overlay {
	right: auto;
	left: 250px;
}

/* mobile menu panel link */
.mobile_menu_active #headerwrap #mobile-menu-panel a {
	color: #fff;
	text-decoration: none;
}

/* slide menu close */
.mobile_menu_active #headerwrap #menu-icon-close {
	position: absolute;
	display: block;
	color: inherit;
	text-decoration: none;
	top: 10px;
	right: 20px;
	font-size: 1.3em;
}
.mobile_menu_active #headerwrap #menu-icon-close:after {
	content: "\e646";
	font-family: themify;
}
.mobile_menu_active #headerwrap #menu-icon-close:hover {
	color: #000;
}

/* main nav */
.mobile_menu_active #headerwrap #main-nav {
	position: static;
	width: auto;
	height: auto;
	padding-top: 20px;
	margin: 15px 0;
	background: none;
	border: none;
	text-align: left;
	float: none;
	clear: both;
	max-width: none;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}
.mobile_menu_active #headerwrap #main-nav li {
	float: none;
	display: block;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	clear: both;
}
.mobile_menu_active #headerwrap #main-nav li {
	-webkit-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	-webkit-transform: translate(40px, 0) !important;
	-ms-transform: translate(40px, 0) !important;
	-o-transform: translate(40px, 0) !important;
	transform: translate(40px, 0) !important;
	margin-left: 0;
	opacity: 0;
}
.mobile_menu_active.mobile-menu-visible #headerwrap #main-nav li {
	opacity: 1;
	-webkit-transform: translate(0, 0) !important;
	-ms-transform: translate(0, 0) !important;
	-o-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
}


/* sub level */
.mobile_menu_active #headerwrap #main-nav ul {
	position: static;
	width: auto;
	height: auto;		
	display: block;
	border: none;
	margin: 0;
	padding: 0 0 0 0;
	background: none;
	visibility: visible;
	clear: both;
}
.mobile_menu_active #searchform * {display: none;}
.mobile_menu_active #headerwrap #main-nav ul li {
	border: none;
	background: none;
	padding: 0px !important;
	margin: 0;
}
.mobile_menu_active #headerwrap #main-nav ul li.menu-item > a {	padding: 0px 0px 0px 0px;}
/* menu link */
.mobile_menu_active #headerwrap #main-nav a, 
.mobile_menu_active #headerwrap #main-nav ul a {
	width: auto;
	display: block;
	border: none;
	padding: 0 0;
	padding-bottom: 0px !important;
	margin: 0;
	color: #000;
	font-size: 100%;
	line-height: 1.5em;
	background: none;
	text-decoration: none;
	border-bottom: solid 1px rgba(255,255,255,.3);
}
.mobile_menu_active #headerwrap #main-nav > li:last-child a {
	border: none;
}

/* sub level menu link */
.mobile_menu_active #headerwrap #main-nav ul a {
	font-weight: normal;
	font-size: .9em;
}
.mobile_menu_active #headerwrap #main-nav a:before {content:'>\00a0\00a0\00a0\00a0';font-size:9px;bottom:2px;position: relative}
/* menu hover */
.mobile_menu_active #header #main-nav a:hover,
.mobile_menu_active #header #main-nav ul a:hover {
	color: rgba(0,0,0,0.9);
}

/* sub-menu icon */
.mobile_menu_active #headerwrap #main-nav .menu-item-has-children > a:after,
.mobile_menu_active #headerwrap #main-nav ul .menu-item-has-children > a:after {
	display: none;
}

/* current link */
.mobile_menu_active #headerwrap #main-nav .current_page_item > a, 
.mobile_menu_active #headerwrap #main-nav .current-menu-item > a {
	color: rgba(0,0,0,0.9);
}

.mobile_menu_active #headerwrap #main-nav ul:after {
	display: none;
}


/*MOBILE PANEL*/

@media screen and (max-width: 1200px) {
	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	body #pagewrap {		max-width: 100%;	}
	.pagewidth,	.full_width .themify_builder_row .row_inner {max-width: 96%;	}
}
@media screen and (max-width: 800px) {
	/************************************************************************************
	POST LAYOUTS
	*************************************************************************************/
	.loops-wrapper.grid4 .post {width: 48.4%; /* change grid4 to 2 columns */}
	.loops-wrapper.grid4 .post:nth-of-type(2n+1) {margin-left: 0;clear: left;	}
	/*
	RESET PADDING ON SIDEBAR-NONE POST & PAGE
	================================================ */
	.page.sidebar-none:not(.has-builder) #content,	.sidebar-none .loops-wrapper.list-post .post-content,.single-post.sidebar-none #content {padding-left: 0;padding-right: 0;	}
}
@media screen and (max-width: 760px) {
	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	.pagewidth,	.full_width .themify_builder_row .row_inner {		max-width: 90%;	}
	#pagewrap #content {width: 100%;max-width: 100%;float: none;clear: both;	}
	/* sidebar */
	#pagewrap #sidebar {width: 100%;max-width: 100%;float: none;clear: both;	}
	/* list post */
	.single-post .post-cattag-wrapper,	.loops-wrapper.list-post .post-cattag-wrapper {padding-right: 7em;display: block;padding-left: 0;	max-width: none;	}
	.single-post .post-comment,	.loops-wrapper.list-post .post-comment {	margin-top: -2.5em;	}
}
@media screen and (max-width: 680px) {
	/************************************************************************************
	HEADING
	*************************************************************************************/
	h1 {font-size: 1.8em;}
	h2 {		font-size: 1.6em;	}
	h3 {		font-size: 1.4em;	}
	h4 {		font-size: 1.2em;	}
	/************************************************************************************
	GRID
	*************************************************************************************/
	.col4-1,.col4-2, .col2-1,.col4-3,	.col3-1,	.col3-2	 {margin-left: 0;width: 100%;	max-width: 100%;	}
	/************************************************************************************
	PAGE
	*************************************************************************************/
	.page-category-title-wrap .page-category-title,	.page-category-title-wrap .page-title, 	.page-title {	font-size: 2.2em;	}
	.page-category-title-wrap .page-category-description {	font-size: 1.1em;	}
	/* page category wrapper 
	.transparent-header .page-category-title-wrap {
		padding-top: 24%;
	}*/
	/************************************************************************************
	POST LAYOUTS
	*************************************************************************************/
	/* all post */
	.shortcode.loops-wrapper.list-post .post,	.shortcode.loops-wrapper.grid4 .post,	.shortcode.loops-wrapper.grid3 .post,	.shortcode.loops-wrapper.grid2 .post,
	.shortcode.grid2-thumb .post,	.shortcode.list-thumb-image .post,	.shortcode.list-large-image .post,	.loops-wrapper.list-post .post,	.loops-wrapper.grid4 .post,
	.loops-wrapper.grid3 .post,	.loops-wrapper.grid2 .post,	.loops-wrapper.grid2-thumb .post,	.loops-wrapper.list-thumb-image .post,	.loops-wrapper.list-large-image .post {
		width: 100%;		margin-left: 0;		float: none;	}
	/* all post title */
	.post-title,.loops-wrapper.list-post .post-title,.loops-wrapper.grid4 .post-title,.loops-wrapper.grid3 .post-title,	.loops-wrapper.grid2 .post-title,.loops-wrapper.grid2-thumb .post-title,
	.loops-wrapper.list-thumb-image .post-title,.loops-wrapper.list-large-image .post-title,.loops-wrapper.slider .post-title {	font-size: 1.4em;
	}
	/* all post image */
	.loops-wrapper.list-post .post-image,.loops-wrapper.grid4 .post-image,.loops-wrapper.grid3 .post-image,	.loops-wrapper.grid2 .post-image,.loops-wrapper.list-large-image .post-image {
		float: none;	position: static;	width: auto;	margin: 0 0 1em;	overflow: visible;	}
	/* all post content */
	.loops-wrapper.grid2-thumb .post-content,	.loops-wrapper.list-thumb-image .post-content {	overflow: visible;	}
	/* slider post */
	.loops-wrapper.slider .post-content {	position: static;background-color: #000;padding-top: 10px;padding-bottom: 5px;	}
	.loops-wrapper.slider .post-meta {position: static;	}
	/************************************************************************************
	POST NAV
	*************************************************************************************/
	.post-nav .prev, .post-nav .next {display: block;	width: 100%;	clear: both;	margin-bottom: 10px;	}
	/************************************************************************************
	COMMENTS
	*************************************************************************************/
	.commentlist {padding-left: 0;}
	.commentlist .commententry {	clear: left;	}
	.commentlist .avatar {		float: left;width: 40px;height: 40px;	margin: 0 1em 1em 0;	}
	#commentform p:nth-of-type(1),	#commentform p:nth-of-type(2) {		width: auto;		float: none;	}
	#commentform p:nth-of-type(1),	#commentform p:nth-of-type(2) {		padding: inherit;	}
	.commentwrap .pagenav.top {	position: static;	}
	.page-category-title {		font-size: 2em;	}
}