/*CSS PRINCIPAL */
@media screen and (max-width: 1020px) {
	.viajes .gp .c2 a{font-size: 19px;}
	.viajes .gp.rel .r{font-size: 19px;}
	.viajes div.checkbox .tit{font-size: 19px;}
	.viajes div.checkbox{padding: 20px;}
	.preciototal{width: 70%;} 
	.preciocuota{width: 30%;}
	label{max-width: 89%;}
	.btn-large{font-size: 27px; padding: 15px 30px;}
	.info i{font-size: 40px; position: absolute; top: 7px; right: 10px;}
	.pasorapido{top: 15%;}
	.pasorapido a, .pasorapido span{margin-left: 0; width: auto; padding: 15px; font-size: 0;}
	.pasorapido li i{font-size: 22px; margin-left: 0;}
	.condiseno:after{content: '\A';}
	#info{padding: 0;}
	.paso{margin-bottom: 75px;}
	.paso#guardar{margin-bottom: 150px;}
	select{width: 100%; min-width: 0;}
	textarea{width: 100%; min-width: 0;}
	.chosen-container{width: 100% !important;}
	.chosen-container *{width: 100% !important;}
	h2{font-size: 19px; padding: 20px 20px 20px 70px;}
	.main.add{text-align: center;}
	input[type="text"], input[type="password"], input[type="email"], input[type="number"]{min-width: 0; width: 100%;}
	h1{font-size: 28px; padding: 25px; margin-bottom: 50px;}
	td .action i{line-height: 50px; font-size: 26px;}
	td .action{line-height: 50px; min-width: 50px; min-height: 50px;}
	table td{display: block !important; width: 100% !important; clear: both !important;}
	thead{display: none;}
	body.home .item{width: 50%;}
	.gp{margin: 20px 20px 20px 70px;}
	input[type="text"]{min-width: none;}
	.desktop{display: none;}
	.responsive{display: block;}
	.left{float: none; width: 100%;}
	.right{float: none; width: 100%;}
}

/*MEDIDAS MÍNIMAS*/
@media screen and (max-width: 500px) {
	.preciototal, .preciocuota{width: 50%;}
	.gp{margin: 20px;}
	h2{padding: 20px;}
	.pasorapido{display: none !important;}
	body.home .item{width: 100%;}
}