/* 
 * lg 
 *****************************/

@media only screen and (min-width: 1200px){
	
	
	
}

/* 
 * md 
 *****************************/

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

/* 
 * sm 
 *****************************/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.tools ul li:nth-child(even){
		width: 20px;
	}
	
	.home .portfolio-item-details span{
		display: none !important;
	}
	
}

/* 
 * xs 
 *****************************/

@media only screen and (max-width: 767px) {
	
	.navbar-inverse .navbar-toggle{
		border-color: #fff;
	}
	
	.navbar-toggle > div:first-child{
		color: #fff;
	}
	
	.dropdown:hover .dropdown-menu {
	    display: block;
	 }
	 
	 .top-clients img{
	 	padding: 10px;
	 	margin: 0;
	 	width: 100%;
	 	height: auto;
	 }
	
	.tools-title,
	.tools{
		display: none;
	}
	
	.portfolio-single .meta span{
		float: left !important;
		clear: both;
	}
	
	#section-front-servicii{
		padding-top: 60px !important;
	}
	
	.home .portfolio-item-details span{
		display: none !important;
	}
	
	.home .portfolio-item{
		margin-bottom: 30px;
	}
}

/* ALTE MARIMI */

/* 
 * not xs 
 *****************************/

@media only screen and (min-width: 768px) {

	nav.header ul li a{
		position: relative;
	}
	
	nav.header ul li a:after{
		content: "";
		position: absolute;
		bottom: 17px;
		left: 15px;
		right: 15px;
		height: 0px;
		border-bottom-color: transparent;
		border-bottom-style: dashed;
		border-bottom-width: 1px;
		webkit-transition: all 0.2s ease-out;
	    -moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	    transition: all 0.2s ease-out;
	    -webkit-appearance: none;
	}
	
	nav.header ul li a:hover:after{
		border-bottom-color: #fff;
	}
	
	body:not(.home) nav.header ul li.active a:after{
		border-bottom-color: #fff;
	}

	.languages{
		float: right;
		height: 80px;
		margin-left: 20px;
	}
	
	.languages > div{
		height: 100% !important;
		line-height: 80px;
	}
	
	.languages ul{
		display: inline-block;
	}
	 
	 .top-clients img:hover{
		margin: 10px 0 30px 0;
		background-color: #fff;
	}
	 
	.portfolio-item-details > span{
	 	opacity: 0;
	 	height: 0;
	 	webkit-transition: all 0.2s ease-out;
	    -moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	    transition: all 0.2s ease-out;
	    -webkit-appearance: none;
	}
	
	.portfolio-item-wrap:hover .portfolio-item-details > span{
		opacity: 1;
		height: auto;
	}
	
	.portfolio nav a{
		position: relative;
	}
	
	.portfolio nav a:after{
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 0;
		background:#ccc;
	 	webkit-transition: all 0.2s ease-out;
	    -moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	    transition: all 0.2s ease-out;
	    -webkit-appearance: none;
	}
	
	.portfolio nav a:hover:after{
		height: 3px;
		background:#ddd;
	}
	
	.portfolio nav .current-menu-item a:after{
		height: 3px;
		background:#ccc;
	}
	
	.navbar-inverse{
		webkit-transition: all 0.2s ease-out;
	    -moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	    transition: all 0.2s ease-out;
	}
	
	.navbar-inverse.transparent-menu{
		background-color: transparent;
		border-color: transparent;
	}
	
	.navbar-inverse .navbar-nav>li>a{
		webkit-transition: all 0.2s ease-out;
	    -moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	    transition: all 0.2s ease-out;
	}
	
	.navbar-inverse.transparent-menu .navbar-nav>li>a{
		text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
	}
}