@media screen and (min-width: 1300px){
	body.home section#banner img{width: 100%;}
}

@media screen and (max-width: 1300px){
	body.home section#banner {height: auto;}
}



@media screen and (max-width: 1080px){
	.trabajos{padding: 0px; width: 98%;}
}

@media screen and (max-width: 1024px){
	header{
		width: 100%;
		display: block;
		margin: 0px auto;
	}

	#container{
		width: 100%;
	}
	
	#logo{
		/*margin: 0px auto 10px auto;*/
		display: block;
	}

	nav{
		margin: 0px auto;
		width: 100%;
	}
	body.home section#banner{
		background: #c1c1c1;
		height: 305px!important;
		overflow: hidden!important;
	}


	body.home section#banner img{
		
		height: auto;
		width: 1024px;
	}
	
	.desc, .ilustra{
		width: 95%;
		margin: 0px auto;
		height: auto;
	}

	.ilustra img{
		width: 90%;
	}
	.how{
		display: none;
	}

	.grid3{
		margin: 0px auto;
		padding: 13px;
	}

	.grid3Add{
		padding: 10px;
		width: 96%;
	}

	body.internal #preguntar {
		margin: -270px 0px 0px 0px;
	}

	body.internal section#banner{
		height: 250px;
	}

	.plans{
		width: 23%;
	}

	#planes ul{
		width: 90%;

	}

	#asesores {
		width: 100%;
		height: auto;
	}

	#asesores img{
		width: 100%;
		height:auto;
	}


}

@media screen and (max-width: 900px){
	#preguntar{
		width: 100%;
	}

	.plans{
		width: 30%;
	}
}

@media screen and (max-width: 800px){
	#asesores{
		width: 95%;
	}
}


@media screen and (max-width: 775px){
	nav ul li{
		padding: 0px 5px;
	}

	.howImage{display: none;}
	.howImageShow{display: block; width: 90%;}

	#planes .grid2 img{
		width: 50%;
	}
}


@media screen and (max-width: 680px){
	.grid1 .grid2{
		width: 100%;
	}

	section#servicios{
		width: 95%;
	}

	section#servicios .grid3{
		width: 95%;
	}

	section#servicios .grid2{
		width: 100%;
	}

	.ilustra img{
		width: 50%;
		float: right;
		margin: 0px 10px 0px 0px;
		padding: 0px;
	}

	#btnPlanes{
		margin: 20px auto 0px auto;
		float: none;
	}

	.trabajos ul li{width: 25%;}
}

@media screen and (max-width: 650px){
	#logo{
		margin: 0px auto;
	}
	nav{
		display: none;
		margin: 30px 0px 0px 0px;
	}

	nav ul li{
		display: block;
		width: 100%;

	}

	nav ul li a{
		text-align: left;
		display: block;
	}

	.active,
	nav ul li:hover{
		border-radius: 0px;
	}


	div#menuMovil{
		display: inline-block;
	}

	.plans{
		width: 46%;
		margin: 10px auto;
	}

}

@media screen and (max-width: 565px){
	.derechos1{width: 100%;}
	.derechos{width: 100%;}
	.derechos img{ margin: 0px auto; display: block;}
}


@media screen and (max-width: 500px){
	.trabajos ul li{width: 45%;}
}

@media screen and (max-width: 400px){
	.imgnosotros{ width: 100%;}
	.grid3Add{
		width: 93%;
		padding: 10px;
	}

	.plans{
		width: 95%;
		display: block;
	}
}