/*=============================================
SECCIÓN DE RESPONSIVE O TRABAJO ADAPTATIVO A 
PANTALLAS
=============================================*/

@media (max-width: 1024px){
	/*=============================================
	INDEX
	=============================================*/
	.normal-menu{
		margin-right: -100px;
	}

	.mapa iframe{
		width: 300px;
	}

	.imagen_nosotros{
		width: 450px;
	}

	/*=============================================
	SERVICIOS
	=============================================*/
	.dermoabrasion {
    	margin-left: -1px;
	}

	.toxina {
		font-size: 100px;
	}

	.acne{
		margin-top: -64px;
	}

	.texto-columna-cirugia-right, .texto-columna-cirugia-left{
		width: 33vh;
		margin-left: 10vh;
	}

	.resized_img_df{
		width: 150%;
	}

}



@media (max-width: 960px) {

	/*=============================================
	INDEX
	=============================================*/
	.normal-menu{
		display: none !important;
	}

	.btnMenus{
		display: block;
		z-index: 9999;
	}

	#barraNavegador{
		background: rgba(0, 84, 88, 1);
	}

	/*=============================================
	INDEX
	=============================================*/
	.normal-menu{
		margin-right: 0px;
	}

	.menu .logo .resized {
	    width: 200px;
	}

	.imagen_nosotros{
		width: 400px;
	}

	.contenido_nosotros {
    	padding: 20px;
	}
	.caption-style-4 li {
	    width: 300px;
	}

	.mapa iframe{
		width: 300px;
	}
	/*=============================================
	SERVICIOS
	=============================================*/

	.texto_tratamientos .angello {
	    font-size: 78px;
	}

	.imagen_tratamientos {
	    width: 350px;
	}

	.profunda {
    	margin-top: 10px;
	}
	.hialuronico {
	    margin-left: 110px;
	}

	.acne{
		margin-top: -50px;
	}
}


@media (max-width: 768px) {

	/*=============================================
	INDEX
	=============================================*/
	.titulos p {
    	font-size: 60px;
	}

	.form_contactos{
		width: 700px;
	}

	.mapa iframe{
		width: 230px;
	}

	/*=============================================
	INDEX
	=============================================*/
	.texto_imagen{
		top: 34%;
    	right: 23%;
	}

	.descripcion .angello {
		margin-left: 45px;
	}

	/*=============================================
	NUESTRAS SEDES
	=============================================*/

	.imagen_consultorio {
    	width: 690px;
    }

    /*=============================================
    BLOG
    =============================================*/

    .entrada .imagen {
    	width: 400px;
	}

	.texto-columna-cirugia-right, .texto-columna-cirugia-left{
		width: 38vh;
		margin-left: 0vh;
	}

	.resized_img_df{
		width: 150%;
	}

}

@media (max-width: 680px) {
	

	.boton-menu{
		border-color: white;
	}
}


@media (max-width: 425px) {
	/*=============================================
	INDEX
	=============================================*/
	/* .normal-menu{
		display: none;
	}

	.btnMenus{
		display: block;
		z-index: 9999;
	} */

	.title-service{
		width: 425px;
	}

	.texto-cirugia{
		width: 370px;
	}

	.h2-cirugia{
		font-size: 30px;
	}

	.h2-white{
		font-size: 60px;
	}

	.imagenes_servicios h2 {
		font-size: 40px;
	}

	.height_ppl{
		height: 100%;
	}

	.imagen_nosotros{
		width: 350px;
	}

	.flor_2_der{
		right: -70px;
    	top: 775px;
	}

	.contenedor_contactanos {
    	width: 350px;
	}

	.contactanos_titulo p{
		font-size: 110px;
	}

	.form_contactos {
		width: 300px;
	}

	.ser_tit{
		margin-top:100px;
	}

	.mapa iframe{
		width: 330px;
	}

	.texto {
		right: 80px;
	}
	/*=============================================
	SERVICIOS
	=============================================*/

	.texto_imagen h2 {
	    font-size: 130px;
	}

	.texto_imagen{
		top: 25%;
    	right: 17%;
	}

	.descripcion .bold{
		font-size: 40px;
	}
	
	.descripcion .angello {
		margin-left: 40px;
		font-size: 164px;
	}

	/*=============================================
	NUESTRAS SEDES
	=============================================*/
	.contenedor_gr .angello{
		font-size: 137px;
	}

	.imagen_consultorio {
    	width: 370px;
    }

    /*=============================================
    BLOG
    =============================================*/

    .entrada .imagen {
    	width: 350px;
	}

	.iconos_social{
		right: 112px;
    	top: 15px;
	}
	.texto-columna-nutricion{
		width: 400px;
	}
	.resized_img,.resized_img_df,.resized_img_nutricion{
		position: relative;
	}
	
	.titulos p {
		font-size: 48px;
	}

	.resized_img_df{
		width: 100%;
	}

	.texto-columna-cirugia-right, .texto-columna-cirugia-left{
		width: 38vh;
		margin-left: 0vh;
	}
	
}


@media(max-width: 375px){

	/*=============================================
	INDEX
	=============================================*/
	.contenedor_contactanos {
    	width: 300px;
	}

	.title-service{
		width: 375px;
	}


	.contactanos_titulo p{
		font-size: 90px;
	}
	.form_contactanos {
    	width: 300px;
	}

	.texto-cirugia{
		width: 320px;
	}

	/*=============================================
	NUESTRAS SEDES
	=============================================*/
	.imagen_consultorio {
    	width: 320px;
    }

	.texto {
		right: 57px;
	}


    /*=============================================
    BLOG
    =============================================*/

    .entrada .imagen {
    	width: 320px;
	}


	.iconos_social{
		right: 91px;
    	top: 19px;
	}

	.texto-columna-nutricion{
		width: 350px;
	}


	.resized_img,.resized_img_df,.resized_img_nutricion{
		position: relative;
	}

	.titulos p {
		font-size: 40px;
	}

	.resized_img_df{
		width: 100%;
	}

	.texto-columna-cirugia-right, .texto-columna-cirugia-left{
		width: 38vh;
		margin-left: 0vh;
	}

}

@media(max-width: 320px){
	
	/*=============================================
	INDEX
	=============================================*/
	.contenedor_contactanos {
    	width: 300px;
	}

	.title-service{
		width: 320px;
	}


	.contactanos_titulo p{
		font-size: 90px;
	}
	.form_contactanos {
    	width: 270px;
	}

	.imagenes_servicios h2 {
		font-size: 30px;
	}

	.texto-cirugia{
		width: 250px;
	}

	.mapa iframe{
		width: 280px;
	}

	.tit_nost p{
		font-size: 40px;
	}

	.imagen_nosotros{
		width: 280px;
	}

	.texto {
		right: 30px;
	}

	/*=============================================
	SERVICIOS
	=============================================*/

	.texto_imagen{
		top: 21%;
    	right: 5%;
	}

	.descripcion .angello {
    	margin-top: -84px;
    	margin-left: 63px;
	}

	.descripcion .container .angello {
    	color: #c8a977;
    	font-size: 134px;
    	font-family: 'Angello';
	}

	.descripcion .container .bold {
    	color: #005458;
    	font-size: 36px;
    	font-family: 'ArboriaBlod';
	}

	.profunda {
    	margin-left: 95px;
	}

	.dermoabrasion {
    	margin-left: -4px;
	}

	.imagen_tratamientos {
	    width: 300px;
	}

	.hialuronico{
		margin-left: 76px;
	}


	/*=============================================
	NUESTRAS SEDES
	=============================================*/
	.imagen_consultorio {
    	width: 290px;
    }

   .contenedor_gr .angello {
       font-size: 107px;
   }

    /*=============================================
    BLOG
    =============================================*/

    .entrada .imagen {
    	width: 280px;
	}

	.iconos_social {
    	right: 60px;
    	top: 15px;
    }

	.texto-columna-nutricion{
		width: 300px;
	}

	.resized_img,.resized_img_df,.resized_img_nutricion{
		position: relative;
	}
	.texto-columna-cirugia-right, .texto-columna-cirugia-left{
		width: 23vh;
		margin-left: 0vh;
	}

	
	

}