@media screen and (max-width: 1142px) {
	div.titulo{
		width: 100%;
		float: none;
		display: block;
		margin-top: 120px;
	}
	
	div.h1,
	.encabezado img{
		position: relative;
		float: none;
	}

	div.h1{
		top:0;
		left: 0;
		margin-top: 0px;
		margin-left: 0px;
	}

	/* Adaptación botón ventana modal a 1142px */
	#myBtn{
		margin-top: -130px;
	}
}



@media screen and (max-width: 1200px) {
	/* div#pantalla-nav img{
		margin-left: 4vw;
	} */

	div.nav-top{
		padding-left: 26px;
	}

/*	div.nav-top ul li{
		border-left: none;
	}*/
	
}

@media screen and (max-width: 1100px){
	nav ul{
		margin-left: 0px;	
	}

	nav ul a{
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 1024px){
	div.nav-top li{
		display: block;
		border: none;
	}

	div.nav-top ul li:last-child{
		border-right: none;
	}

	div.nav-top ul li{
		border-left: none;
	}

	nav ul{
		margin-left: 0px;
	}

	nav ul a{
		font-size: 1.05rem;
		padding-right: 0.5vw;
		padding-left: 0.5vw;
	}
}

@media screen and (max-width: 900px){
	.general{
		width: 90%;
		float: none;
		margin-right: auto;
		margin-left: auto;
		top:-80px;
	}

	aside{
		width: 90%;
		float: none;
		margin-right: auto;
		margin-left: auto;
		margin-top:-120px;
	}

	.encabezado{
		padding-right: 20%;
		padding-left: 20%;
	}

	.encabezado img{
		float: right;
		bottom: 145px;
	}

	/* Ajuste margin-top negativo del footer */
	footer{
		margin-top:236.5px;
	}

	.formulario,
	.prestadores{
		margin-bottom: -236.5px;
	}

	/* Adaptaciones para botón ventana modal */
	#myBtn{
		width: 100%;
		margin-right: 0px;
	}
	
	/*Footer*/
	/*=====================================================*/
	section.formulario h2{
		text-align: center;
	}

	section.formulario{
		top:0px;
	}

	article.logo{
		height: auto;
		padding-bottom: 70px;
	}

	.datos,
	article.logo{
		text-align: center;
	}

	.datos div.lista{
		text-align: left;
		float: none;
		display: inline-block;
		margin: 0px auto;
		width: 250px;
	}

	.datos div.lista p{
		width: 325px;
	}

	/*Formulario contacto*/
	section.formulario{
		height: auto;
	}

	section.formulario input{
		width: 60%;
		margin: 20px auto;
	}

	section.formulario div.linea1{
		margin-top: 0px;
	}

	section.formulario div.custom-select{
		width: 60%;
		margin: 20px auto;
		padding-top: 20px;
		float: none;
		text-align: left;
	}

	.texto-consulta{
		width: 60%;
		margin: 0px auto;
		margin-top: 40px;
		float: none;
	}

	section.formulario input.enviar{
		margin-top:20px;
	}

	.select-selected::after{
		top:30px;
	}

	.select-selected.select-arrow-active:after{
		top:15px;
	}

	section.formulario div.g-recaptcha{
		position: relative;
		top: 20px;
		left: 20%;
	}

	/*Formulario subir comprobante*/
	.prestadores{
		height: auto;
	}
	.prestadores div.row input{
		display: block;
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	}

	.prestadores div.row input:nth-child(2){
		margin-right:auto;
		margin-left:auto;
	}

	/*Formulario Cotizador*/
	.cotizador{
		text-align: center;
	}

	.cotizador h3{
		margin-top: 50px;
	}

	.select-css{
		display: block;
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	}

	.select-css:nth-of-type(2),
	.select-css:nth-of-type(5){
		margin-right: auto;
		margin-left: auto;
	}
}


/*Menú de navegación responsivo*/
/*========================================================*/
@media screen and (max-width: 840px) {

	/* Clase para ampliar el largo del menú */

	div.nav-top ul li a{
		display: none;
	}

	div.nav-top ul li:first-child::before,
	div.nav-top ul li:nth-child(2)::before{
		visibility: hidden;
	}

	/* Posicionamos el botón de Menú */
	div.menubar{
		display: inline-block;
		margin-top:10px;
	}

	/* Desocultamos el botón de Menú */
	.ocultar{
		display: block;
	}
	

	/* Posicionamos el nav sobre todo */
	.navbar{
		/* position:sticky; */
		background-color:#017F36;
		z-index: 120;
		height: 56px;
		overflow: hidden;
		transition: height 0.5s linear;
	}

	.abrir{
		height: 380px;
	}

	/* Quitamos la línea separadora de cada a + a */
	nav ul a + a{
		border: none;
		padding: 0px;
	}

	/* Llevamos la ul al ancho máximo */
	nav ul{
		width: 100%;
	}

	/* Apilamos y posicionamos las a*/
	/* Usamos también a + a dado que sobreescribe todo el tiempo */
	nav ul a,
	nav ul a + a{
		border-bottom: solid 2px white;
		display: block;
		text-align: left;
		margin-right: 6%;
		margin-left: 6%;
		margin-bottom: 10px;
	}
	
	/*Ajustes tamño de fuentes*/
	.accordion {
		font-size: 1.2rem;
	}

	/* .accordion:after{
		transform: scale(0.8);
	} */

	.flecha,
	.flecha1,
	.flecha2,
	.flecha3,
	.flecha4{
		width:20px;
	}

	.tecnico h2,
	.profesional h2{
		font-size: 1.5rem;
	}

	.prestadores h2{
		font-size: 2rem;
	}

	.tecnico ul li,
	.profesional h5{
		font-size: 1.1rem;
	}

	.primero h4,
	.paciente h4{
		font-size: 1.8rem;
	}

	section.formulario h2{
		font-size: 2.2rem;
	}

	/* Adaptaciones ancho ventana modal */
	.modal-content{
		width: 100%;
		margin-left: 0px;
	}

}

/*Adaptación button cotizador*/
@media screen and (max-width: 715px) {
	
	button.cotizador a{
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 600px) {
	
	button.cotizador a{
		font-size: 1.2rem;
	}
}

/*Adaptaciones de fuentes y tamaños a 580px*/
@media screen and (max-width: 580px){
	html{
		font-size: 14px;
	}

	.encabezado{
		padding-top: 120px;
		padding-right:8%;
		padding-left:8%;
	}

	.encabezado img{
		width: 48px;
		bottom: 120px;
	}

	.encabezado h1{
		font-size: 2.5rem;
	}

	div.h1{
		width: 80%;
	}

	section.formulario div.g-recaptcha{
		position:static;
		margin-top: 20px;
	}
	
	.datos{
		padding-right: 0px;
		padding-left:0px;
	}

	.datos img{
		width: 250px;
	}

	.pie{
		height: auto;
	}

	section.formulario input,
	section.formulario div.custom-select,
	.texto-consulta{
		width: 90%;
	}

	div.nav-top ul{
		display: none;
	}

	div.nav-top{
		height: 84px;
	}

	.prestadores div.row input{
		width: 90%;
	}

	/*Estilos Cotizador*/
	.select-css{
		width: 90%;
		background-position:
		    calc(100% - 20px) calc(1em + 2px),
		    calc(100% - 15px) calc(1em + 2px),
		    calc(100% - .65em) .5em;
	}

	/* Adaptaciones botón ventana modal */
	#myBtn{
		margin-top:-100px;
	}

}

@media screen and (max-width: 480px){
	/* Adaptaciones botón ventana modal */
	.encabezado{
		padding-top: 60px;
	}

}

@media screen and (max-width: 430px) {
	
	button.cotizador{
		margin-top: 0px;
	}
}

@media screen and (min-width: 1600px){
	
	nav ul a{
		padding-right: 0.5vw;
		padding-left: 0.5vw;
	}
}