@media screen and (max-width: 1700px)
{
	/*ADMIN*/
	.left-frame .logo {padding: 30px 25px 50px 25px; font-size: 35px;}
	.left-frame .element {padding: 20px 25px;}
	.left-frame {padding-right: 25px; width: 290px;}
	.left-frame-sim {width: 290px;}
	.right-frame {width: calc(100vw - 310px);}
	.right-frame .btn-cabecera {padding: 10px 15px;}
	.minilogo {max-height: 32px;}
	h2 {font-size: 25px; padding-bottom: 5px;}
	h3 {font-size: 18px; padding-bottom: 15px;}
	.bloq {padding: 20px;}
	.bloq.dash{min-height: 139px;}
	.pd60-0 {padding: 40px 0;}
	.bloq .numb {font-size: 25px;}
	.btn-es {padding: 10px 20px;}
	.btn-tb {padding: 13px 25px;}
	.form input {width: 90%;}
	.form select {width: 90%;}
	.form textarea {width: 90%;}
	.bt .btn {padding: 10px 15px;}
	tr.inputs td {padding: 10px;}
	.left-frame .logout .element {padding: 50px 25px;}
	.bloq .cambio {bottom: 15px; right: 15px;}
}
@media screen and (max-width: 1320px)
{
	/*PEDIDO*/
	#pagina-pedido .cabecera img {max-height: 55px;}
	/*PASARELA*/
	#travelseller .paso .contenidopaso .alojamiento h3 {font-size: 19px;}
	.fotoalojamiento .galeria a {height: 180px !important;}
	#travelseller .paso .contenidopaso .alojamiento .btn {padding: 10px 20px; min-width: auto;}
	#pagina-producto .cabecera img {max-height: 55px;}
	/*ADMIN*/
	.left-frame .logo {padding: 20px 25px;}
	.left-frame .element {padding: 14px 20px;}
	.left-frame .logout .element {padding: 28px 20px;}
	.left-frame .element .name {font-size: 14px;}
	.dashboard .main-content .c25 {width: 50%;}
	.bloq.bt .results {font-size: 11px; font-weight: 700;}
	.styckynavbar .bloq .l{margin-bottom: 5px;}
	.tabs{white-space: nowrap;overflow: scroll;}
	#ext_form #general .f .c33{width: 100%; margin-top: 30px;}
	#ext_form #general .f .c33 .pd0-30{padding: 0;}
	#ext_form #general .f .c33 .pd30{padding: 0; margin-top: 30px;}
	#datosreserva .c33{width: 100%;}
	#datosreserva .c33 .pd0-30{padding: 0;}
}
@media screen and (max-width: 1000px)
{
	/*PEDIDO*/
	#pagina-pedido #travelseller > .f > .c7 {width: 100%; order: 2; padding: 15px 0px;}
	#pagina-pedido #travelseller > .f > .c3 {width: 100%; order: 1; padding: 15px 0px;}
	#travelseller .resumen .contenidoresumen {padding: 25px;}
	#travelseller .paso .contenidopaso {padding: 40px 25px;}
	#travelseller .paso .contenidopaso.participantes {padding: 40px 15px;}
	#pagina-pedido #travelseller .contenidopaso.texto_informativo {padding: 25px;}
	#pagina-pedido #travelseller .paso .titulo h2, #pagina-pedido #travelseller .resumen .titulo h2 {text-align: center;}
	.textarea {min-width: auto;}
	#pagina-pedido .cabecera {padding: 30px; padding-bottom: 10px;}
	/*PASARELA*/
	#pagina-producto #travelseller > .f > .c7 {width: 100%; order: 1; padding: 15px 0px;}
	#pagina-producto #travelseller > .f > .c3 {width: 100%; order: 2; padding: 15px 0px;}
	.habitaciones .c5 {width: 100%; padding: 10px 0 0 0;}
	.btn {padding: 12px 20px; min-width: auto;}
	#pagina-producto .recuadroayuda {display: none;}
	#pagina-producto #travelseller .contenidopaso .alojamiento > div {width: 50% !important; padding: 15px 25px;}
	#pagina-producto #travelseller .contenidopaso .alojamiento .fotoalojamiento {width: 100% !important; padding: 0;}
	#pagina-producto #travelseller .contenidopaso .alojamiento .sel_hab {width: 100% !important; padding: 0; padding-top: 25px; padding-right: 30px;}
	#pagina-producto .cabecera {padding: 30px; padding-bottom: 10px;}
	.sel_hab > * {width: 100% !important;}
	.right-frame {width: 100%; margin-top: 50px;}
	.left-frame {width: 100vw;z-index: 5;}
	.menumovil{display: none;}
	.styckynavbar .bloq .l a, .styckynavbar .bloq .l button{margin-bottom: 5px;}
	.cabeceramovil{display: flex;}

	.conf_general .c10 .bloq a, .conf_general .c10 .bloq button{margin-top: 5px;}
	#ext_form .c5{width: 100%;}
	#ext_form .c5 .pd0-30{margin: 10px 0 90px 0;padding: 0;}
	#metodospago .c33{width: 100%;}
	#metodospago .c33 .pd0-30{padding: 0 0 30px 0;}
	.capacidades{padding: 30px 0 0 0;}
	.popup{
		width: 100%;
		top: 50%;
		left: 0;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	#mod_importe .pd20{padding: 20px 0;}
	#mod_importe .c33{width: 100%;}
	.form input {
	  width: 70%;
	}
	.transportes .c15{width: 50%;}
	.transportes input{width: 100%;}
	.traslados  .c2{width: 50%;}
	.traslados  input{width: 100%;}
	.alojamientos .c1{width: 50%;}
	.alojamientos .c15{width: 50%;}
	.alojamientos .c2{width: 50%;}
	.alojamientos   input{width: 100%;}
	.complementos .c1{width: 50%;}
	.complementos .c15{width: 50%;}
	.complementos .c2{width: 50%;}
	.complementos   input{width: 100%;}
	#general .pd0-30{padding: 20px 0;}
	.listadoviajes .c33 {width: 100%;}
}
@media screen and (max-width: 580px)
{
	.minilogo{margin-top: 5px;}
	.btn-cabecera{margin-top: 5px;}
	.right-frame .sup .r {justify-content: center !important;}
	.right-frame .btn-ayuda{display: none;}
	.dashboard .main-content .c25{width: 100%;}
	.bloq .c5{width: 100%;}
	.form textarea {
	  min-width: unset;
	}
	.masrangos .c3{width: 100%;}
	#infogeneral .c5 .pd0-30{padding: 30px 0;}
	#add_habitacion .masrangos .c3{width: 100%;}
	#add_alojamiento_viaje .c33{width: 100%;}
	#edit_actividad .c33{width: 100%;}
	#add_autobus .c6, #add_autobus .c4{width: 100%;}

	.transportes .c15{width: 100%;}
	.traslados  .c2{width: 100%;}
	.alojamientos .c1{width: 100%;}
	.alojamientos .c15{width: 100%;}
	.alojamientos .c2{width: 100%;}
	.complementos .c1{width: 100%;}
	.complementos .c15{width: 100%;}
	.complementos .c2{width: 100%;}

	#pagina-landing .portada h1 {font-size: 26px;}
	#pagina-landing .portada h2 {font-size: 16px;}
	.enlaces-legales {text-align: center;}
	.enlaces-legales .f > div {width: 100%;}
	.cabecera .l {width: 100%; text-align: center; margin-bottom: 15px;}
	.cabecera .r {width: 100%; text-align: center;}
	.cabecera .r li a {margin: 0 15px;}
	#pagina-landing .vistafinal .header h1{font-size: 26px;}
	
}
@media screen and (max-width: 420px)
{
	/*PEDIDO*/
	#travelseller .paso .contenidopaso.participantes .c5 {width: 100%;}
	/*PASARELA*/
	#pagina-producto #travelseller .paso .titulo h2, #pagina-producto #travelseller .resumen .titulo h2 {font-size: 16px; padding: 10px 15px;}
	#travelseller .paso .titulo .r {padding: 0px 10px; font-size: 15px;}
	.fotoalojamiento .galeria a {height: 140px !important;}
	#pagina-producto #travelseller .contenidopaso .alojamiento > div {width: 100% !important; padding: 15px !important;}
	#pagina-producto #travelseller .contenidopaso .alojamiento .fotoalojamiento {padding: 0 !important;}
	#pagina-producto #travelseller .contenidopaso .alojamiento .sel_hab {padding: 0 !important; padding-top: 25px !important; padding-right: 30px !important;}
	.complemento *{width: 100%;}
	.complemento .pd0-15.pd-nr{padding: 0;}
	#travelseller .paso .contenidopaso .complemento label {font-size: 18px;}
}