/* ======================================================= */
/* Responsive */
/* ======================================================= */

/* target devices */
@media only screen and (max-width: 979px) {
	/* layout */
	.inner {
		width: 100%;
	}
	.right_sidebar #main, .left_sidebar #main {
		float: none;
		width: 100%;
	}
	.right_sidebar #main .content, .left_sidebar #main .content {
		width: 100%;
	}
	.right_sidebar #sidebar, .left_sidebar #sidebar {
		float: none;
		margin: 0;
		width: 100%;
	}
	#sidebar {
		padding-top: 40px !important;
		background-image: none !important;
		background-position: left top !important;
		background-repeat: no-repeat !important;
	}
	#sidebar:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 13px;
		background-color: transparent;
		background-image: url("../images/r_sidebar_divider.png") !important;
		background-position: left top !important;
		background-repeat: no-repeat !important;
		content: "";
	}
	#sidebar:after {
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		height: 13px;
		background-color: transparent;
		background-image: url("../images/r_sidebar_divider_end.png") !important;
		background-position: right top !important;
		background-repeat: no-repeat !important;
		content: "";
	}
	#sidebar_content {
		background-image: none !important;
	}
	.right_sidebar #sidebar_content.lessgap, .right_sidebar #sidebar_content.lessgap {
		padding-top: 0;
	}
	.right_sidebar #sidebar_content, .left_sidebar #sidebar_content {
		margin-bottom: 0;
		padding: 0;
	}
	.right_sidebar #sidebar_content:after, .left_sidebar #sidebar_content:after {
		display: none;
	}
	/* image */
	figure, .image_frame, .image_frame img {
		max-width: 100% !important;
	}
	.image_frame {
		height: auto !important;
	}
	/* footer */
	#copyright {
		float: none;
		padding-bottom: .3em;
	}
	#footer_menu:before {
		position: absolute;
		width: 100%;
		height:1px;
		content: '';
		background: rgba(0, 0, 0, 0.1);
		top: -2px;
		left: 0;
	}
	#footer_menu {
		float: none;
		position: relative;
		padding-top: .2em;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		text-align: left;
	}
	#footer_menu a {
		padding: 0 10px 0 0;
	}
	.slide-shortcode-wrap.alignleft, .slide-shortcode-wrap.alignright {
		float: none;
		margin: 0 auto;
		width: 100% !important;
	}
}

/* target small devices */
@media only screen and (max-width: 767px) {
	#header {
		height: auto;
	}
	#header .inner {
		overflow: hidden;
	}
	#logo_text {
		margin-left: 10px;
		left: auto;
	}
	#logo {
		left: auto;
	}
	#logo_text,#logo {
		position: relative;
		bottom: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#top_area {
		position: relative;
		top: auto;
		right: auto;
	}
	.slide-shortcode-wrap {
		float: none;
		margin: 0 auto;
		width: 100% !important;
	}
	.table_style .table-wrapper tfoot {
		display: none;
	}
}

/* target 768 */
@media only screen and (min-width: 768px) and (max-width: 979px) {
	body.box-layout .body-warp {
		width:768px;
	}
	.inner {
		width: 748px;
	}
	#sidebar_content {
		/*-webkit-column-gap: 50px;  /* Safari and Chrome */
		-moz-column-gap: 50px;
		column-gap: 50px;

		/*-webkit-column-count: 2; /* Safari and Chrome */
		-moz-column-count: 2;
		column-count: 2;
	}
}

/* target 568 */
@media only screen and (min-width: 568px) and (max-width: 767px) {
	body.box-layout .body-warp {
		width:568px;
	}
	.inner {
		width: 548px;
	}
}

/* target 480 */
@media only screen and (min-width: 480px) and (max-width: 567px) {
	body.box-layout .body-warp {
		width:480px;
	}
	.inner {
		width: 460px;
	}
}

/* target 320 */
@media only screen and (max-width: 479px) {
	body.box-layout .body-warp {
		width:320px;
	}
	.inner {
		width: 300px;
	}
}

/* portfolio */
@media only screen and (max-width: 767px) {
	.portfolio_one_column .portfolio_image {
		float: none !important;
		width: auto !important;
	}
	.portfolio_one_column .portfolio_details {
		float: none !important;
		padding-left: 0 !important;
		width: auto !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	.portfolios .portfolio_two_columns {
		margin-right: -30px !important;
	}
	.portfolio_two_columns .portfolio_item {
		margin-right: 30px !important;
		width: 349px !important;
	}
	.portfolios .portfolio_three_columns {
		margin-right: -30px !important;
	}
	.portfolio_three_columns .portfolio_item {
		margin-right: 30px !important;
		width: 349px !important;
	}
	.portfolios .portfolio_four_columns {
		margin-right: -28px !important;
	}
	.portfolio_four_columns .portfolio_item {
		margin-right: 28px !important;
		width: 224px !important;
	}
	.portfolios .portfolio_five_columns {
		margin-right: -24px !important;
	}
	.portfolio_five_columns .portfolio_item {
		margin-right: 24px !important;
		width: 164px !important;
	}
	.portfolios .portfolio_six_columns {
		margin-right: -24px !important;
	}
	.portfolio_six_columns .portfolio_item {
		margin-right: 24px !important;
		width: 164px !important;
	}
	.portfolios .portfolio_seven_columns {
		margin-right: -22px !important;
	}
	.portfolio_seven_columns .portfolio_item {
		margin-right: 22px !important;
		width: 128px !important;
	}
	.portfolios .portfolio_eight_columns {
		margin-right: -22px !important;
	}
	.portfolio_eight_columns .portfolio_item {
		margin-right: 22px !important;
		width: 103px !important;
	}
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
	.portfolios .portfolio_two_columns {
		margin-right: 0 !important;
	}
	.portfolio_two_columns .portfolio_item {
		margin-right: 0 !important;
		width: 100% !important;
	}
	.portfolios .portfolio_three_columns {
		margin-right: 0 !important;
	}
	.portfolio_three_columns .portfolio_item {
		margin-right: 0 !important;
		width: 100% !important;
	}
	.portfolios .portfolio_four_columns {
		margin-right: -26px !important;
	}
	.portfolio_four_columns .portfolio_item {
		margin-right: 26px !important;
		width: 251px !important;
	}
	.portfolios .portfolio_five_columns {
		margin-right: -24px !important;
	}
	.portfolio_five_columns .portfolio_item {
		margin-right: 24px !important;
		width: 160px !important;
	}
	.portfolios .portfolio_six_columns {
		margin-right: -24px !important;
	}
	.portfolio_six_columns .portfolio_item {
		margin-right: 24px !important;
		width: 160px !important;
	}
	.portfolios .portfolio_seven_columns {
		margin-right: -20px !important;
	}
	.portfolio_seven_columns .portfolio_item {
		margin-right: 20px !important;
		width: 117px !important;
	}
	.portfolios .portfolio_eight_columns {
		margin-right: -17px !important;
	}
	.portfolio_eight_columns .portfolio_item {
		margin-right: 17px !important;
		width: 92px !important;
	}
}



@media only screen and (min-width: 480px) and (max-width: 567px) {
	.portfolios .portfolio_two_columns {
		margin-right: 0 !important;
	}
	.portfolio_two_columns .portfolio_item {
		margin-right: 0 !important;
		width: 100% !important;
	}
	.portfolios .portfolio_three_columns {
		margin-right: 0 !important;
	}
	.portfolio_three_columns .portfolio_item {
		margin-right: 0 !important;
		width: 100% !important;
	}
	.portfolios .portfolio_four_columns {
		margin-right: -26px !important;
	}
	.portfolio_four_columns .portfolio_item {
		margin-right: 26px !important;
		width: 207px !important;
	}
	.portfolios .portfolio_five_columns {
		margin-right: -24px !important;
	}
	.portfolio_five_columns .portfolio_item {
		margin-right: 24px !important;
		width: 208px !important;
	}
	.portfolios .portfolio_six_columns {
		margin-right: -22px !important;
	}
	.portfolio_six_columns .portfolio_item {
		margin-right: 22px !important;
		width: 132px !important;
	}
	.portfolios .portfolio_seven_columns {
		margin-right: -25px !important;
	}
	.portfolio_seven_columns .portfolio_item {
		margin-right: 25px !important;
		width: 130px !important;
	}
	.portfolios .portfolio_eight_columns {
		margin-right: -20px !important;
	}
	.portfolio_eight_columns .portfolio_item {
		margin-right: 20px !important;
		width: 95px !important;
	}
}

@media only screen and (max-width: 479px) {
	.portfolios .portfolio_two_columns {
		margin-right: 0 !important;
	}
	.portfolio_two_columns .portfolio_item {
		margin-right: 0 !important;
		width: 100% !important;
	}
	.portfolios .portfolio_three_columns {
		margin-right: 0 !important;
	}
	.portfolio_three_columns .portfolio_item {
		margin-right: 0 !important;
		width: 100% !important;
	}
	.portfolios .portfolio_four_columns {
		margin-right: 0 !important;
	}
	.portfolio_four_columns .portfolio_item {
		margin-right: 0 !important;
		width: 100% !important;
	}
	.portfolios .portfolio_five_columns {
		margin-right: 0 !important;
	}
	.portfolio_five_columns .portfolio_item {
		margin-right: 0 !important;
		width: 100% !important;
	}
	.portfolios .portfolio_six_columns {
		margin-right: -20px !important;
	}
	.portfolio_six_columns .portfolio_item {
		margin-right: 20px !important;
		width: 130px !important;
	}
	.portfolios .portfolio_seven_columns {
		margin-right: -24px !important;
	}
	.portfolio_seven_columns .portfolio_item {
		margin-right: 24px !important;
		width: 128px !important;
	}
	.portfolios .portfolio_eight_columns {
		margin-right: -22px !important;
	}
	.portfolio_eight_columns .portfolio_item {
		margin-right: 22px !important;
		width: 129px !important;
	}
}
/* Mobile */
@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned {
		float: left;
		width: 35%;
		overflow: hidden;
		overflow-x: scroll;
	}
	.pinned table {
		border-right: none;
		border-left: none;
		width: 100%;
	}
	.pinned table th,
	.pinned table td { 
		white-space: nowrap;
	}
	.pinned td:last-child {
		border-bottom: 0;
	}
	
	div.table-wrapper {
		position: relative;
		overflow: hidden;
		margin-left:1px;
		clear:both;
	}
	div.table-wrapper div.scrollable { 
		overflow: scroll;
		overflow-y: hidden;
		float: right;
		width: 65%;
	}
	table.responsive td, table.responsive th {
		position: relative; 
		white-space: nowrap; 
		overflow: hidden; 
	}
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { 
		display: none; 
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	:not([class^="one_"]) > .one_half, 
	:not([class^="one_"]) > .one_third, 
	:not([class^="one_"]) > .two_third, 
	:not([class^="one_"]) > .three_fourth, 
	:not([class^="one_"]) > .one_fourth, 
	:not([class^="one_"]) > .one_fifth, 
	:not([class^="one_"]) > .two_fifth, 
	:not([class^="one_"]) > .three_fifth, 
	:not([class^="one_"]) > .four_fifth, 
	:not([class^="one_"]) > .one_sixth, 
	:not([class^="one_"]) > .five_sixth {
		display: block;
		float: none;
		margin: 0;
		width: none;
		width: 100%;
		clear: both;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}