@media all and (max-width: 1279px) and (min-width: 1024px){
	#qh_bullets{
		margin-left: 210px;
	}
	#header #slider #sliderWrapper #s1 .slide_title,
	#header #slider #sliderWrapper #s2 .slide_title,
	#header #slider #sliderWrapper #s3 .slide_title{
		margin-top: 465px;
	}
}
@media all and (max-width: 1279px){
	body{
		overflow:hidden;
		position: relative;
	}
	section .content{
		width: 1024px;
	}
	/******************************
	 **    Header               **
	 *****************************/

	 #header #slider #menu #logo{
		 margin: 0 70px 0;
	 }
	 
	/******************************
	 **    QUE HACEMOS           **
	 *****************************/
	 #que-hacemos{
		 padding-top: 80px;
		 padding-bottom: 60px;
	 }
	 /* Circulo */
	#qh_circulo{
		margin-left: 100px;
	}
	#qh_bullets{
		margin-left: 200px;
	}
	/* Objetivos */
	#qh_objetivos{
		width: 924px;
		height: 320px;
		box-sizing: border-box;
		margin-top: 35px;
		margin-right: 50px;
		margin-left: 50px;
		padding-top: 40px;
		padding-right: 0;
		padding-left: 0;
		border-left: 0px solid black;
		border-top: 4px solid black;
	}
	
	/******************************
	 **      SERVICIOS           **
	 *****************************/
	 #servicios{
		padding-top: 60px;
	 }
	 /* Titulo */
	 #servicios #serv_encabezado #serv_titulo{
		padding-bottom: 30px;
	 }
	 #servicios #serv_encabezado #serv_descrip{
		padding-bottom: 30px;
		line-height: 27px;
		width:80%;
	 }
	 /* Primer servicio */
	 #servicios #serv1{
		width: 924px;
		padding: 20px;
	 }
	 #servicios #serv1 .serv_icono{
		margin-top: 30px;
	 }
	 #servicios #serv1 .serv_titulo{
		width: 200px;
		margin-top: 0;
		margin-left: 15px;
		padding-top: 40px;
		padding-bottom: 40px;
	 }
	 #servicios #serv1 .serv_descrip{
		width: 450px;
	 }
	 #servicios #serv1 .serv_more{
		margin-top: 43px;
		margin-left: 15px;
	 }
	 #servicios #serv_slider{
		width: 924px;
		height: 471px;
	 }
	 #servicios #serv_wrapper{
		width: 1900px;
		height: 471px;
	 }
	 #servicios #serv_slider .servicio{
		 width: 447px;
	 }
	 .lightbox .servicio-icono{
		 margin-top: 15px;
	 }
	 .lightbox .servicio-separator{
		 margin-bottom:25px;
	 }
	 .lightbox .servicio-texto{
		 line-height:19px;
		 font-size:18px;
	 }
	 .lightbox .servicio-close{
		    bottom: auto;
		position: relative;
		margin-top: 15px;
		margin-bottom: 15px;
	 }
	 
	/******************************
	 **        POR QUE           **
	 *****************************/
	 #por-que{
		 height: 615px;
	 }
	 #por-que .pq_descrip{
		 width: 924px;
	 }
	 
	/******************************
	 **        CONTACTO          **
	 *****************************/
	 #contacto{
		 padding-top: 60px;
		 padding-bottom: 60px;
	 }
	 #contacto .sectionTitle{
		 padding-bottom: 30px;
	 }
	 #contacto .sectionDescrip{
		 padding-bottom: 60px;
	 }
	 #contacto #formulario{
		 width: 100%;
	 }
	 #contacto #formulario form{
		width: 924px;
		margin: 0 auto;
	}
	#contacto #formulario .form_part{
		width: 448px;
	}
	#contacto #formulario .form_part .form_input_text{
		width: 100%;
	}
	#contacto #formulario #form_part3{
		width: 100%;
		height: 255px;
		margin-left: 0;
	}
	#contacto #formulario #form_part3 #mensaje{
		resize:none;
	}
	#contacto #formulario .form_part .form_input_textarea{
		margin-top: 25px;
		width: 100%;
	}
	#contacto #formulario #mensajeEnviado{
		width: 925px;
	}
	 
	/******************************
	 **         FOOTER           **
	 *****************************/
	 #footer{
		 padding-bottom: 100px
	 }
	 #footer #datos {
		 width:688px;
	 }
	#footer #datos #datos_mail, 
	#footer #datos #datos_telefono,
	#footer #datos #datos_web{
		width:33.33%;
	}
	#footer{
		padding-bottom:2.5%;
	}

}
@media all and (max-width: 1279px) and (min-width: 768px){
	#servicios #serv_control{
		display: block;
	}
	#servicios{
		
		padding-bottom: 25px;
	}
}

@media all and (max-width: 999px){
	#stickMenu{
		display: none;
	}
	#hamburguerMenu{
		display: block;
		right: 25px;
	}
	
	#header{
		height: 500px;
	}
	#header #slider{
		height: 500px;
	}
	#header #slider #sliderWrapper .slide	{
		height: 500px;
	}
	#header{
		height: 500px;
	}
	section .content{
		width: 768px;
	}
	/***************************
	* HEADER                   *
	***************************/
	#header #slider #menu #logo{
		margin:0 7px 0;
	}
	#header #slider #menu{
		margin-top: 0;
	}
	#header #slider #menu > .menu_links{
		display:none;
	}
	#header #slider  #open_menu{
		display:block;
		position:absolute;
		right:0;
		top:0;
		height:60px;
		width:60px;
	}
	#header #slider #lightbox_menu{
		display:none;
		position:fixed;
		left:0;
		top:0;
		opacity:0;
		height:100vh;
		width:100%;
		-webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
	}
	#header #slider #lightbox_overlay{
		background-color:RGB(0,0,5);
		display:none;
		position:fixed;
		left:0;
		top:0;
		opacity:0;
		height:100vh;
		width:100%;
		z-index:99;
	}
	#header #slider #lightbox_overlay:focus{
		display:none;
		opacity:0;
		-webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
	}
	#header #slider #lightbox_overlay:hover{
		display:block;
		opacity:.5;
		-webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
	}
	#header #slider  #open_menu:active + #lightbox_menu{
		display:block;
		opacity:1;
		-webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
	}
	#header #slider  #open_menu:active + #lightbox_overlay{
		display:block;
		opacity:.5;
		-webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
	}
	#lightbox_menu:hover{
		display:block;
		opacity:1;
	}
	#lightbox_menu .nav_menu{
		margin:0 auto;
		margin-top:30px;
		color:white;
		font-size:15px;
		width:100%;
	}
	#lightbox_menu .nav_menu ul li.nav-item{
		text-align:center;
	}
	/*#header #slider #sliderWrapper .slide .slide_title{
		margin-top: 130px;
	}*/
	#header #slider #sliderWrapper #s4 .slide_title,
	#header #slider #sliderWrapper #s5 .slide_title{
		margin-top: 265px;
	}
	/***************************
	* QUE HACEMOS              *
	***************************/
	#que-hacemos .content > div{
		display:block;
		width:90%;
	}
	#qh_intro{
		width:90%;
		margin:0 auto;
		padding-left:20px;
	}
	#qh_circulo{
		margin:0 auto;
		margin-top:50px;
	}
	#qh_circ_shape{
		margin:0 auto;
	}
	
	#qh_objetivos{
		width:666px;
	}
	#qh_bullets{
		margin-top: 350px;
		margin-left:-25px;
		left:50%;
	}
	.qh_circ_descrip{
	    margin-left: -227px;
		margin-top: 110px;
		left: 50%
	}
	#qh_objetivos .qh_obj_item p{
		font-size:15px;
	}
	/***************************
	* SERVICIOS                *
	***************************/
	#servicios #serv1{
		width:740px;
		margin:0 auto;
		margin-bottom:15px;
	}
	#servicios #serv1 .serv_icono{
		height:50px;
		width:50px;
		background-size:cover;
		margin-top:26px;
	}
	#servicios #serv1 .serv_titulo{
		font-size:15px;
		padding-top:27px;
		padding-bottom:27px;
		margin-top: 0;
		width:170px;
		padding-right:0;
		width:148px;
	}
	#servicios #serv1 .serv_descrip{
		width:370px;
		line-height:15px;
		padding-left:10px;
		padding-top:0;
	}
	#servicios #serv1 .serv_more{
		height:45px;
		width:100px;
		margin-top:32px;
		margin-left:15px;
		padding-top:0px;
	}
	#servicios #serv1 .serv_more p{
		font-size:14px;
		padding-top:9px;
	}
	#servicios #serv_wrapper{
		width:1000px;
		margin:14px;
		overflow:hidden;
	}
	
	#servicios #serv_slider{
		width:768px;
		height:485px;
	}
	
	#servicios #serv_wrapper .servicio{
		width:350px;
	}
	#servicios #serv_slider .servicio + .servicio{
		margin-left:40px;
	}
	/***************************
	* POR QUE                  *
	***************************/

	#por-que{
		padding-top:40px;
	}
	#por-que .pq_descrip{
		width:90%;
		margin:0 auto;
	}
	
	/***************************
	* CONTACTO                 *
	***************************/
	#contacto #formulario .form_part .form_input_text{
		width:334px;
	}
	#contacto #formulario .form_part{
		width:334px;
		padding:0;
	}

	#contacto #formulario{
		margin:0 auto;
	}
	#contacto #formulario form{
		width:688px;
	}
	#contacto #formulario #mensajeEnviado{
		width: 688px;
	}
	/***************************
	* FOOTER                 *
	***************************/

}


@media all and (max-width:999px) and (min-width:768px){
	.solo768{display: block;}
	#contacto #formulario .form_part+.form_part{
		margin-left:20px;
	}
	#header #slider .scroll_arrow{
		display: none;
	}
	#header #slider #sliderWrapper #s1 .slide_title,
	#header #slider #sliderWrapper #s2 .slide_title,
	#header #slider #sliderWrapper #s3 .slide_title{
		margin-top: 335px;
	}
	#header #slider #sliderWrapper #s4 .slide_title, #header #slider #sliderWrapper #s5 .slide_title{
		margin-top: 300px;
	}
	#que-hacemos .content > div{
		width: 688px;
	}
	#qh_objetivos{
		margin: 0 auto;
		margin-top: 30px;
		padding-left: 0;
		padding-right: 0;
	}
	#servicios #serv1{
		padding-right: 10px;
		padding-left: 12px;
		width: 688px;
	}
	
	#servicios #serv1 .serv_descrip{
		width: 350px;
	}
	#servicios #serv1 .serv_more{
		margin-left: 0;
	}
	
	#servicios #serv_slider{
		width: 688px;
	}
	#servicios #serv_wrapper{
		margin: 0;
	}
	#servicios #serv_wrapper .servicio{
		width: 336px;
	}
	#servicios #serv_slider .servicio + .servicio{
		margin-left: 15px;
	}
	
}
@media all and (max-width: 767px) and (min-width: 480px){
	
	#header #slider #sliderWrapper .slide#s1 .slide_title h3,
	#header #slider #sliderWrapper .slide#s2 .slide_title h3,
	#header #slider #sliderWrapper .slide#s3 .slide_title h3,
	#header #slider #sliderWrapper .slide#s4 .slide_title h3,
	#header #slider #sliderWrapper .slide#s5 .slide_title h3{
		font-size: 55px;
		line-height: 55px;
		width: 384px;
		margin: 0 auto;
	}
}
@media all and (max-width: 767px){
	section .content{
		width: 600px;
	}
	/***************************
	* HEADER                   *
	***************************/
	#header #slider #sliderWrapper{
		height: 500px;
	}
	#header #slider #sliderWrapper .slide .slide_title {
		margin-top: 280px;
	}

	/***************************
	* QUE HACEMOS              *
	***************************/
	#que-hacemos{
		height:1385px;
	}
	#qh_objetivos{
		margin:0 auto;
	}
	#qh_circulo{
		margin-bottom:80px;

	}
	#qh_bullets{
		left:45.5%;
	}
	.qh_circ_descrip{
		margin-left:9.5%;
	}
	/***************************
	* SERVICIOS                *
	***************************/
	#servicios .servicio#serv1{
		height:auto;
		width:350px;
		margin:0 auto;
		margin-bottom:15px;
		padding-left:0;
		padding-right:0;
	}
	
	#servicios .servicio#serv1 > * {
		display:block;
		margin:0 auto;
	}
	
	#servicios .servicio#serv1 .serv_icono{
		height:70px;
		width:70px;
	}
	#servicios .servicio#serv1 .serv_titulo{
		text-align:center;
		border:0;
	}
	#servicios #serv1 .serv_more p{
		padding-top: 12px;
	}
	#servicios #serv1 .separator{
		display:block;
		width:30px;
		margin:0 auto;
		border-top:1px solid black;
		padding-bottom:25px;
	}
	#servicios .servicio#serv1 .serv_descrip{
		width:80%;
		font-size:13px;
		line-height:22px;
		text-align:center;
		padding:0;
	}
	
	#servicios .servicio#serv1 .serv_more{
		height:53px;
		width:128px;
		margin-top:40px;
	}
	#servicios #serv_slider .servicio{
		display:block;
		margin:0 auto;
		width:350px;
	}
	#servicios #serv_slider .servicio+.servicio{
		margin:0 auto;
		margin-top:25px;
	}	
	#servicios #serv_slider, #servicios #serv_slider #serv_wrapper{
		height:1500px;
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	.lightbox .servicio-icono{
		width: 60px;
		height: 60px;
	}
	.lightbox .servicio-titulo{
		padding-top: 10px;
	}
	
	.lightbox .servicio-separator{
		margin-bottom: 15px;
		height: 15px;
	}
	.lightbox .servicio-texto {
		line-height: 13px;
		font-size: 11px;
		padding-bottom: 30px;
		width: 90%;
	}
	.lightbox .servicio-close{
		position: relative;
	}
	/***************************
	* POR QUE                  *
	***************************/

	#por-que{
		height:630px;
	}
	#por-que .pq_descrip{
		font-size: 17px;
		line-height: 30px;
	}
	/***************************
	* CONTACTO                 *
	***************************/
	#contacto #formulario {
		padding: 0;
	}
	#contacto #formulario  form{
		width:540px;
	}
	#contacto #formulario .form_part{
		display:block;
		margin:0 auto;
	}
	
	#contacto #formulario .form_part+.form_part{
		margin:0 auto;
		margin-top:25px;
	}
	#contacto #formulario .form_part .form_input_text{
		width:100%;
	}
	#contacto #formulario .form_part{
		width:100%;
	}
	#contacto #formulario .form_part .form_input_textarea{
		margin-top:0;
	}
	
	#contacto #formulario #enviar{
		margin:0 auto;
		width:100%;
	}
	#contacto #formulario #mensajeEnviado{
		width: 540px;
		margin-top: 17px;
	}
	/***************************
	* FOOTER                 *
	***************************/
	#footer #datos > div p{
		font-size:12px;
	}
	#footer #datos{
		width: 540px;
	}
}

@media all and (max-width: 599px){
	#hamburguerMenu{
		right: 25px;
	}
	section .content{
		width: 480px;
	}
	/***************************
	* HEADER                   *
	***************************/
	/***************************
	* QUE HACEMOS              *
	***************************/
	#que-hacemos .content #qh_circulo{
		margin-left:3%;
	}
	
	.qh_circ_descrip{
		margin-left:2.5%;
	}
	#que-hacemos{
		height:1465px;
	}
		
	/***************************
	* SERVICIOS                *
	***************************/

	
	/***************************
	* POR QUE                  *
	***************************/
	#por-que h2{
		font-size: 35px;
	}
	#por-que .underline{
		width: 307px;
	}
	/***************************
	* CONTACTO                 *
	***************************/
	#contacto.enviado{
		padding-bottom: 70px;
	}
	#contacto #formulario {
		width: 432px;
		padding: 0;
	}
	#contacto #formulario  form{
		width:432px;
	}
	#contacto #formulario #mensajeEnviado{
		width: 432px;
		margin-top: 20px;
	}
	/***************************
	* FOOTER                 *
	***************************/
	#footer #datos > div p{
		font-size:10px;
	}
	#footer #datos{
		width: 460px;
	}
}

@media all and (max-width: 479px){
	section .content{
		max-width: 320px;
		width: 100%;
	}
	/***************************
	* HEADER                   *
	***************************/
	#header #slider #sliderWrapper .slide .slide_title h3{
		font-size: 50px;
		line-height: 55px;
	}
	#header #slider #sliderWrapper .slide#s1 .slide_title h3,
	#header #slider #sliderWrapper .slide#s2 .slide_title h3,
	#header #slider #sliderWrapper .slide#s3 .slide_title h3,
	#header #slider #sliderWrapper .slide#s4 .slide_title h3,
	#header #slider #sliderWrapper .slide#s5 .slide_title h3{
		font-size: 40px;
		line-height: 50px;
		width: 90%;
		margin: 0 auto;
	}
	#header #slider #sliderWrapper .slide#s1 .slide_title,
	#header #slider #sliderWrapper .slide#s2 .slide_title,
	#header #slider #sliderWrapper .slide#s3 .slide_title,
	#header #slider #sliderWrapper .slide#s4 .slide_title{
		margin-top: 300px;
	}
	#header #slider #sliderWrapper .slide#s1 .slide_title h3,
	#header #slider #sliderWrapper .slide#s2 .slide_title h3,
	#header #slider #sliderWrapper .slide#s3 .slide_title h3,
	#header #slider #sliderWrapper .slide#s5 .slide_title h3{
		width: 288px;
	}
	#header #slider #sliderWrapper .slide#s4 .slide_title h3{
		width: 320px;
	}
	/***************************
	* QUE HACEMOS              *
	***************************/
	#que-hacemos{
		height:1800px;
	}
	#qh_circ_shape{
		width:300px;
		height:360px;
		background-size:cover;
	}
	
	#qh_circ_shape .qh_numeros#qh_numero1,
	#qh_circ_shape .qh_numeros#qh_numero2,
	#qh_circ_shape .qh_numeros#qh_numero3{
		height:80px;
		width:90px;
		background-size:cover;
	}
	
	#qh_circ_shape .qh_numeros#qh_numero1{
		margin-left:105px;
		margin-top:0px;
	}
	#qh_circ_shape .qh_numeros#qh_numero2{
		margin-left:225px;
		margin-top:213px;
	}
	#qh_circ_shape .qh_numeros#qh_numero3{
		margin-left:-10px;
		margin-top:200px;
	}
	.qh_circ_descrip{
		margin-left:-24.5%;
	}
	.qh_circ_descrip p{
		font-size:14px;
		line-height:20px;
	}
	.qh_circ_descrip .title{
		font-size:15px;
	}
	#qh_bullets{
		left:40.5%;
		margin-top:340px;
	}
	#qh_objetivos .qh_obj_item p{
		line-height: 18px;
	}
	/***************************
	* SERVICIOS                *
	***************************/
	
	#servicios #serv_encabezado #serv_descrip{
		font-size:15px;
	}
	#servicios .servicio#serv1 .serv_descrip,
	#servicios .servicio#serv2 .serv_descrip,
	#servicios .servicio#serv3 .serv_descrip,
	#servicios .servicio#serv4 .serv_descrip{
		width:245px;
	}
	#servicios .servicio#serv1{
		width:300px;
	}
	#servicios #serv_wrapper .servicio{
		width:300px;
	}
	/***************************
	* POR QUE                  *
	***************************/
	#por-que #simple_logo{
		margin-bottom: 20px;
	}
	#por-que .pq_descrip{
		font-size:16px;
		line-height:21px;
	}
	#por-que{
		height:570px;
	}
	#por-que h2{
		font-size: 32px;
		padding-bottom: 5px;
	}
	#por-que .underline{
		padding-bottom: 15px;
		width: 277px;
	}
	/***************************
	* CONTACTO                 *
	***************************/
	#contacto.enviado{
		padding-bottom: 70px;
	}
	#contacto #formulario{
		width: 288px;
	}
	#contacto #formulario form{
		width:240px;
	}
	#contacto #formulario #mensajeEnviado{
		width: 288px;
	}
	
	/***************************
	* FOOTER                 *
	***************************/
	#footer #datos #datos_mail, 
	#footer #datos #datos_telefono,
	#footer #datos #datos_web{
		width:100%;
		display:block;
		border:none;
	}
	#footer #datos > div p{
		font-size:15px;
	}
	 #footer #datos {
		 width:240px;
		 padding:0;
	 }

	/*#footer #datos #datos_mail, 
	#footer #datos #datos_telefono{
		border-bottom:2px solid black;
	}*/
	#footer{
		padding-top: 30px;
	}
	#footer #mini_logo{
		margin-bottom: 20px;
	}
	#footer #datos > div {
		padding-top: 10px;
		padding-bottom: 5px;
	}
	#contacto{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#contacto #formulario .form_part{
		height: 160px;
	}
	#contacto #formulario .form_part .form_input_text{
		height: 37px;
		
	}
	#contacto .sectionDescrip{
		width: 300px;
		margin: 0 auto;
		padding-bottom: 30px;
	}
}