/**
*	@package	STARTER Joomla! Template
*	@copyright	Copyright (C) 2009 - 2014 Omegatheme. All rights reserved.
*	@license	GNU/GPL version 2, or later
*	@website:	http://www.omegatheme.com
*	Support Forum - http://www.omegatheme.com/forum/
*	@version	$Id$
*/

/* 
* In this file we define layout such as: dimensions, position, padding, margin, etc. 
* We also define COMMON typography (color, font) - JUST ONLY common style. 
* If template has many preset styles, define typography in preset-style-x.css appropriate each design
*/

/*========================= RESPONSIVE =======================*/

/*======= LARGE RESOLUTION =======*/

@media (min-width: 1200px) {
	.col-lg-reset {
		left: auto;
		right: auto;
	}
}

/*======= MEDIUM RESOLUTION =======*/

@media (min-width: 992px) and (max-width: 1199px) {

.col-md-reset {
	left: auto;
	right: auto;
}

.blog .ot-published{
	width: 60px;
	height: 60px;
	border: 3px solid;
	padding: 5px 0px;
	margin: 0 20px 0 10px;
}
.blog .ot-published .ot-date{
	font-size: 22px;
}
	
.item-page.service-page .line2 .line2-text{
	padding:50px;	
}
	
}

/*======= SMALL RESOLUTION =======*/

@media (min-width: 768px) and (max-width: 991px) {
	
.col-sm-reset {
	left: auto;
	right: auto;
}

.blog .ot-published{
	width: 50px;
	height: 50px;
	border: 2px solid;
	padding: 2px 0px;
	margin: 0 10px 0 5px;
}
.blog .ot-published .ot-date{
	font-size: 20px;
}	

.item-page.service-page .line2 .line2-text{
	padding:30px;	
}

.item-page.service-page .line2 h3 {
    font-size: 28px;
    margin-bottom: 20px;
}

.item-page.service-page .line2 .btn-none {
    margin-top: 15px;
}

}

/*======= EXTRA SMALL RESOLUTION =======*/

@media (max-width: 767px) {
	
	.col-xs-reset {
		left: auto;
		right: auto;
	}

	#logo-on{
		padding:0;
	}
	#search-on{
		margin:20px 0;	
	}
	#wrap-mainmenu{
		height:auto !important;
		padding-bottom:30px;
	}
	#wrap-mainmenu .row.xs-row-non{
		margin-left:0;
		margin-right:0;
	}
	#mainmenu ul li.parent a:after{
		float:right;	
	}
	#close-on {
		width:auto;
		position: absolute;
		right: 0;
		top: 40px;
	}	
	#close-on p{
		padding:0;
	}
	#mainmenu ul{
		width:100%;
		float:left;	
		margin:0;
		padding:0;
	}
	
	#mainmenu ul li{
		width:100%;
		float:left;
		margin:0;
		padding:0;
	}
	
	#mainmenu ul li a{
		padding:10px 0;
		color:#ebeadf;
		border-bottom:solid 2px #383B37;
	}
	
	#mainmenu ul li.parent a:after{
		content:'\f107';
		font-family:'FontAwesome';
		font-weight:100;
		padding-left:5px;
	}
	
	#mainmenu ul li.parent li a:after{
		content:normal;
		padding-left:0;
	}
	
	#mainmenu ul li a:hover,
	#mainmenu ul li a:focus,
	#mainmenu ul li.active a{
		color:#6dbcb3;
		text-decoration:none;
		background:none;
		border-bottom:solid 2px #6dbcb3;	
	}
	/***/
	#mainmenu li ul li{
		width:95%;
		margin:5px 0 5px 15px;
		padding:0;
		list-style:outside;
		clear:both;
		color:#6dbcb3;
	}
	
	#mainmenu li ul li a,
	#mainmenu li.active ul li a{
		padding:2px 0;
		color:#ebeadf;
		border:none;
	}
	
	#mainmenu li ul li a:hover,
	#mainmenu li ul li a:focus,
	#mainmenu li ul li.active a{
		color:#6dbcb3;
		border-bottom:solid 2px #6dbcb3;	
	}
	.blog .ot-published{
		display:none !important;	
	}
	.ot-mod-outer .contact-us p.img img {
		width: 100%;
	}

	#wrap-section2 .mod-content-top, 
	#wrap-section4 .mod-content-bottom,
	#wrap-section5 .mod-section5-content, 
	#wrap-section6 .mod-section6-content,
	#wrap-section7 .mod-section7-content, 
	#wrap-section8 .mod-section8-content{
		padding-left:15px;
		padding-right:15px;
	}
	#wrap-section7 .slide .itemIntrotext {
		padding: 10px 30px;
	}
	#wrap-section5 .mod-section5-content ul li{
		width:100%;
		padding:10px 0;
	}
	#ot-porfolio-menu button{
		margin: 5px 2px !important;	
	}
	.item-page.service-page .line2 .line2-text{
		padding:15px;	
	}
	.item-page.service-page .line3 .carousel-inner > .item {
		padding: 20px 40px;
	}
}