/***** SMARTPHONES *****/

@media all and (max-width: 767px){

	#home-slider .slides li{ background-attachment: scroll !important; }
	#quote-slider .slides li{ background-attachment: scroll !important; }
	#slogan{ background-attachment: scroll !important; }
	
	#mobile-toggle{ display: block; cursor: pointer; z-index: 9999; }
	#menu{ padding-top: 44px; }
	#menu li{ float: none; }
	#menu-holder{ text-align: left !important; }
	#menu-holder-idioma{ text-align: left !important; }
	.open-nav{ height: 300px !important; }
	.open-shrinknav{ height: 200px !important; }
	.shrink-nav #mobile-toggle{ top: 33px !important; }
	.shrink-nav #menu{ padding-top: 0px; }
	
	
	#logo{ display: inline-block; }
	
	#achievements-slider{ margin-bottom: 22px; }
	/*#slogan{ display: none; }*/
	.client img{ max-width: 50%; }
	.client{ margin-bottom: 11px; }
	.milestones .icon-holder{ display: none; }
	.closep-container{ margin-top: 22px; margin-bottom: 44px; }
	#contacto-text .btn{ margin-top: 44px; margin-left: 0px; }
	#footer-social{ margin-top: 44px; }
	
	.flex-control-paging li a.flex-active { top: 0px; }
	
	.btn-asesoria-inmob-venta { margin-top: 10px; }
	.btn-contacto { margin-top: 10px; float:none; text-align: center; }
	.btn-areaclientes { width: 100%; }
	#contacto-text { text-align: center; float: none; }
	
	#contactotext { text-align: center; }
	#copytext { margin-top: 50px; text-align: center; }
	#footer { padding-bottom: 80px; }
	
}


/***** TABLETS PORTRAIT & LANDSCAPE *****/

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

	#home-slider .slides li{ background-attachment: scroll !important; }
	#quote-slider .slides li{ background-attachment: scroll !important; }
	#slogan{ background-attachment: scroll !important; }
	
	.flex-control-paging li a.flex-active { top: -2px !important; }
	
}


/***** PORTRAIT TABLETS *****/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	#achievements-slider{ margin-bottom: 22px; }
	#slogan{ display: none; }
	.client img{ max-width: 50%; }
	.client{ margin-bottom: 11px; }
	.milestones .icon-holder{ display: none; }
	.closep-container{ margin-top: 22px; margin-bottom: 44px; }
	#contacto-text .btn{ margin-top: 44px; }
	
	.habilidades-left{ display: none; }
	.habilidades-mid{ width: 50% !important; }
	.habilidades-right{ width: 50% !important; }
	

}