@media (max-width: 1199px) {
	.x-shockwave-flash{ display:none; }
}
@media (max-width: 979px) {
	[media-query]:after{
		content : "@media (min-width: 768px) and (max-width: 979px)";
		color:#fff;
	}
	nav.site-desktop-menu > ul > li > a {
		font-size: 14px;
	}
	
	.site-desktop-menu {
		display: none;
	}
	
	.site-desc {
		display: none;
	}
	.header-contacts .contact-1, .header-contacts .contact-2 {
		display: none;
	}
	.header-contacts p {
		margin-right: 20px;
	}
	.header-contacts p i {
		display: inline-block !important;
	}
	nav.site-desktop-menu > ul > li {
		margin-left: 15px;
	}
	nav.site-desktop-menu-2 > ul > li {
		margin-right: 15px !important;
		margin-left: 0px !important;
	}
	nav.site-mobile-menu {
		margin-top: 10px !important;
	}	
	.site-logo {
		margin-right: 0px;
		font-size: 24px !important;
	}
	.purchase a.button {
		width: 100%;
	}
	.latest-projects-intro p {
		display: none;
	}
	.latest-projects-intro h2 {
		font-size: 18px;
		line-height: 18px;
	}
	.latest-blog-posts .jcarousel-skin-tango .jcarousel-item-horizontal .latest-blog-post-details small span {
		width: 100%;
		float: left;
		text-align: left !important;
	}
	.team-member .soc-buttons a {
		font-size: 18px;
		width: 40px;
	}
	.ul-style-2 li {
		width: 100%;
	}
	.add-comment-form p input {
		width: 178px;
	}
	.buy-now-block a.button i {
		display: none;
	}
	.newsletters-1 .quick_newsletter .btn i {
		display: none;
	}
	.footer-newsletters .quick_newsletter input {
		width: 100%;
	}
	.footer-newsletters .quick_newsletter .btn {
		float: right;
	}
	.magnis-product-item {
		margin-bottom: 20px;
	}
	.magnis-shop .magnis-pagination {
		margin-top: 20px;
	}
	.magnis-cart-totals-block .button-dark {
		margin-bottom: 20px;
	}	
	
		.parallax_about_1 {
	height: 230px;
	}

	.parallax_about_1 p {
		margin-top: 0px;
		text-align:center; 
		font-size:24px;
		line-height:30px;
		color:#000;
	}
	
	.parallax_about_1 p i {
		width: 55px;
		text-align: center;
		font-size: 36px;
		margin-right:16px;
		color:#124c83;
	}
	
	.post_info_content_small {
	padding: 0px;
	margin: 0 0 0 2.5%;
	width: 51.7%;
	float: left;
	}
	.post_info_content_small { float: left; margin: 0; padding: 0; width: 99%; }
	.image_frame.small { float: left; width: 95%; border: 7px solid #ddd; margin-bottom: 25px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); }
	h3.postlist_title { font-size: 18px; float: left; width: 82%; line-height: 27px; }
	a.postdate { float: left; margin-right: 15px; }
	
	.latest-blog-posts .jcarousel-skin-tango .jcarousel-item-horizontal{ padding:0px; }
	.latest-blog-posts .jcarousel-skin-tango .jcarousel-item-horizontal .latest-blog-post-img{ float: none; position: relative; width: 100%; }
	.latest-blog-posts .jcarousel-skin-tango .jcarousel-item-horizontal .latest-blog-post-details{ float: none; margin-top: 15px; }
}

@media (max-width: 768px) {
	[media-query]:after{
		content : "(max-width: 768px)";
		color:#fff;
	}
	.container {
		width: 450px;
	}
	.site-desc {
		display: none;
	}
	.site-desktop-menu {
		display: none;
	}
	
	.header-social-buttons a i {
		line-height: 25px !important;
		height: 24px !important;
		width: 25px !important;
	}
	.purchase a.button {
		margin-top: 20px;
	}
	img.lone-img {
		margin: 40px 0px;
	}
	.latest-projects-intro {
		width: 100%;
	}
	.latest-projects-wrapper {
		width: 100%;
	}
	.latest-blog-posts {
		margin-bottom: 10px;
	}
	.footer-widget {
		margin-bottom: 55px;
	}
	.site-footer {
		padding-bottom: 0px;
	}
	.footer-contacts-wrapper {
		background-size: auto 100%;
	}
	.bottom-line p {
		text-align: center !important;
	}
	.quick_newsletter input.text, .quick_newsletter button.btn {
		margin-top: 20px;
	}
	.latest-blog-posts .jcarousel-skin-tango .jcarousel-item-horizontal .latest-blog-post-details small span {
		width: 100%;
		float: left;
		text-align: left !important;
	}
	.team-member {
		margin-top: 40px;
	}
	.team-member-first {
		margin-top: 20px;
	}
	.header-social-buttons {
		margin-top: 20px;
	}
	.ul-style-2 li {
		width: 100%;
	}
	.page-header p {
		text-align: left;
		margin-top: 20px;
	}
	.pr-table-featured {
		margin-top: 40px;
	}
	.pr-table-3-wrapper table {
		width: 800px;
	}
	.magnis-shopping-cart-details-table-wrapper .magnis-shopping-cart-details-table {
		width: 800px;
	}
	.comment-item .comment-item {
		margin-left: -30px;
	}
	.add-comment-form p input {
		width: 100%;
		margin-bottom: 20px;
	}
	.add-comment-form p button {
		width: 100%;
	}
	#daysOne, #hoursOne, #minsOne, #secsOne{
		width: 100%;
	}
	#wrapper {
		width: 100%;
	}
	.main-content-soon-color {
		padding: 100px 0px;
	}
	.header-sub-wrapper-3 {
		width: 177px;
	}
	.header-sub-wrapper-3 .header-search input{
		width: 120px;
	}
	.header-sub-wrapper-3 .header-social-buttons-3 {
		margin-top: 60px;
		position: absolute;
	}
	.header-search {
		margin-top: 15px;
	}
	.gray-line-3 {
		top: 109px !important;
	}
	.testimonials-2 .jcarousel-skin-tango .jcarousel-item-horizontal {
		padding-left: 55px;
	}
	.testimonials-2 ul li > i {
		left: 0px;
	}
	.testimonials-2 ul li  img {
		display: none;
	}
	.buy-now-block a.button {
		margin-top: 20px;
	}
	.latest-projects .latest-projects-wrapper {
		width: 100%;
	}
	.latest-projects .latest-projects-intro {
		width: 100%;
	}
	.latest-projects .latest-projects-intro p {
		margin-top: 0px;
	}
	.magnis-product-item {
		margin-bottom: 40px;
	}
	.magnis-shop .magnis-pagination {
		margin-top: 0px;
	}
	.magnis-pagination > a, .magnis-pagination > span {
		margin-bottom: 20px;
	}
	.magnis-releated-products .magnis-product-item {
		margin-bottom: 40px;
	}
	.magnis-product-item-single-img, .magnis-product-item-single-desc {
		width: 100%;
	}
	
	.parallax_about_1 {
	height: 230px;
	}

	.parallax_about_1 p {
		margin-top: 0px;
		text-align:center; 
		font-size:20px;
		line-height:26px;
		color:#000;
	}
	
	.parallax_about_1 p i {
		width: 55px;
		text-align: center;
		font-size: 36px;
		margin-right:16px;
		color:#124c83;
	}
	.site-menu-3-wrapper {
	height:auto;
	}
	
	nav.site-mobile-menu {
		margin-top: -47px !important;
	}
	
	.site-desc {
		display: none;
	}
	.site-desktop-menu {
		display: none;
	}
	.footer-filckr-wrapper {
		height: 153px;
	}
	
	
		.parallax_about_1 {
	height: 230px;
	}

	.parallax_about_1 p {
		margin-top: 0px;
		text-align:center; 
		font-size:20px;
		line-height:26px;
		color:#000;
	}
	
	.parallax_about_1 p i {
		width: 55px;
		text-align: center;
		font-size: 36px;
		margin-right:16px;
		color:#124c83;
	}
	
	.image_frame {
	float: left;
	width: 96%;
	border: 7px solid #eee;
	margin-bottom: 25px;
	}
	
	.magnis-tabs header p{ width: 95%; padding: 10px; margin-left: 0px;}
	.magnis-tabs header p:not(:last-child){ border-bottom:2px solid #eee;}
	.cbp_tmtimeline > li .cbp_tmlabel ul{ padding-left:15px; }
}
@media (max-width: 480px) {
	[media-query]:after{
		content : "@media (max-width: 480px)";
		color:#fff;
	}
	.container {
		width: 300px !important;
	}
	.site-desc {
		display: none;
	}
	.site-desktop-menu {
		display: none;
	}
	.site-logo {
		float: none;
		width: 70%;
		margin: 0px;
		font-size: 24px !important;
	}
	#head_bg {display:none;}
	
	.site-menu-3-wrapper {
	height:auto;
	}

	nav.site-mobile-menu {
		margin-top: -130px !important;
		width: 90%;
	}
	nav.site-mobile-menu .icon-reorder{
		margin-top:20px;
	}
	nav.site-mobile-menu > ul {
		top: 80px !important;
	}
	.magnis-cart-totals-block .button-dark {
		margin-bottom: 20px;
	}
	
	.parallax_about_1 {
	height: 230px;
	}

	.parallax_about_1 p {
		margin-top: 0px;
		text-align:center; 
		font-size:18px;
		line-height:22px;
		color:#000;
	}
	
	.parallax_about_1 p i {
		width: 55px;
		text-align: center;
		font-size: 36px;
		margin-right:16px;
		color:#124c83;
	}
	.fix-chart .front_stock td{
		font-size:85%;
	}
	.graph-container { font-size:6px; margin-left: 45px; }
	.bar-container{ width:40px; }
	.magnis-tabs header p{ width: 93%;}
	.page_title_performance h1{ font-size: 24px;}
	.fix-chart-1 .btn-fix-chart-1{ bottom: 40%; margin-bottom:-15px; left: -50px; right: initial; width: 30px;}
	.fix-chart-1 .btn-fix-chart-1 img{ width:30px; height:30px; }
	.fix-chart-1{ right: -305px; top: 0px;}
	.from-top { top: 0px; padding-right: none; opacity: 1; position: relative;	}	
	.from-bottom { bottom: 0px; padding-left: none; opacity: 1; position: relative; }	
	.from-left { left: 0px; padding-right: none; opacity: 1; position: relative; }	
	.from-right { right: 0px; padding-left: none; opacity: 1; position: relative; }	
	.fade-in { opacity: 1; position: relative; padding-left: none; right: 0px; }
	h3.postlist_title{ width: 73%; }
	.container .pull-right h1{margin-top: 75px; font-size:24px;}
	.header-sub-wrapper-3{ float:none; }
	.header-sub-wrapper-3 .header-social-buttons-3 { margin: 8px 0px; position: absolute; }
	.header-search { margin: 8px 0px; float:right; }
	.header-search input{ width: 120px; }
	.header-sub-wrapper-3{ width:auto;}
}
    
@media (min-width: 768px){
	[media-query]:after{
		content : "@media (min-width: 768px)";
		color:#fff;
	}
	.magnis-shopping-cart p a.button-color {
		margin-bottom: 10px;
	}
	.graph-container { font-size:6px; margin-left: 28px; }
	.bar-container{ width:30px; }
	nav.site-desktop-menu > ul#nav li a,nav.site-desktop-menu > ul#nav li a.active{ font-size:14px;}
}

@media (min-width: 980px) {
	[media-query]:after{
		content : "@media (min-width: 980px)";
		color:#fff;
	}
	nav.site-mobile-menu {
		display:none;
	}
	.purchase a.button {
		width: 100%;
	}
	.latest-projects-intro p {
		font-size: 12px;
		line-height: 18px;
	}
	nav.site-desktop-menu-2 > ul > li {
		margin-left: 0px !important;
	}
	.add-comment-form p input {
		width: 260px;
	}
	.footer-newsletters .quick_newsletter input {
		width: 100%;
	}
	.footer-newsletters .quick_newsletter .btn {
		float: right;
	}
	.magnis-product-item {
		margin-bottom: 20px;
	}
	.magnis-shop .magnis-pagination {
		margin-top: 20px;
	}
	nav.site-desktop-menu > ul > li {
		margin-left: 30px;
	}
	.graph-container { font-size:6px; margin-left: 45px; }
	.bar-container{ width:40px; }
	nav.site-desktop-menu > ul#nav li a,nav.site-desktop-menu > ul#nav li a.active{ font-size:15px;}
	.post_info_content_small { padding: 0px; margin: 0 0 0 2.5%; width: 51.7%; float: left; }
}

@media (min-width: 1200px) {
	[media-query]:after{
		content : "@media (min-width: 1200px)";
		color:#fff;
	}
	.site-mobile-menu {
		display: none;
	}
	.magnis-product-item {
		margin-bottom: 30px;
	}
	.magnis-shop .magnis-pagination {
		margin-top: 10px;
	}
	.graph-container { font-size:8px; margin-left: 60px; }
	.bar-container{ width:50px; }
}

/* No More Table */
@media (min-width: 768px) and (max-width: 979px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}
@media (max-width: 480px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr,
	#no-more-tables-mobile table, 
	#no-more-tables-mobile thead, 
	#no-more-tables-mobile tbody, 
	#no-more-tables-mobile th, 
	#no-more-tables-mobile td, 
	#no-more-tables-mobile tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr,#no-more-tables-mobile thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr,#no-more-tables-mobile tr { border: 1px solid #ccc; }
 
	#no-more-tables td,#no-more-tables-mobile td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 58%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before,#no-more-tables-mobile td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before,#no-more-tables-mobile td:before { content: attr(data-title); }
	#no-more-tables.tb-pad-1 td,#no-more-tables-mobile.tb-pad-1 td{ padding-left: 30%; }
}