@media (max-width: 1024px)
{
	#wrapper{width: 100%}
/* ------------------------------------------ Inicio ------------------------------------------*/

/* ---------- barra1 --------------------*/
.barra{width: 100%;} 
.barra-sub {width: 100%;} 
.top-info {margin-left: 20px;}
.redes-top {margin: 2px 20px 0 0;}
/* ---------- barra1 --------------------*/

/* ---------- Menu--------------------*/
.main {width: 100%;}
.logo {padding: 0px;}
.nav {padding: 40px 20px 0 0;}
/* ---------- Menu--------------------*/

/* ---------- slider --------------------*/
.pogoSlider-slide-element {width: 370px; margin-right: 50px; float: right;}
.pogoSlider-slide-element .st-1 {font-size: 60px; padding-top: 35px; margin-right: 10px;}
.pogoSlider-slide-element .sp-1 {font-size: 20px; padding-top: 10px; margin-right: 0px;}
.pogoSlider-slide-element .sb-1 {font-size: 20px; margin-top: 10px; margin-right: 140px;}

.pogoSlider-slide-element .st-2 {font-size: 60px; padding-top: 25px; margin-right: 0px;}
.pogoSlider-slide-element .sp-2 {font-size: 20px; padding-top: 10px; margin-right: 60px;}
.pogoSlider-slide-element .sb-2 {font-size: 20px; margin-top: 10px; margin-right: 135px;}

.pogoSlider-slide-element .st-3 {font-size: 60px; padding-top: 30px; margin-right: 0px;}
.pogoSlider-slide-element .sp-3 {font-size: 20px; padding-top: 10px; margin-right: 0px;}
.pogoSlider-slide-element .sb-3 {font-size: 20px; margin-top: 10px; margin-right: 145px;}
/* ---------- slider --------------------*/

/* ---------- contenido --------------------*/
.Bienvenidos{width: 100%;} 
.sub-content{width: 100%; text-align: center;} 
/* ---------- contenido --------------------*/

/* ---------- main content --------------------*/
.servicios {width: 100%;} 
.servicios .content-box {max-width: 660px; margin-left: 50px;}
.area-formulario {width: 100%;}
.area-formulario-fondo {width: 100%;}
/* ---------- main content --------------------*/

/* ---------- footer --------------------*/
.todo-footer {width: 100%;} 
.centro-footer {width: 100%;}
.footerbox {width: 100%;}
.footerbox .info {display: block; text-align: left; padding-left: 100px;}
.footerbox .info h2 {display: block; text-align: left; padding: 0px 0px 25px 70px;}
.menu-footer {width: 125px; text-align: center; display: block; float: left; padding-left: 40px;}
.copyright {width: 100%; text-align: left;}
.copyright p {margin-left: 50px;}
/* ---------- footer --------------------*/

/* ------------------------------------------ Nosotros ------------------------------------------*/

.cabecera {width: 100%;} 
.cabecera-content { margin-top: 15px;}
.cabecera-box {width: 100%; text-align: left; margin-left: 50px;}
.cabeceratexto {width: 100%;}

.cuadro1 {width: 100%;}
.cuadro1-content {width: 900px;}
.imgclinica {width: 100%; text-align: center;}
.imgclinica img {width: 400px;}
.cuadro-info{width: 100%;}
.cuadro-info h2 {width: 100%; text-align: left;}
.cuadro-info p {width: 100%;}


.staff-content {width: 100%;}
.staff {width: 100%;}
.descripcion {width: 100%;}
.staff1 {width: 100%;}
.cursos {width: 900px; margin: 20px 0px 0px 0px;}


.n-formulario {width: 100%;}
.n-formulario-box {width: 100%;}
.n-premios {width: 100%;}

/* ------------------------------------------ Nosotros ------------------------------------------*/

/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/
.l-contenedor {width: 900px; text-align: center; display: inline-block;}
.l-antesydespues {margin-bottom: 30px; text-align: center;}
/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/

/* ----------------------------------- Contacto ----------------------------------*/
.c-contacto {width: 100%;}
.c-content {width: 770px}
.c-content .c-tel {width: 190px; height: 200px;}
.c-tel p {width: 100%; text-align: center; padding: 0 5px 0 5px; font-size: 12px;}
.c-content .c-horario {width: 190px; height: 200px;}
.c-horario p {width: 100%; text-align: center; padding: 0 5px 0 5px; font-size: 12px;}
.c-content .c-lugar {width: 190px; height: 200px;}
.c-lugar p {width: 100%; text-align: center; padding: 0 5px 0 5px; font-size: 12px;}
.c-content .c-mail {width: 190px; height: 200px;}
.c-mail p {width: 100%; text-align: center; padding: 0 5px 0 5px; font-size: 12px;}
.map-iframe {width: 900px;}
/* ----------------------------------- Contacto ----------------------------------*/

@media (max-width: 800px)
{
	#wrapper{width: 100%}
/* ------------------------------------------ Inicio ------------------------------------------*/

/* ---------- barra1 --------------------*/
.barra{width: 100%;} 
.barra-sub {width: 100%;} 
.top-info {margin-left: 20px;}
.redes-top {margin: 2px 20px 0 0;}
/* ---------- barra1 --------------------*/

/* ---------- Menu--------------------*/
.logo {width: 100%; padding: 0px;}
.nav {padding: 35px 0px 0 0;}

/* ---------- Menu--------------------*/

/* ---------- slider --------------------*/
.pogoSlider-slide-element {width: 370px; float: right; padding-right: 50px;}
.pogoSlider-slide-element .st-1 {font-size: 40px; padding-top: 35px; margin-right: 30px;}
.pogoSlider-slide-element .sp-1 {font-size: 16px; padding-top: 10px; margin-right: 0px;}
.pogoSlider-slide-element .sb-1 {font-size: 16px; margin-top: 0px; margin-right: 110px;}

.pogoSlider-slide-element .st-2 {font-size: 40px; padding-top: 25px; margin-right: 0px;}
.pogoSlider-slide-element .sp-2 {font-size: 16px; padding-top: 10px; margin-right: 27px;}
.pogoSlider-slide-element .sb-2 {font-size: 16px; margin-top: 0px; margin-right: 110px;}

.pogoSlider-slide-element .st-3 {font-size: 40px; padding-top: 26px; margin-right: 0px;}
.pogoSlider-slide-element .sp-3 {font-size: 16px; padding-top: 10px; margin-right: 0px;}
.pogoSlider-slide-element .sb-3 {font-size: 16px; margin-top: 0px; margin-right: 105px;}
/* ---------- slider --------------------*/

/* ---------- contenido --------------------*/
.Bienvenidos{width: 100%;} 
.sub-content{width: 100%;} 
/* ---------- contenido --------------------*/

/* ---------- main content --------------------*/
.servicios {width: 100%;} 
.servicios .content-box {max-width: 660px; margin-left: 30px;}
.area-formulario {width: 100%;}
.area-formulario-fondo {width: 100%;}
/* ---------- main content --------------------*/

/* ---------- footer --------------------*/
.todo-footer {width: 100%;} 
.centro-footer {width: 100%;}
.footerbox {width: 100%;}
.footerbox .info {display: block; text-align: left; padding-left: 100px;}
.footerbox .info h2 {display: block; text-align: left; padding: 0px 0px 25px 70px;}
.menu-footer {width: 125px; text-align: center; display: block; float: left; padding-left: 40px;}
.copyright {width: 100%;}
/* ---------- footer --------------------*/

/* ------------------------------------------ Nosotros ------------------------------------------*/

.cabecera {width: 100%;} 
.cabecera-box {width: 700px; text-align: left;}
.cabeceratexto {width: 100%;}

.cuadro1 {width: 100%;}
.cuadro1-content {width: 700px; display: inline-block;}
.imgclinica {width: 100%; text-align: center;}
.imgclinica img {width: 500px; margin-bottom: 50px;}
.cuadro1-content .cuadro-info {width: 100%; margin: 0px;}
.cuadro-info h2 {width: 100%; text-align: center;}
.cuadro-info p {width: 100%;}


.staff-content {width: 100%;}
.staff {width: 730px;}
.descripcion {width: 100%;}
.staff .staff1 {width: 700px; margin: 40px 0px 0 0px;}
.cursos {width: 700px;}


.n-formulario {width: 100%;}
.n-formulario-box {width: 100%;}
.n-premios {width: 100%;}

/* ------------------------------------------ Nosotros ------------------------------------------*/

/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/
.staff-content {width: 100%;}
.l-contenedor {width: 700px; text-align: center; display: inline-block; margin-right: 30px;}
.l-antesydespues {text-align: center; margin: 0px 0px 30px 0px;}
.antesydespues1 {width: 300px;}
/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/

/* ----------------------------------- Contacto ----------------------------------*/
.c-contacto {width: 100%;}
.c-content {width: 700px;}
.c-content .c-tel {width: 190px; height: 200px;}
.c-tel p {width: 100%; text-align: center; padding: 0 5px 0 5px; font-size: 12px;}
.c-content .c-horario {width: 190px; height: 200px;}
.c-horario p {width: 100%; text-align: center; padding: 0 5px 0 5px; font-size: 12px;}
.c-content .c-lugar {width: 190px; height: 200px;}
.c-lugar p {width: 100%; text-align: center; padding: 0 5px 0 5px; font-size: 12px;}
.c-content .c-mail {width: 190px; height: 200px;}
.c-mail p {width: 100%; text-align: center; padding: 0 5px 0 5px; font-size: 12px;}
.map-iframe {width: 700px;}
/* ----------------------------------- Contacto ----------------------------------*/

@media (max-width: 768px)
{
	#wrapper{width: 100%}
/* ------------------------------------------ Inicio ------------------------------------------*/

/* ---------- barra1 --------------------*/
.barra{width: 100%;} 
.barra-sub {width: 100%;} 
.top-info {margin-left: 20px;}
.redes-top {margin: 2px 20px 0 0;}
/* ---------- barra1 --------------------*/

/* ---------- Menu--------------------*/
.logo {width: 100%; padding: 0px;}
/* ---------- Menu--------------------*/

/* ---------- slider --------------------*/
.pogoSlider-slide-element {width: 370px; float: right; padding-right: 50px;}
.pogoSlider-slide-element .st-1 {font-size: 40px; padding-top: 35px; margin-right: 30px;}
.pogoSlider-slide-element .sp-1 {font-size: 16px; padding-top: 10px; margin-right: 20px;}
.pogoSlider-slide-element .sb-1 {font-size: 16px; margin-top: 0px; margin-right: 110px;}

.pogoSlider-slide-element .st-2 {font-size: 40px; padding-top: 25px; margin-right: 15px;}
.pogoSlider-slide-element .sp-2 {font-size: 16px; padding-top: 5px; margin-right: 35px;}
.pogoSlider-slide-element .sb-2 {font-size: 16px; margin-top: 0px; margin-right: 100px;}

.pogoSlider-slide-element .st-3 {font-size: 40px; padding-top: 25px; margin-right: 0px;}
.pogoSlider-slide-element .sp-3 {font-size: 16px; padding-top: 5px; margin-right: 0px;}
.pogoSlider-slide-element .sb-3 {font-size: 16px; margin-top: 0px; margin-right: 90px;}
/* ---------- slider --------------------*/

/* ---------- contenido --------------------*/
.Bienvenidos{width: 100%;} 
.sub-content{width: 100%; text-align: center;} 
/* ---------- contenido --------------------*/

/* ---------- main content --------------------*/
.servicios {width: 100%;} 
.content-box {max-width: 700px;}
.area-formulario {width: 100%;}
.area-formulario-fondo {width: 100%;}
/* ---------- main content --------------------*/

/* ---------- footer --------------------*/
.todo-footer {width: 100%;} 
.centro-footer {width: 100%;}
.footerbox {width: 100%;}
.footerbox .info {display: block; text-align: left; padding-left: 100px;}
.footerbox .info h2 {display: block; text-align: left; padding: 0px 0px 25px 70px;}
.menu-footer {width: 125px; text-align: center; display: block; float: left; padding-left: 40px;}
.copyright {width: 100%;}
/* ---------- footer --------------------*/

/* ------------------------------------------ Nosotros ------------------------------------------*/

.cabecera {width: 100%;} 
.cabecera-box {width: 650px; text-align: left;}
.cabeceratexto {width: 100%;}

.cuadro1 {width: 100%;}
.cuadro1-content {width: 100%; display: block;}
.imgclinica {width: 100%; text-align: center;}
.imgclinica img {width: 500px; margin-bottom: 50px;}
.cuadro1-content .cuadro-info {width: 650px;}
.cuadro-info h2 {width: 100%; text-align: center;}
.cuadro-info p {width: 100%; }


.staff-content {width: 100%;}
.staff {width: 650px;}
.descripcion {width: 100%;}
.staff1 {width: 100%;}
.cursos {width: 650px;}


.n-formulario {width: 100%;}
.n-formulario-box {width: 100%;}
.n-premios {width: 100%;}

/* ------------------------------------------ Nosotros ------------------------------------------*/

/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/
.staff-content {width: 100%;}
.l-contenedor {width: 100%; text-align: center; display: inline-block; margin-right: 0;}
.l-antesydespues {padding-bottom: 30px; text-align: center;}
.antesydespues1 {width: 300px;}
/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/

/* ----------------------------------- Contacto ----------------------------------*/
.c-contacto {width: 100%; padding: 40px 20px 40px 20px; }
.c-content {width: 100%; height: 100%; display: inline-flex;}
.c-content .c-tel {width: 200px; height: 200px;}
.c-tel p { text-align: center; padding: 0 5px 0 5px;}
.c-content .c-horario {width: 200px; height: 200px;}
.c-horario p {text-align: center; padding: 0 5px 0 5px;}
.c-content .c-lugar {width: 200px; height: 200px;}
.c-lugar p {text-align: center; padding: 0 5px 0 5px;}
.c-content .c-mail {width: 200px; height: 200px;}
.c-mail p {text-align: center; padding: 0 5px 0 5px;}
.map-iframe {width: 650px;}
/* ----------------------------------- Contacto ----------------------------------*/

@media (max-width: 720px)
{
	#wrapper{width: 100%}
/* ------------------------------------------ Inicio ------------------------------------------*/

/* ---------- barra1 --------------------*/
.barra{width: 100%;} 
.barra-sub {width: 100%;} 
.top-info {margin-left: 20px;}
.redes-top {margin: 2px 20px 0 0;}
/* ---------- barra1 --------------------*/

/* ---------- Menu--------------------*/
.logo {width: 100%; padding: 0px;}

/* ---------- Menu--------------------*/

/* ---------- slider --------------------*/
.pogoSlider-slide-element {width: 375px; float: right; padding-right: 50px;}
.pogoSlider-slide-element .st-1 {font-size: 30px; padding-top: 35px; margin-right: 40px;}
.pogoSlider-slide-element .sp-1 {font-size: 14px; padding-top: 10px; margin-right: 0px;}
.pogoSlider-slide-element .sb-1 {font-size: 14px; margin-top: 0px; margin-right: 95px;}

.pogoSlider-slide-element .st-2 {font-size: 30px; padding-top: 25px; margin-right: 0px;}
.pogoSlider-slide-element .sp-2 {font-size: 14px; padding-top: 10px; margin-right: 45px;}
.pogoSlider-slide-element .sb-2 {font-size: 14px; margin-top: 0px; margin-right: 95px;}

.pogoSlider-slide-element .st-3 {font-size: 30px; padding-top: 30px; margin-right: 10px;}
.pogoSlider-slide-element .sp-3 {font-size: 14px; padding-top: 10px; margin-right: 10px;}
.pogoSlider-slide-element .sb-3 {font-size: 14px; margin-top: 0px; margin-right: 100px;}
/* ---------- slider --------------------*/

/* ---------- contenido --------------------*/
.Bienvenidos{width: 100%;} 
.sub-content{width: 100%; text-align: center;} 
/* ---------- contenido --------------------*/

/* ---------- main content --------------------*/
.servicios {width: 100%;} 
.content-box {max-width: 100%;}
.area-formulario {width: 100%;}
.area-formulario-fondo {width: 100%;}
/* ---------- main content --------------------*/

/* ---------- footer --------------------*/
.todo-footer {width: 100%;} 
.centro-footer {width: 100%;}
.footerbox {width: 100%;}
.footerbox .info {display: block; text-align: left; padding-left: 70px;}
.footerbox .info h2 {display: block; text-align: left; padding: 0px 0px 25px 70px;}
.menu-footer {width: 125px; text-align: center; display: block; float: left; padding-left: 40px;}
.copyright {width: 100%;}
/* ---------- footer --------------------*/

/* ------------------------------------------ Nosotros ------------------------------------------*/

.cabecera {width: 100%;} 
.cabecera-box {width: 650px; text-align: left; }
.cabeceratexto {width: 100%;}

.cuadro1 {width: 100%;}
.cuadro1-content {width: 100%; display: block;}
.imgclinica {width: 100%; text-align: center;}
.imgclinica img {width: 500px}
.cuadro1-content .cuadro-info {width: 600px;}
.cuadro-info h2 {width: 100%;  text-align: center;}
.cuadro-info p {width: 100%; }


.staff-content {width: 100%;}
.staff {width: 600px;}
.descripcion {width: 100%;}
.staff .staff1 {max-width: 600px;}
.cursos {width: 600px;}


.n-formulario {width: 100%;}
.n-formulario-box {width: 100%;}
.n-premios {width: 100%;}

/* ------------------------------------------ Nosotros ------------------------------------------*/

/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/
.staff-content {width: 100%;}
.staff .l-antesydespues {margin-left: 0px}
.l-contenedor {width: 100%; text-align: center; display: inline-block;}
.l-antesydespues {padding-bottom: 30px; text-align: center;}
.i-contenedor {margin-left: 50px;}
.antesydespues1 {width: 300px;}
/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/

/* ----------------------------------- Contacto ----------------------------------*/
.c-contacto {width: 100%; padding: 40px 20px 40px 20px; }
.c-content {width: 100%; height: 100%; display: inline-flex;}
.c-content .c-tel {width: 200px; height: 200px;}
.c-tel p { text-align: center; padding: 0 5px 0 5px;}
.c-content .c-horario {width: 200px; height: 200px;}
.c-horario p {text-align: center; padding: 0 5px 0 5px;}
.c-content .c-lugar {width: 200px; height: 200px;}
.c-lugar p {text-align: center; padding: 0 5px 0 5px;}
.c-content .c-mail {width: 200px; height: 200px;}
.c-mail p {text-align: center; padding: 0 5px 0 5px;}
/* ----------------------------------- Contacto ----------------------------------*/

@media (max-width: 600px)
{
	#wrapper{width: 100%}
/* ------------------------------------------ Inicio ------------------------------------------*/

/* ---------- barra1 --------------------*/
.barra{width: 100%;} 
.barra-sub {width: 100%;} 
.top-info {margin: 0 0 15px 45px;}
.redes-top { margin: 0 230px 5px 0;}
/* ---------- barra1 --------------------*/

/* ---------- Menu--------------------*/
.logo {width: 100%; padding: 0px;}

/* ---------- Menu--------------------*/

/* ---------- slider --------------------*/
.pogoSlider-slide-element {width: 375px; float: right; padding-right: 40px;}
.pogoSlider-slide-element .st-1 {font-size: 25px; padding-top: 30px; margin-right: 40px;}
.pogoSlider-slide-element .sp-1 {font-size: 12px; padding-top: 10px; margin-right: 5px;}
.pogoSlider-slide-element .sb-1 {font-size: 14px; margin-top: 0px; margin-right: 85px; padding: 6px;}

.pogoSlider-slide-element .st-2 {font-size: 25px; padding-top: 40px; margin-right: 0px;}
.pogoSlider-slide-element .sp-2 {font-size: 12px; padding-top: 5px; margin-right: 30px;}
.pogoSlider-slide-element .sb-2 {font-size: 14px; margin-top: 0px; margin-right: 80px; padding: 6px;}

.pogoSlider-slide-element .st-3 {font-size: 25px; padding-top: 40px; margin-right: 25px;}
.pogoSlider-slide-element .sp-3 {font-size: 12px; padding-top: 5px; margin-right: 20px;}
.pogoSlider-slide-element .sb-3 {font-size: 14px; margin-top: 0px; margin-right: 90px; padding: 6px;}

.pogoSlider-nav {visibility: hidden;}
/* ---------- slider --------------------*/

/* ---------- contenido --------------------*/
.Bienvenidos{width: 100%;} 
.sub-content{width: 100%; text-align: center;} 
/* ---------- contenido --------------------*/

/* ---------- main content --------------------*/
.servicios {width: 100%;} 
.servicios .content-box {max-width: 300px;}
.area-formulario {width: 100%;}
.area-formulario-fondo {width: 100%;}
/* ---------- main content --------------------*/

/* ---------- footer --------------------*/
.todo-footer {width: 100%;} 
.centro-footer {width: 100%;}
.footerbox {width: 100%;}
.footerbox .info {display: block; text-align: left; padding-left: 20px;}
.footerbox .info h2 {display: block; text-align: left; padding: 0px 0px 25px 70px;}
.menu-footer {width: 125px; text-align: center; display: block; float: left; padding-left: 40px;}
.copyright {width: 100%;height: 90px;text-align: center;}
.copyright p {margin-left: 0px;}

/* ---------- footer --------------------*/

/* ------------------------------------------ Nosotros ------------------------------------------*/

.cabecera {width: 100%;} 
.cabecera-box {width: 500px; text-align: left;}
.cabeceratexto {width: 100%;}

.cuadro1 {width: 100%;}
.cuadro1-content {width: 100%; display: block;}
.imgclinica {max-width: 500px; text-align: center;}
.imgclinica img {width: 100%;}
.cuadro1-content .cuadro-info {max-width: 500px;}
.cuadro-info h2 {width: 100%; text-align: center;}
.cuadro-info p {width: 100%; }


.staff-content {width: 100%;}
.staff {width: 100%;}
.descripcion {width: 100%;}
.staff .staff1 {max-width: 500px;}
.cursos {width: 500px; }


.n-formulario {width: 100%;}
.n-formulario-box {width: 100%;}
.n-premios {width: 100%;}

/* ------------------------------------------ Nosotros ------------------------------------------*/

/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/
.staff-content {width: 100%;}
.l-contenedor {width: 100%; text-align: center; display: inline-block;}
.l-antesydespues {padding-bottom: 30px; text-align: center;}
.antesydespues1 {width: 300px;}

.cp-contenedor { max-width: 500px;text-align: center; }
.cp-contenedor img { width: 100%; }
/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/

/* ----------------------------------- Contacto ----------------------------------*/
.c-contacto {width: 100%; padding: 40px 0px 40px 0px; }
.c-content {width: 580px; height: 100%; display: inline-flex;}
.c-content .c-tel {width: 200px; height: 200px;}
.c-tel p { text-align: center; padding: 0 5px 0 5px;}
.c-content .c-horario {width: 200px; height: 200px;}
.c-horario p {text-align: center; padding: 0 5px 0 5px;}
.c-content .c-lugar {width: 200px; height: 200px;}
.c-lugar p {text-align: center; padding: 0 5px 0 5px;}
.c-content .c-mail {width: 200px; height: 200px;}
.c-mail p {text-align: center; padding: 0 5px 0 5px;}

.map-iframe {width: 500px; display: inline-block;}
/* ----------------------------------- Contacto ----------------------------------*/

@media (max-width: 480px)
{
	#wrapper{width: 100%}
/* ------------------------------------------ Inicio ------------------------------------------*/

/* ---------- barra1 --------------------*/
.barra{width: 100%;} 
.barra-sub {width: 100%;} 
.top-info {padding-left: 60px;}
.redes-top {margin-right: 175px;}
/* ---------- barra1 --------------------*/
/* ---------- Menu--------------------*/
.logo {width: 100%; padding: 0px;}
/* ---------- Menu--------------------*/

/* ---------- slider --------------------*/
.pogoSlider-slide-element {width: 375px; float: right; padding-right: 50px;}
.pogoSlider-slide-element .st-1 {font-size: 25px; padding-top: 30px; margin-right: 10px;}
.pogoSlider-slide-element .sp-1 {visibility: hidden;}
.pogoSlider-slide-element .sb-1 {font-size: 14px; margin-top: -35px; margin-right: 55px; padding: 6px;}

.pogoSlider-slide-element .st-2 {font-size: 25px; padding-top: 30px; margin-right: 0px;}
.pogoSlider-slide-element .sp-2 {visibility: hidden;}
.pogoSlider-slide-element .sb-2 {font-size: 14px; margin-top: -65px; margin-right: 55px; padding: 6px;}

.pogoSlider-slide-element .st-3 {font-size: 25px; padding-top: 30px; margin-right: 0px;}
.pogoSlider-slide-element .sp-3 {visibility: hidden;}
.pogoSlider-slide-element .sb-3 {font-size: 14px; margin-top: -65px; margin-right: 55px; padding: 6px;}

.pogoSlider-nav {visibility: hidden;}
/* ---------- slider --------------------*/

/* ---------- contenido --------------------*/
.Bienvenidos{width: 100%;} 
.sub-content{width: 100%; text-align: center;} 

/* ---------- contenido --------------------*/

/* ---------- main content --------------------*/
.main-content{width: 100%; display: inline-block;}
.servicios {width: 100%; display: inline-block;} 
.servicios .content-box {max-width: 300px; display: inline-block; margin-left: 10px;}
.content-box .box {width: 300px; }
/* ---------- main content --------------------*/


/* ---------- Formulario --------------------*/

.area-formulario {width: 100%;}
.formulario {width: 100%;}
.area-formulario iframe {width: 100%; height: 450px;}
.area-formulario-fondo {width: 100%;}
.formulario .fl_wrap {width: 360px;}
/* ---------- Formulario --------------------*/


/* ---------- footer --------------------*/
.todo-footer {display: block; width: 100%;} 
.centro-footer {width: 100%; display: inline-block;}
.centro-footer .footerbox {width: 100%; padding-bottom: 15px;}
.footerbox .ftexto {width: 360px; text-align: center; padding-left: 0px;} 
.footerbox .info {width: 100%; text-align: left; padding-left: 95px;}
.footerbox .info h2 { }
.footerbox .info p { width: 100%; }
.menu-footer {text-align: center; float: left; padding-left: 5px;}
.menu-footer ul { width: 125px; text-align: center;}
.copyright {width: 100%;}
/* ---------- footer --------------------*/

/* ------------------------------------------ Nosotros ------------------------------------------*/

.cabecera {width: 100%;} 
.cabecera-box {width: 300px;}
.cabeceratexto {width: 100%;}

.cuadro1 {width: 100%;}
.cuadro1-content {width: 100%; display: block;}
.cuadro1-content .imgclinica {width: 400px; text-align: center;}
.imgclinica img {width: 100%;}
.cuadro1-content .cuadro-info {max-width: 350px;}
.cuadro-info h2 {width: 100%; text-align: center;}
.cuadro-info p {width: 100%;}


.staff-content {width: 100%;}
.staff-content  .staff {width: 100%;}
.staff .descripcion {width: 100%;}
.staff .staff1 {width: 100%; display: block;}
.staff1 .tex-staff {width: 350px; margin: 40px 0px 0px 0px}
.staff1 .tex-staff ul {padding-left: 0px;}
.cursos {width: 350px;}


.n-formulario {width: 100%;}
.n-formulario-box {width: 100%;}
.n-premios {width: 100%;}

/* ------------------------------------------ Nosotros ------------------------------------------*/

/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/
.staff-content {width: 100%;}
.l-contenedor {width: 100%; text-align: center; display: inline-block;}
.l-antesydespues {padding-bottom: 30px; text-align: center;}
.antesydespues1 {width: 300px;}
.cp-contenedor {width: 350px; text-align: center; display: inline-block;}
.cp-contenedor img { width: 100% }

/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/

/* ----------------------------------- Contacto ----------------------------------*/
.c-contacto {width: 100%; padding: 40px 0 40px 0;}
.c-content {width: 200px; height: 100%; display: inline-block;}
.c-content .c-tel {width: 200px; height: 200px;}
.c-tel p { text-align: center; padding: 0 5px 0 5px;}
.c-content .c-horario {width: 200px; height: 200px;}
.c-horario p {text-align: center; padding: 0 5px 0 5px;}
.c-content .c-lugar {width: 200px; height: 200px;}
.c-lugar p {text-align: center; padding: 0 5px 0 5px;}
.c-content .c-mail {width: 200px; height: 200px;}
.c-mail p {text-align: center; padding: 0 5px 0 5px;}
.map iframe {width: 280px; }
.map-iframe {width: 300px; }
/* ----------------------------------- Contacto ----------------------------------*/


@media (max-width: 425px)
{
	#wrapper{width: 100%}
/* ------------------------------------------ Inicio ------------------------------------------*/

/* ---------- barra1 --------------------*/
.barra{width: 100%;} 
.barra-sub {width: 100%;} 
.top-info {padding-left: 35px;}
.redes-top {margin-right: 145px;}
/* ---------- barra1 --------------------*/
/* ---------- Menu--------------------*/
.logo {width: 100%; padding: 0px;}

/* ---------- Menu--------------------*/

/* ---------- slider --------------------*/
.pogoSlider-slide-element {width: 375px; float: right; padding-right: 50px;}
.pogoSlider-slide-element .st-1 {font-size: 25px; padding-top: 25px; margin-right: 10px;}
.pogoSlider-slide-element .sp-1 {visibility: hidden;}
.pogoSlider-slide-element .sb-1 {font-size: 14px; margin-top: -60px; margin-right: 50px; padding: 6px;}

.pogoSlider-slide-element .st-2 {font-size: 25px; padding-top: 25px; margin-right: 0px;}
.pogoSlider-slide-element .sp-2 {visibility: hidden;}
.pogoSlider-slide-element .sb-2 {font-size: 14px; margin-top: -65px; margin-right: 45px; padding: 6px;}

.pogoSlider-slide-element .st-3 {font-size: 25px; padding-top: 25px; margin-right: 0px;}
.pogoSlider-slide-element .sp-3 {visibility: hidden;}
.pogoSlider-slide-element .sb-3 {font-size: 14px; margin-top: -85px; margin-right: 44px; padding: 6px;}

.pogoSlider-nav {visibility: hidden;}
/* ---------- slider --------------------*/

/* ---------- contenido --------------------*/
.Bienvenidos{width: 100%;} 
.sub-content{width: 100%; text-align: center;} 

/* ---------- contenido --------------------*/

/* ---------- main content --------------------*/
.main-content{width: 100%; display: inline-block;}
.servicios {width: 100%; display: inline-block;} 
.servicios .content-box {max-width: 300px; display: inline-block;}
.content-box .box {width: 300px; }
/* ---------- main content --------------------*/


/* ---------- Formulario --------------------*/

.area-formulario {width: 100%;}
.formulario {width: 100%;}
.area-formulario iframe {width: 100%; height: 450px;}
.area-formulario-fondo {width: 100%;}
.formulario .fl_wrap {width: 360px;}
/* ---------- Formulario --------------------*/


/* ---------- footer --------------------*/
.todo-footer {display: inline-block; width: 100%;} 
.centro-footer {width: 100%; display: inline-block; }
.centro-footer .footerbox {width: 100%; padding-bottom: 15px;}
.footerbox .ftexto {width: 360px; text-align: center; padding-left: 0px;} 
.footerbox .info {width: 100%; text-align: left; padding-left: 95px;}
.footerbox .info h2 { padding: 30px 0px 10px 70px;}
.footerbox .info p { width: 100%; }
.menu-footer {text-align: center; float: left; padding-left: 5px;}
.menu-footer ul { width: 125px; text-align: center;}
.copyright {width: 100%;height: 110px;}
/* ---------- footer --------------------*/

/* ------------------------------------------ Nosotros ------------------------------------------*/

.cabecera {width: 100%;} 
.cabecera-box {width: 350px; text-align: left;}
.cabeceratexto {width: 100%;}

.cuadro1 {width: 100%;}
.cuadro1-content {width: 100%; display: inline-block;}
.cuadro1-content .imgclinica {width: 400px; text-align: center;}
.imgclinica img {width: 350px;}
.cuadro-info{max-width: 100%;}
.cuadro-info h2 {width: 100%; text-align: center;}
.cuadro-info p {width: 100%;}


.staff-content {width: 100%;}
.staff-content  .staff {width: 100%;}
.staff .descripcion {width: 100%;}
.staff .staff1 {width: 100%; display: inline-block;}
.cursos {width: 350px;}


.n-formulario {width: 100%;}
.n-formulario-box {width: 100%;}
.n-premios {width: 100%;}

/* ------------------------------------------ Nosotros ------------------------------------------*/

/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/
.staff-content {width: 100%;}
.l-contenedor {width: 100%; text-align: center; display: inline-block;}
.l-antesydespues {padding-bottom: 30px; text-align: center;}
.antesydespues1 {width: 300px;}
.cp-contenedor {width: 350px; text-align: center; display: inline-block;}
.cp-contenedor img { width: 100% }

/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/

/* ----------------------------------- Contacto ----------------------------------*/
.c-contacto {width: 100%; padding: 40px 0 40px 0;}
.c-content {width: 200px; height: 100%; display: inline-block;}
.c-content .c-tel {width: 200px; height: 200px;}
.c-tel p { text-align: center; padding: 0 5px 0 5px;}
.c-content .c-horario {width: 200px; height: 200px;}
.c-horario p {text-align: center; padding: 0 5px 0 5px;}
.c-content .c-lugar {width: 200px; height: 200px;}
.c-lugar p {text-align: center; padding: 0 5px 0 5px;}
.c-content .c-mail {width: 200px; height: 200px;}
.c-mail p {text-align: center; padding: 0 5px 0 5px;}
.map iframe {width: 280px; }
/* ----------------------------------- Contacto ----------------------------------*/

@media (max-width: 375px)
{
	#wrapper{width: 100%}
/* ------------------------------------------ Inicio ------------------------------------------*/

/* ---------- barra1 --------------------*/
.barra{width: 100%;} 
.barra-sub {width: 100%;} 
.top-info {padding: 0px 0px 5px 18px;}
.redes-top {margin-right: 130px;}
/* ---------- barra1 --------------------*/

/* ---------- Menu--------------------*/
.logo {width: 100%; padding: 0px;}

/* ---------- Menu--------------------*/

/* ---------- slider --------------------*/
.pogoSlider-slide-element {width: 375px; float: right; padding-right: 50px;}
.pogoSlider-slide-element .st-1 {font-size: 25px; padding-top: 20px; margin-right: 10px;}
.pogoSlider-slide-element .sp-1 {visibility: hidden;}
.pogoSlider-slide-element .sb-1 {font-size: 14px; margin-top: -65px; margin-right: 45px; padding: 6px;}

.pogoSlider-slide-element .st-2 {font-size: 25px; padding-top: 20px; margin-right: 0px;}
.pogoSlider-slide-element .sp-2 {visibility: hidden;}
.pogoSlider-slide-element .sb-2 {font-size: 14px; margin-top: -90px; margin-right: 35px; padding: 6px;}

.pogoSlider-slide-element .st-3 {font-size: 25px; padding-top: 20px; margin-right: 0px;}
.pogoSlider-slide-element .sp-3 {visibility: hidden;}
.pogoSlider-slide-element .sb-3 {font-size: 14px; margin-top: -90px; margin-right: 35px; padding: 6px;}

.pogoSlider-nav {visibility: hidden;}
/* ---------- slider --------------------*/

/* ---------- contenido --------------------*/
.Bienvenidos{width: 100%;} 
.sub-content{width: 100%; text-align: center;} 
/* ---------- contenido --------------------*/

/* ---------- main content --------------------*/
.servicios {width: 100%;}
.servicios .content-box {max-width: 300px; display: inline-block;}
.area-formulario {width: 100%;}
.area-formulario-fondo {width: 100%;}
/* ---------- main content --------------------*/

/* ---------- footer --------------------*/
.todo-footer {display: inline-block; width: 100%;} 
.centro-footer {width: 100%; display: inline-block;}
.centro-footer .footerbox {width: 100%; display: inline-block; padding-bottom: 15px;}
.footerbox .ftexto {width: 340px; display: inline-block; text-align: center; padding-left: 38px;} 
.footerbox .info {width: 100%; display: inline-block; text-align: left; padding-left: 65px;}
.footerbox .info h2 { padding: 30px 0px 10px 70px;}
.footerbox .info p { width: 100%; }
.menu-footer {text-align: center; display: inline-block; float: left; padding-left: 5px;}
.menu-footer ul { width: 125px; text-align: center; display: inline-flex;}
.copyright {width: 100%;}
/* ---------- footer --------------------*/

/* ------------------------------------------ Nosotros ------------------------------------------*/

.cabecera {width: 100%;} 
.cabecera-box {width: 300px; text-align: left;}
.cabeceratexto {width: 100%;}

.cuadro1 {width: 100%;}
.cuadro1-content {width: 100%; display: inline-block;}
.cuadro1-content .imgclinica {width: 265px;}
.imgclinica {width: 100%; text-align: center;}
.imgclinica img {width: 100%;}
.cuadro1-content .cuadro-info {width: 300px;}
.cuadro-info h2 {width: 100%; text-align: center;}
.cuadro-info p {width: 100%; }


.staff-content {width: 100%;}
.staff {width: 100%;}
.staff .staff1 {text-align: center; display: inline-block; width: 100%;}
.descripcion {width: 100%;}
.staff1 {width: 100%;}
.cursos {width: 300px;}
.staff1 .tex-staff {width: 300px;}

.n-formulario {width: 100%; }
.n-formulario-box {width: 100%;}
.n-premios {width: 300px; padding-left: 60px;}
.n-premios img {padding-bottom: 10px;}

/* ------------------------------------------ Nosotros ------------------------------------------*/

/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/
.cabeceratexto .barra-lipoescultura { width: 275px;}
.staff-content {width: 100%;}
.l-contenedor {width: 100%; text-align: center; display: inline-block;}
.i-contenedor {width: 100%; text-align: center; display: inline-block; margin-left: 0px;}
.cp-contenedor {width: 100%; text-align: center; display: inline-block; }
.cp-contenedor img { width: 100% }
.l-antesydespues {padding-bottom: 30px; text-align: center;}
.staff .l-antesydespues{width: 100%;}
.antesydespues1 {max-width: 300px;}
/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/

/* ----------------------------------- Contacto ----------------------------------*/
.c-contacto {width: 100%;}
.c-content {width: 100%; display: inline-block; padding: 0px 0 0px 70px;}
.c-content .c-tel {width: 230px; height: 200px;}
.c-tel p {width: 200px; height: 200px; text-align: center; padding: 0;}
.c-content .c-horario {width: 230px; height: 200px;}
.c-horario p {width: 200px; text-align: center; padding: 0;}
.c-content .c-lugar {width: 230px; height: 200px;}
.c-lugar p {width: 200px; text-align: center; padding: 0;}
.c-content .c-mail {width: 230px; height: 200px;}
.c-mail p {width: 200px; text-align: center; padding: 0;}
.map iframe {width: 280px; }
/* ----------------------------------- Contacto ----------------------------------*/
/* ----------------------------------- Formulario ----------------------------------*/
.formContainer {width: 300px; height: 400px;}
.formulario {width: 280px; height: 46px;}
.formulario .fl_wrap {width: 300px; height: 46px; text-align: center;}
.botones{ margin-left: 15px;}
/* ----------------------------------- Formulario ----------------------------------*/



@media (max-width: 320px)
{
	#wrapper{width: 100%}
/* ------------------------------------------ Inicio ------------------------------------------*/

/* ---------- barra1 --------------------*/
.barra{width: 100%;} 
.barra-sub {width: 100%;} 
.top-info {margin: 0px 0px 0px 20px;}
.redes-top {margin: 10px 100px 10px 0;}
/* ---------- barra1 --------------------*/
.logo {width: 100%; padding: 0px;}

/* ---------- Menu--------------------*/

/* ---------- slider --------------------*/
.pogoSlider-slide-element {width: 375px; float: right; padding-right: 50px;}
.pogoSlider-slide-element .st-1 {font-size: 20px; padding-top: 20px; margin-right: 10px;}
.pogoSlider-slide-element .sp-1 {visibility: hidden;}
.pogoSlider-slide-element .sb-1 {font-size: 12px; margin-top: -78px; margin-right: 42px; padding: 5px;}

.pogoSlider-slide-element .st-2 {font-size: 20px; padding-top: 20px; margin-right: 10px;}
.pogoSlider-slide-element .sp-2 {visibility: hidden;}
.pogoSlider-slide-element .sb-2 {font-size: 12px; margin-top: -87px; margin-right: 38px; padding: 5px;}

.pogoSlider-slide-element .st-3 {font-size: 20px; padding-top: 20px; margin-right: 10px;}
.pogoSlider-slide-element .sp-3 {visibility: hidden;}
.pogoSlider-slide-element .sb-3 {font-size: 12px; margin-top: -118px; margin-right: 36px; padding: 5px;}

.pogoSlider-nav {visibility: hidden;}
/* ---------- slider --------------------*/

/* ---------- contenido --------------------*/
.Bienvenidos{width: 100%;} 
.sub-content{width: 100%; text-align: center;} 
/* ---------- contenido --------------------*/

/* ---------- main content --------------------*/
.servicios {width: 100%;} 
.main-content {width: 100%;}
.main-content .content-box {max-width: 300px; margin-right: 10px;}
.content-box .box {max-width: 300px;}
.area-formulario {width: 100%;}
.area-formulario-fondo {width: 100%;}
/* ---------- main content --------------------*/

/* ---------- footer --------------------*/
.todo-footer {display: block; width: 100%;} 
.centro-footer {width: 100%; display: inline-block;}
.centro-footer .footerbox {width: 300px; display: inline-block;}
.footerbox .ftexto { width: 280px; display: inline-block; text-align: center; padding-left: 0px;}
.footerbox .info {display: inline-block; text-align: left; padding-left: 40px;}
.footerbox .info h2 { padding: 20px 0px 20px 80px; }
.footerbox .fredes { padding: 20px 0 0 35px;}
.menu-footer {text-align: center; display: inline-block; float: left; padding-left: 5px;}
.menu-footer ul { width: 125px; text-align: center; display: inline-flex;}
.copyright {width: 100%;}
/* ---------- footer --------------------*/

/* ------------------------------------------ Nosotros ------------------------------------------*/

.cabecera {width: 100%;} 
.cabecera-box {width: 250px; text-align: left;}
.cabeceratexto {width: 100%; line-height: 1;}

.cuadro1 {width: 100%;}
.cuadro1-content {width: 100%; display: inline-block;}
.cuadro1-content .imgclinica {width: 265px;}
.imgclinica {width: 100%; text-align: center;}
.imgclinica img {width: 100%;}
.cuadro1-content .cuadro-info {width: 250px;}
.cuadro-info h2 {width: 100%; text-align: center;}
.cuadro-info p {width: 100%; }


.staff-content {width: 100%;}
.staff {width: 100%;}
.staff .staff1 {text-align: center; padding: 20px 0px; display: inline-block; width: 100%;}
.descripcion {width: 100%;}
.staff1 {width: 100%;}
.cursos {width: 250px;}
.staff1 .tex-staff { width: 250px;}

.n-formulario {width: 100%; padding: 40px 10px 40px 10px;}
.n-formulario-box {width: 100%;}
.n-premios {width: 300px;}
.n-premios img {padding-bottom: 10px;}

/* ------------------------------------------ Nosotros ------------------------------------------*/

/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/
.cabeceratexto .barra-lipoescultura { width: 160px;}
.staff-content {width: 100%;}
.l-contenedor {width: 100%; text-align: center; display: inline-block;}
.i-contenedor {width: 100%; text-align: center; display: inline-block;}
.cp-contenedor {width: 100%; text-align: center; display: inline-block;}
.cp-contenedor img { max-width: 290px; }
.l-antesydespues {padding-bottom: 30px; text-align: center;}
.staff .l-antesydespues{width: 100%; margin-left: 0px;}
.antesydespues1 {max-width: 300px;}
/* ----------------------------------- Lipoescultura Masculina ----------------------------------*/

/* ----------------------------------- Contacto ----------------------------------*/
.c-contacto {width: 100%;}
.c-content {width: 100%; display: inline-block; padding: 0px 0 0px 45px;}
.c-content .c-tel {width: 230px; height: 200px;}
.c-tel p {width: 200px; height: 200px; text-align: center; padding: 0;}
.c-content .c-horario {width: 230px; height: 200px;}
.c-horario p {width: 200px; text-align: center; padding: 0;}
.c-content .c-lugar {width: 230px; height: 200px;}
.c-lugar p {width: 200px; text-align: center; padding: 0;}
.c-content .c-mail {width: 230px; height: 200px;}
.c-mail p {width: 200px; text-align: center; padding: 0;}
.map iframe {width: 280px; }
/* ----------------------------------- Contacto ----------------------------------*/
/* ----------------------------------- Formulario ----------------------------------*/
.formContainer {width: 300px; height: 400px;}
.formulario {width: 280px; height: 46px;}
.formulario .fl_wrap {width: 280px; height: 46px; text-align: center;}
.botones{ margin-left: 0px;}
/* ----------------------------------- Formulario ----------------------------------*/
