/*si la pantalla alcanza los 1280 pixeles (samsung tab 3)*/

/*--------------------- MOBILE ---------------------------*/
@media only screen and (min-width:0px) and (max-width: 450px)
{

	html, body {
		min-width: 414px;
		width: 100%;
	}

	p{
		font-size: 20px;
	}

	.container{
		max-width: 420px !important;
	}

	#div_nav{
		/*background-color: red;*/
	}

	#preloder{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 999991;
		/*background-color: #333333;*/
	}

	.seccion-web{
		display: none;
	}

	.seccion-mobile{
		display: block;
	}

	.timeline-mobile{
		display: block !important;
	}

	.timeline-web{
		display: none;
	}

	.seccion-resp{
		display: block;
	}



	.top_modal_error{
		top: 25px;
	}


	/*********** NAV VAR ****************/

	#logo_nav1 {
		width: 10%;
		position: absolute;
		left: 2%;
		top: 10px;
	}
	
	
	#logo_nav2 {
		width: 20%;
		position: absolute;
		left: 13.5%;
		top: 15px;
	}


	/************ HERO AREA **************/

	#svg_logo_animado {
		position: absolute;
		top: 15%;
		left: 50%;
		transform: translate(-47%, -10%);
		opacity: 1;
	}

	.slider_area .single_slider{
		height: 700px;
		background-size: 100% 50%;
		background-position: inherit;
	}

	.slider_area .single_slider .phone_thumb{
		top: 60px;
	}

	.slider_bg_1 {
		background-image: url("../image/cel-banner.png");
	}

	html, body{
		width: 100%;
	}

	.navbar{
		width: 100%;
		min-width: 410px;
	}


	#img_ebo_1{
		width: 150% !important;
		z-index: 3;
		padding-left: 35px;		
		position: absolute;
		bottom: 133px;
		right: 100%;
	}

	#img_ico_1{
		width: 130% !important;
		z-index: 3;
		padding-left: 35px;
		position: absolute;
		bottom: 197px;
		right: 0%;
	}

	#img_ico_2 {
		width: 150% !important;
		z-index: 3;
		padding-left: 35px;
		position: absolute;
		bottom: 160px;
   		right: 0%;
	}


	#img-sello-3 {
		width: 20%;
		position: absolute;
		top: 170px;
		transition: transform .2s;
		left: 70%;
    	right: 0px;
	}

	#img-sello-2 {
		width: 20%;
		position: absolute;
		top: 170px;
		transition: transform .2s;
		left: 41%;
    	right: 0px;
	}

	#img-sello-1 {
		width: 20%;
		position: absolute;
		top: 170px;
		transition: transform .2s;
		left: 10%;
    	right: 0px;
	}


	#div_boton_banner {
		position: absolute;
		bottom: -125px;
	/*	right: 20%;*/
		width: 150%;

		left: 45%;
		height: 100px;
		text-align: center;
	}

	#svg_btn_1{
		width: 35%;
		margin-left: 11%;
	}
	

	.content-block{
		max-width: 300px;
	}

	.container-pricing {
		display: flex;
		flex-flow: row wrap;
		align-content: stretch;
		max-width: 300px;
		margin: 40px auto;
		justify-content: space-around;
	}

	#div_palabras_banner {
		right: 0%;
		width: 255%;
		bottom: -40px;
		left: 0px;
	}

	#div-palabras-hero{

	}

	#sub-div-palabras-hero{
		max-width: 160px;
		width: 40%;
		padding-right: 0px;
		padding-left: 0px;
    	left: 0px;
	}
	
	#div-iconos-hero{
		
	}

	#sub-div-iconos-hero{
		max-width: 160px;
		width: 40%;		
	}

	#sub-div-sello-hero{
		/*max-width: 160px;
		width: 44%;*/
		position: absolute;
		left: 0px;
		right: 0px;
	}

	#lbl_tit1{
		width: 100%;
		font-size: 2.33em;
	}

	#lbl_tit2{
		width: 100%;
		font-size: 3em;
	}

	#lbl_tit3{
		width: 100%;
		font-size: 2.6em;;
	}

	#lbl_tit4{
		width: 100%;
		font-size: 2em;
	}



	/************ 4 DATOS **************/


	#container_superior_datos{
		padding-right: 0px;
		padding-left: 0px;
		background-color: white;
	}

	#container_superior_datos_row{
		margin-left: 0% !important;
    	margin-right: 0% !important;
	}

	.count-box, .feature-box{
		padding: 5px;
	}
	

	.square-size{
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}

	.widget__body p{
		font-size: 1.8em;
	}

	.widget__heading{
		font-size: 2.3em;
	}

	#titulos_cabezales{
		font-size: 1.7em;
	}

	#h3-intuitivo{
	
	}
	
	.wow_resp{
		height: 130px;
	}

	.widget_icon_resp{
		position: absolute;
    	top: 10px;
    	left: 10%;
	}

	.widget_heading_resp{
		position: absolute;
		top: 50px;
		left: 10%;
	}

	.p_resp{
		position: absolute;
		left: 45.5%;
		font-size: 1.3em !important;
		padding-right: 10%;
		top: 15px;
		text-align: right;	
		line-height: 25px !important;
		text-align: left;
	}

	.linea_vertical_resp{
		background-color: #99999973;
		width: 0.5%;
		position: absolute;
		height: 60px;
		border-radius: 50px;
		left: 43%;
		top: 25px;
	}




	/************ SECCION PASOS **************/

	#paso3_img{
	/*	width: 24.5%;*/
	}

	#flecha_azul{
		display: none;
		width: 10%;
		position: absolute;
		left: 46%;
		top: 90px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.pasos_widget_body_resp{
		display: flex;
	}

	.img_pasos_faciles {
		/*width: 20%;*/
		height: 80px;
		margin-bottom: 5%;
		transform: scale(.9);
	}
	
	.pasos_p_resp{
		font-size: 15px !important;
		text-align: left;
		margin-left: 5%;
		line-height: 25px;
	}

	.widget__icon2{
		display: none;
	}

	.super_titulos{
		font-size: 2.2em;
	}
	

	.slider_bg_3{
		background-image: url(../image/div-wave-mobile.png);
		height: 700px;
	}

	#div_seccion_pasos{
		padding-top: 135px;
	}


	/************ SECCION TIMELINE **************/


	#titulo-timeline {
		top: 0px;
		left: 0%;
		margin-left: 5%;
		max-width: 100%;
		margin-right: 5%;
		width: 90%;
	}

	#timeline .demo-card-wrapper-titulo::after{
		display: none !important;
	}

	#timeline .demo-card{
		max-width: 90%;
	}

	#timeline .demo-card--step1{
		top: 100px;
		border-radius: 20px;
		margin-bottom: 30px;
	}

	#timeline .demo-card .head h2 {
		text-transform: uppercase;
		font-size: 3.5em;
		font-weight: inherit;
		letter-spacing: 2px;
		margin: 0;
		padding-bottom: 6px;
		line-height: 1rem;
	}

	#titulo-personalizacion{
		font-size: 2em !important;
	}

	#timeline .demo-card .body{
		/*height: 320px;*/
		border-bottom-left-radius: 20px;
    	border-bottom-right-radius: 20px;
	}

	#txt-trami2-resp{
		left: 0px;
		/*position: absolute;*/
		/*top: 290px;*/
		position: inherit;
		margin-top: 200px !important;
		margin-left: 5%;
		margin-right: 5%;
	}

	#txt-pers-resp{
		left: 0px;
		position: inherit;
		margin-top: 170px !important;
		margin-left: 5%;
		margin-right: 5%;
	}


	#timeline .demo-card .body p {
		margin-top: 10px;
	}

	#timeline .demo-card .body img {
		display: block;
		padding-top: 0px;
		width: 60%;
		margin-left: 21%;
	}

	.content-block2-resp {
		background-color: rgba(255,255,255,0.9);
		padding: 1rem 3rem;
		width: fit-content;
		max-width: 300px;
		margin: auto;
		border-radius: 15px;
		margin-top: 130px;
	}

	#a-img-ebo-tramite{
		top: 103px;
    	position: absolute;
	}

	.demo-card--step2{
		display:none !important;
	}

	.demo-card--step3{
		display: none !important;
	}

	#timeline .demo-card-wrapper::after{
		display: none !important;
	}

	#ebo-lego2{
		width: 55% !important;
	}


	/************ SECCION PRECIOS **************/

	.largo-row{
		width: 100%;
	}

	.col-xl-4v2{
		max-width: 100%;
		flex: 1 0 33.333333%;
	}
	
	.centrado-derecho {
		margin-right: 0%;
	}


	.row{
		margin-right: 0px !important;
    	margin-left: 0px !important; 
	}



	/********** CAROUSEL   *******/

	.slider::before, .slider::after {
		/* background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0))); */
		background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 26%);
		content: "";
		height: 140px;
		position: absolute;
		width: 200px;
		z-index: 2;
	}


	/********** QUIENES SOMOS   *******/	

	.title-block{
		padding: 2rem 2rem 2rem 2rem;
	}


	/********** TEAM   *******/	

	.width-medido{
		max-width: 50% !important;
	}

	.single-trainer-item .trainer-text {
		border-radius: 7px;
		position: absolute;
		left: 106%;
		bottom: -30px;
		text-align: center;
		background: #0082a0;
		width: 150px;
		margin: 0 auto;
		-webkit-transform: translateX(-155px);
		-ms-transform: translateX(-155px);
		transform: translateX(-155px);
		-webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.15);
		padding: 5px 8px 5px;
		height: 50px;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		overflow: hidden;
	}

	.single-trainer-item .trainer-text h5 {
		font-size: 1.4em;
		color: white;
		font-weight: 600;
		margin-bottom: 4px;
	}

	.single-trainer-item .trainer-text span {
		font-size: 1.4em;
		color: white;
	}

	.single-trainer-item:hover .trainer-text {
		height: 190px;
		/*bottom: -90px;*/
		bottom: -10px;
		padding: 5px 8px 5px;
		-webkit-box-shadow: 0px 10px 49px 0px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 10px 49px 0px rgba(0, 0, 0, 0.15);
	}

	.single-trainer-item .trainer-text p {
		font-size: 1.2em;
	}


	.distancia-team{
		margin-top: 50px;
	}

	.trainer-social{
		display: none;
	}

	.trainer-section {
		padding-top: 15px;
	}


	/********** FOOTER   *******/	

	.footer-svg-div{
		/*display: none;*/
		top: -20px;
	}

	#sub-div-powered{
		display: none;
	}

	.google-map{
		width: 100%;
	}

	.email-footer{
		font-size: 1em;
	}

	.list-unstyled{
		text-align: center;
		margin-left: 0px !important;
	}

	#logo-geocenter {
		width: 80%;
		margin-top: 20px;
		margin-left: 10%;
	}

	#logo-sicfe {
		width: 40%;
		margin-top: 25px;
		margin-left: 30%;
	}

	.trabajamos-con{
		margin-top: 80px;
	}

	.footer-right form input, .footer-right form textarea{
		width: 100%;
	}

	.distancia-fondo{
		margin-bottom: 25px;
	}

	#sub_div_ebo_footer{
		width: 60%;
		z-index: 3;
	}

	#ebo-footer{
		/*width: 35%;
		margin-left: 55%;*/
		width: 55%;
    	margin-left: 40%;
	}

	.ftco-footer{
		min-width: 415px;
	}

	/*-------- OCULTOS ------*/
	
	#div_seccion_pasos{
	/*	display: none;*/
	}

	.ftco-footer{
		/*display: none;*/
	}

	.trainer-section{
		/*display: none;*/
	}



	#timeline{
		display: none;
	}

	.otros_serv_resp{
		display: none;
	}



}	





/*------------------- TABLET ----------------------------*/


@media only screen and (min-width:451px) and (max-width: 1200px)
{
	html, body {
		min-width: 966px;
	}

	.navbar{
		min-width: 966px;
	}

	.container{
		/*background-color: yellow;*/
	}

	.container{
		max-width: 1200px !important;
	}

	#div_nav{
		/*background-color: yellowgreen;*/
	}

	#lineasVenta-grid{
		font-size: 160% !important;
		margin-top: 3%;
	}
	
	#listadoc-grid.grid-view {
		font-size: 0.17em !important;	
	}

	/*********** NAV VAR ****************/

	#logo_nav1 {
		width: 10%;
		position: absolute;
		left: 2%;
		top: 10px;
	}
	
	
	#logo_nav2 {
		width: 20%;
		position: absolute;
		left: 13.5%;
		top: 15px;
	}

	.navbar-nav ml-auto{
		text-align: right;
	}


		/************ HERO AREA **************/

	/*	#svg_logo_animado {
			position: absolute;
			top: 15%;
			left: 50%;
			transform: translate(-47%, -10%);
			opacity: 1;
		}*/
	
		.slider_area .single_slider{
			height: 700px;
			background-size: 100% 100%;
			background-position: inherit;
		}
	
/*		.slider_bg_1 {
			background-image: url("../image/cel-banner.png");
		}*/
	
		html, body{
			width: 100%;
		}
	
		.navbar{
			width: 100%;
		}
	
	
/*		#img_ebo_1{
			width: 150% !important;
			z-index: 3;
			padding-left: 35px;		
			position: absolute;
			bottom: 133px;
			right: 100%;
		}
	
		#img_ico_1{
			width: 130% !important;
			z-index: 3;
			padding-left: 35px;
			position: absolute;
			bottom: 197px;
			right: 0%;
		}
	
		#img_ico_2 {
			width: 150% !important;
			z-index: 3;
			padding-left: 35px;
			position: absolute;
			bottom: 160px;
			   right: 0%;
		}
	
	
		#img-sello-3 {
			width: 20%;
			position: absolute;
			top: 170px;
			transition: transform .2s;
			left: 70%;
			right: 0px;
		}
	
		#img-sello-2 {
			width: 20%;
			position: absolute;
			top: 170px;
			transition: transform .2s;
			left: 41%;
			right: 0px;
		}
	
		#img-sello-1 {
			width: 20%;
			position: absolute;
			top: 170px;
			transition: transform .2s;
			left: 10%;
			right: 0px;
		}
	
*/	
	/*	#div_boton_banner {
			position: absolute;
			bottom: -125px;
		
			width: 150%;
	
			left: 45%;
			height: 100px;
			text-align: center;
		}
	
		#svg_btn_1{
			width: 35%;
			margin-left: 11%;
		}
		
	
		.content-block{
			max-width: 300px;
		}
	
		.container-pricing {
			display: flex;
			flex-flow: row wrap;
			align-content: stretch;
			max-width: 300px;
			margin: 40px auto;
			justify-content: space-around;
		}
	
		#div_palabras_banner {
			right: 0%;
			width: 255%;
			bottom: -40px;
			left: 0px;
		}
	
		#div-palabras-hero{
	
		}
	
		#sub-div-palabras-hero{
			max-width: 160px;
			width: 40%;
			padding-right: 0px;
			padding-left: 0px;
			left: 0px;
		}
		
		#div-iconos-hero{
			
		}
	
		#sub-div-iconos-hero{
			max-width: 160px;
			width: 40%;		
		}*/
	/*
		#sub-div-sello-hero{
			position: absolute;
			left: 0px;
			right: 0px;
		}*/
	
		#lbl_tit1{
			width: 100%;
			font-size: 2.33em;
		}
	
		#lbl_tit2{
			width: 100%;
			font-size: 3em;
		}
	
		#lbl_tit3{
			width: 100%;
			font-size: 2.6em;;
		}
	
		#lbl_tit4{
			width: 100%;
			font-size: 2em;
		}








	/*-------- OCULTOS ------*/


	#div-iconos-hero{
		/*display: none;*/
	}

	#div-sello-hero{
		/*display: none;*/
	}

	#div-palabras-hero{
		/*display: none;*/
	}

	#div_seccion_pasos{
		/*display: none;*/
	}

	.ftco-footer{
		/*display: none;*/
	}

	.trainer-section{
		/*display: none;*/
	}
	
	#price-section{
		/*display: none;*/
	}
	
	#timeline{
		/*display: none;*/
	}

	.otros_serv_resp{
		display: none;
	}

	/************ SECCION PASOS **************/

	#flecha_azul{
		display: none;
		width: 10%;
		position: absolute;
		left: 46%;
		top: 90px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.pasos_widget_body_resp{
		display: flex;
	}

	.img_pasos_faciles {
		/*width: 18%;*/
		width: 138px;
		height: 130px;
		margin-bottom: 5%;
		transform: scale(.9);
	}
	
	#paso3_img{
		/*width: 18.5%;*/
		/*width: 145px;*/
	}

	.pasos_p_resp{
		font-size: 2.3em !important;
		text-align: left;
		margin-left: 5%;
		line-height: 25px;
	}

	.widget__icon2{
		display: none;
	}

	.super_titulos{
		font-size: 3.2em;
	}

	.distancia_pasos{
		margin-bottom: 50px;
	}

	/*.slider_bg_3{
		background-image: url(../image/div-wave-mobile.png);
		height: 700px;
	}*/

	#div_seccion_pasos{
		padding-top: 135px;
	}





	/************ TIMELINE ******************/


	
	.timeline-mobile{
		display: block !important;
	}

	.timeline-web{
		display: none !important;
	}


	#titulo-timeline {
		top: 0px;
		left: 0%;
		margin-left: 20%;
		max-width: 100%;
		margin-right: 20%;
		width: 60%;
	}

	#timeline .demo-card-wrapper-titulo::after{
		display: none !important;
	}

	#timeline .demo-card{
		max-width: 60%;
	}

	#timeline .demo-card--step1{
		top: 100px;
		border-radius: 20px;
		margin-bottom: 30px;
	}

	#timeline .demo-card .head h2 {
		text-transform: uppercase;
		font-size: 3.5em;
		font-weight: inherit;
		letter-spacing: 2px;
		margin: 0;
		padding-bottom: 6px;
		line-height: 1rem;
	}

	#titulo-personalizacion{
		font-size: 2em !important;
	}

	#timeline .demo-card .body{
		/*height: 320px;*/
		border-bottom-left-radius: 20px;
    	border-bottom-right-radius: 20px;
	}

	#txt-trami2-resp{
		left: 0px;
		/*position: absolute;*/
		/*top: 290px;*/
		position: inherit;
		margin-top: 200px !important;
		margin-left: 5%;
		margin-right: 5%;
	}

	#txt-pers-resp{
		left: 0px;
		position: inherit;
		margin-top: 170px !important;
		margin-left: 5%;
		margin-right: 5%;
	}


	#timeline .demo-card .body p {
		margin-top: 10px;
	}

	#timeline .demo-card .body img {
		display: block;
		padding-top: 0px;
		width: 35% !important;
    	margin-left: 30%;
	}

	.content-block2-resp {
		background-color: rgba(255,255,255,0.9);
		padding: 1rem 3rem;
		width: fit-content;
		max-width: 300px;
		margin: auto;
		border-radius: 15px;
		margin-top: 130px;
	}

	#a-img-ebo-tramite{
		top: 105px;
    	position: absolute;
	}

	.demo-card--step2{
		display:none !important;
	}

	.demo-card--step3{
		display: none !important;
	}

	#timeline .demo-card-wrapper::after{
		display: none !important;
	}

	#ebo-lego2{
		width: 55% !important;
	}


	/************ SECCION PRECIOS ******************/

	.card-p01 .card-head h6 {
		font-size: 1.3em;
	}

	.txt-subtitulo-p {
		font-size: 1.4em;
	}

	.card-p01 {
		padding: 24px 15px 30px;
	}


	/************ SECCION TEAM ******************/


	.single-trainer-item .trainer-text {
		border-radius: 7px;
		position: absolute;
		left: 73%;
		bottom: -55px;
		text-align: center;
		background: #0082a0;
		width: 215px;
		margin: 0 auto;
		-webkit-transform: translateX(-155px);
		-ms-transform: translateX(-155px);
		transform: translateX(-155px);
		-webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.15);
		padding: 20px 5px 18px;
		height: 90px;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		overflow: hidden;
	}


	/************ FOOTER ******************/

	.ftco-footer{
		min-width: 966px;
	}

	.footer-right form button {
		float: inherit;
	}

	.form-mail{
		text-align: -webkit-center;
	}

	.email-footer{
		font-size: 14px;
	}

	/************ CORRECCIONES ******************/

	#sub-div-sello-hero2{
		right: 2%;
	}

	#div_boton_bannerv2{
		left: 19.5%;
	}

	#div_palabras_bannerv2{
		right: 8%;
	}

	

}