/**
 * @package   Loyale Joomla! 3 Template
 * @version   1.1.1
 * @author    7Studio Tomasz Herudzinski http://www.7studio.eu
 * @copyright Copyright (C) 2009 - 2014 7Studio Tomasz Herudzinski
 * @license   Commercial - ThemeForest Regular License - http://themeforest.net/licenses/regular_extended
**/

@media (max-width: 1170px) {
	#main-sidebar {
		width: 270px; 
	}

	#main-container {
		padding-left: 290px;
	}
	#main-container .content-column {
		padding: 70px;
	}

	#st-menu ul ul {
		left: 270px;
	}

	#background-image .image-overlay {
		padding: 40px 40px 40px 310px;
	}
}

@media (max-width: 979px) { 
	#st-mobile-toggle {
		display: block;
	}

	.logo {
		display: block;
		margin: 0;
		text-align: left;
	}

	#site-wrap {
		padding: 0px;
	}

	#main-sidebar {
		display: block;
		width: 100%;
		max-height: 80px;
		padding: 0;
		margin: 0;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
				box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	}

	#main-sidebar .table-wrap {
		width: auto;
		height: 80px;
		float: left;
		display: block;
		overflow: hidden;
	}
	
	#main-sidebar .table-top {
		vertical-align: none;
		display: block;
	}
	
	#main-sidebar .table-middle,
	#main-sidebar .table-footer {
		display: none ! important;
	}
	
	#main-sidebar .logo {
		margin: 0 ! important;
		padding-left: 20px;
	}

	#main-container {
		display: block;
		width: 100%;
		min-height: 100%;
		max-width: 100%;
		padding: 100px 20px 0 20px;
	}
	
	#main-container .content-column {
		padding: 50px !important;
	}

	#main-sidebar .sidebar-footer,
	#main-sidebar .centered-section {
		display: none;
	}

	#main-sidebar .logo {
		float: left;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#main-sidebar .logo img {
		max-height: 100%;
	}

	#background-image .image-overlay {
		padding: 130px 40px 40px 40px;
	}

} /* - end styles @ max-width 960px
-----------------------------------------------------------------------------------*/

 /* @ max-width 768px
----------------------------------------------------------------------------------- 
*/ @media (max-width: 768px) {
	#background-image .image-overlay {
		padding: 120px 30px 30px 30px;
	}
	
	#main-container {
		padding: 90px 10px 0 10px;
	}
	
	#main-container .content-column {
		padding: 30px !important;
	}
	
		.st-article header .item-title h2 {
		font-size: 30px;
		line-height: 36px;
	}
	
	.st-article header .item-title.splitted,
	.span2 .st-article header .item-title.splitted,
	.span3 .st-article header .item-title.splitted,
	.span4 .st-article header .item-title.splitted,
	.span6 .st-article header .item-title.splitted {
		width: 100%;
		padding-left: 0;
	}
	
	.st-article header .time-box {
		float: none;
		margin: 0px auto;
	}
	
	.st-article header .time-wrapper {
		margin-bottom: 26px;
	}
	
	a#totop {
		right: 10px;
	}
	.itemContainer.width50,
	.itemContainer.width33,
	.itemContainer.width25,
	.itemContainer.width20 { width: 100% !important; }
} /* end styles @ max-width 768px
-----------------------------------------------------------------------------------*/

/* @ max-width 480px
-----------------------------------------------------------------------------------
*/ @media (max-width: 480px) {
	.fields-container .field-label,
	.fields-container .field-value {
		display: block;
		width: 100%;
	}

} /* end styles @ max-width 480px
-----------------------------------------------------------------------------------*/