/* MOBILE */

@media only screen and (max-width: 760px) {

	body{
		min-height:inherit;
	}

	.mob{
		display:block;
	}

	.desk{
		display:none;
	}

	section{
		height: auto !important;
		padding-top:0;
	}

	header{
		height:65px;
	}

	header, footer{
		position:relative;
	}

	footer nav{
		padding:10px 0;
	}
	footer nav a, footer span{
		font-size: 0.9em;
	}
	footer span{
		padding:0 10px;
	}

	h2{
		display:block;
	}

	.description{
		font-size: 1.25em;
	}


	/* home */
	h1{
		font-size:2.8em;
	}
	#home h1 span{
		width:230px;
		margin:auto;
		font-size:0.4em;
	}
	#home h1:before{
		top:86px;
	}

	.illus-home{
		width:100%;
		display:block;
		margin:auto;
		max-width:616px;
	}

	#home:after{
		height:150px;
		top:78%;
	}

	/* elige tu meta */

	.categories-menu, .priority-menu{
		height:auto;
	}

	.item, .item.compressed{
		float:none;
		width:100%;
		margin:0 auto;
		border-bottom:1px solid #DBEBF5;
		background-position: left center;
		background-size:auto 90px;
		height:auto;
	}

	.item h3{
		display:block;
		width:65%;
		height:100%;
		padding:0 0 0 35%;
		line-height: 100px;
		text-align: left;
		height:100px;
	}

	.item.selected {
		background-position:top left;
	}
	.item.selected .submenu{
		position:relative;
		left:0;
	}

	.item.selected:before{
		top:40px;
	}

	/* elige prioridad */
	.priority-menu button{
		width:48%;
		background-size:65%;
		max-width:180px;
	}
	.priority-menu button p{
		font-size:1.2em;
		padding-top:165px;
	}

	/* details */
	#details{
		width:90%;
		margin:auto;
		overflow:hidden;
		max-width:300px;
	}

	#details div{
		height:auto;
	}

	#details div label{
		font-size:1.6em;
		height:auto;
		background-repeat: no-repeat;
	}
	#details div label span{
		display: block;
	}

	#details input[type="text"]{
		width:75%;
		margin:10px 0;
		clear:both;
		display:block;
	}

	.error{
		position: relative;
		clear:both;
		margin:0 0 15px 0;
		top:auto;
		display:inline-block;
		width:100%;
	}

	#details .btn{
		margin:35px auto 40px auto;
	}

	/* tu plan meta ahorro */
	#tu-plan-meta-ahorro p.description{
		width:auto;
	}

	aside, .results{
		width:95%;
		margin:auto;
		float:none;
		display:block;
		clear:both;
	}

	.results{
		width:100%;
		margin-bottom:20px;
	}

	.results div{
		position:relative;
	}

	.results div span, .results div strong{
		font-size:0.8em;
	}

	.results div .btn{
		height:auto;
		width:90%;
		padding:5px 1% 10px 1%;
		line-height:14px;
		font-size:0.7em;
		min-height:20px;
		margin-left:4%;
	}

	.copy{
		width:90%;
		margin:10px auto;
		clear:both;
	}

	.saving{
		margin-top:10px;
	}

	#opt-one{ height:310px; }
	#opt-two{ height:340px; }
	#opt-three{ height:375px; }

	/* tu sucursal mas cercana */
	
}